.er-workspace{max-width:1216px;margin:auto;padding:46px 28px 70px;color:#263640}.er-header{display:flex;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:26px}.er-header h1{font-size:clamp(1.9rem,3vw,2.8rem);letter-spacing:-.04em;line-height:1.15;margin:9px 0 12px}.er-header p{color:#536274;line-height:1.6}.er-step{font-size:.76rem!important;letter-spacing:.08em;text-transform:uppercase;font-weight:650;color:#65549a!important;margin:0 0 8px}.er-actions{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.er-workspace button,.er-file-label{font:inherit;cursor:pointer}.er-primary,.er-secondary{padding:12px 17px;border-radius:10px;font-size:.9rem!important;white-space:nowrap;line-height:1.4}.er-primary{background:#5747a3;color:#fff;border:1px solid #5747a3;font-weight:650!important}.er-secondary{background:#fff;border:1px solid #bdc7d5;color:#344458}.er-primary:hover{background:#433584}.er-secondary:hover{background:#f7f5fd;border-color:#998bc2}.er-workspace button:disabled{opacity:.45;cursor:default}.er-link{border:0;background:none;color:#51429b;padding:6px 0;font-weight:600!important;font-size:.88rem!important;text-decoration:underline;text-underline-offset:4px}.er-local{display:flex;align-items:center;gap:10px;border:1px solid #d8e4e1;padding:12px 17px;background:#f6faf9;color:#365b53;border-radius:11px;font-size:.88rem;line-height:1.5;margin-bottom:20px}.er-local button{margin-left:auto;flex-shrink:0}.er-card{background:#fff;border:1px solid #dbe1ea;border-radius:16px;padding:27px;margin:20px 0}.er-card p{font-size:.94rem;line-height:1.65;color:#526274}.er-section-head{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:20px}.er-section-head h2{font-size:1.35rem;letter-spacing:-.02em;margin:0}.er-section-head h3{font-size:1.06rem;margin:0}.er-setup-grid{display:grid;grid-template-columns:1.2fr 1fr;gap:28px}.er-setup-grid>div{min-width:0}.er-field{display:flex;flex-direction:column;gap:8px;font-size:.9rem;font-weight:600;min-width:0}.er-field>span{line-height:1.5}.er-field small{font-size:.78rem;font-weight:400;color:#5f7083;display:block}.er-field input,.er-field select,.er-field textarea{border:1px solid #aebaca;border-radius:8px;padding:11px 12px;color:#263640;background:#fff;font:inherit;font-weight:400;min-width:0;width:100%;box-sizing:border-box}.er-field textarea{font-family:ui-monospace,SFMono-Regular,monospace;font-size:.85rem;line-height:1.7;resize:vertical;min-height:128px;overflow-wrap:anywhere}.er-input-pair{display:grid;grid-template-columns:1fr 1fr;gap:13px;margin-bottom:18px}.er-note{font-size:.82rem!important;line-height:1.6!important;color:#58697c!important}.er-controls>.er-note{margin:-5px 0 18px}.er-details{font-size:.88rem;line-height:1.65;margin:20px 0}.er-details summary{font-weight:600;cursor:pointer;color:#435168;padding:7px 0}.er-details li{margin:8px 0;color:#526274}.er-details .er-field{max-width:700px;margin:13px 0}.er-file-label{position:relative;display:inline-block;font-weight:600;overflow:hidden}.er-file-label input[type=file]{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.er-file-label:focus-within{outline:3px solid #7860bc;outline-offset:3px}.er-import-heading{border-top:1px solid #e2e7ee;padding-top:23px;margin-top:24px;margin-bottom:10px}.er-empty{padding:24px;border:1px dashed #c4cedc;border-radius:11px;background:#fcfcfe;color:#617186;font-size:.88rem;line-height:1.6;margin-top:15px}.er-sample-list{display:grid;gap:8px}.er-sample-input{display:grid;grid-template-columns:minmax(140px,1fr) minmax(120px,1fr) 32px;gap:15px;align-items:start;padding:14px 16px;background:#fbfcfe;border:1px solid #dde3ec;border-radius:10px}.er-sample-input strong{font-size:.9rem;overflow-wrap:anywhere}.er-sample-input small{display:block;font-size:.76rem;color:#65768b;overflow-wrap:anywhere;line-height:1.5;margin-top:4px}.er-sample-input summary{font-size:.84rem;color:#53617a;cursor:pointer}.er-sample-input .er-field{margin:12px 0}.er-remove{border:0;background:#edf0f7;color:#596779;border-radius:50%;width:29px;height:29px;font-size:1.25rem!important}.er-run{display:flex;align-items:end;justify-content:space-between;gap:20px;margin-top:22px}.er-run>.er-field{max-width:360px;width:100%}.er-error{padding:14px!important;background:#fff6f4;color:#963b34!important;border-left:3px solid #b56159;font-size:.88rem;overflow-wrap:anywhere}.er-sequence{margin-top:20px;overflow:hidden}.er-bases{display:flex;gap:2px;overflow-x:auto;padding-bottom:4px}.er-bases>span{font-family:ui-monospace,monospace;font-size:.86rem;min-width:16px;text-align:center;padding:4px 0;color:#526174;background:#f5f6fa;position:relative;margin-bottom:20px}.er-bases small{position:absolute;top:100%;left:50%;transform:translateX(-50%);font-size:.59rem;color:#67758a;line-height:1.7}.er-bases .er-target{background:#dceee7;color:#205649;outline:2px solid #2c6d5b;outline-offset:-1px}.er-bases .er-bystander{background:#ece5f6;color:#61468e}.er-sequence p{font-size:.76rem;margin:4px 0}.er-table-scroll{overflow-x:auto;border:1px solid #dbe2ea;border-radius:10px;max-width:100%}.er-workspace table{border-collapse:collapse;width:100%;font-size:.84rem}.er-workspace th,.er-workspace td{text-align:left;padding:13px 14px;border-bottom:1px solid #e2e6ee;vertical-align:top;line-height:1.5}.er-workspace thead th{background:#f6f7fb;color:#526176;font-size:.77rem;font-weight:600;white-space:nowrap}.er-workspace tbody th{font-weight:600}.er-workspace td small,.er-workspace th small{display:block;font-size:.74rem;font-weight:400;color:#657489;margin-top:4px}.er-sample-results{min-width:810px}.er-sample-results th:first-child{min-width:130px;max-width:230px;overflow-wrap:anywhere}.er-stack{display:flex;width:170px;height:22px;border-radius:5px;overflow:hidden;background:#edf0f5;margin-top:2px}.er-stack>span{height:100%;flex-shrink:0;min-width:0}.er-legend{display:flex;gap:9px 16px;flex-wrap:wrap;font-size:.75rem;color:#526174;margin:18px 0}.er-legend span{display:flex;align-items:center;gap:6px}.er-legend i{display:inline-block;width:9px;height:9px;border-radius:2px}.er-selected{background:#faf8ff}.er-inspector{margin-top:24px;padding:22px;background:#fcfcfe;border:1px solid #e1e2ec;border-radius:12px}.er-stat-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:14px}.er-stat-grid span{display:block;font-size:.78rem;color:#63738a;margin-bottom:6px}.er-stat-grid strong{font-size:1.14rem;font-weight:650}.er-control{padding:12px 15px;border-left:3px solid #9b8fbc;background:#f7f4fc;font-size:.86rem!important}.er-hash{font-size:.75rem;overflow-wrap:anywhere}.er-dna-block{font-size:.75rem;display:block;white-space:pre;max-width:450px;overflow:auto}.er-example{background:#f9f8fd;border:1px solid #ded9ef;padding:15px 19px;border-radius:11px;font-size:.83rem;color:#536174;line-height:1.6}.er-example summary{font-weight:650;color:#57418b;cursor:pointer}.er-example li{margin:7px 0}.er-example a,.er-card a{color:#51429b;text-underline-offset:3px}.er-workspace :focus-visible{outline:3px solid #7860bc;outline-offset:3px}
@media(max-width:900px){.er-header{display:block}.er-header>.er-actions{margin-top:20px}.er-setup-grid{grid-template-columns:1fr;gap:22px}.er-controls{max-width:none}}@media(max-width:600px){.er-workspace{padding:28px 14px 40px}.er-card{padding:19px 15px}.er-local{align-items:start;flex-wrap:wrap;font-size:.81rem}.er-local>button{margin-left:0}.er-local>span{display:none}.er-sample-input{grid-template-columns:1fr 30px;padding:13px}.er-sample-input details{grid-row:2;grid-column:1 / -1}.er-remove{grid-row:1;grid-column:2}.er-run{flex-wrap:wrap;gap:15px}.er-run>.er-field{max-width:none}.er-run>.er-primary{width:100%}.er-stat-grid{grid-template-columns:1fr;gap:15px}.er-inspector{padding:16px}.er-section-head{align-items:start;flex-wrap:wrap;gap:12px}.er-header .er-actions{gap:8px}.er-header .er-secondary{font-size:.81rem!important;padding:10px 12px}.er-card>p{font-size:.87rem}.er-table-scroll{overscroll-behavior-x:contain}.er-example{padding:13px 15px}}
@media(prefers-reduced-motion:reduce){.er-workspace *{scroll-behavior:auto!important}}