:root{--ink:#1a1a2e;--muted:#55566a;--accent:#0b6bcb;--line:#e2e4ee;--bg:#f7f8fc;--err:#b3261e}*{box-sizing:border-box}body{color:var(--ink);background:var(--bg);flex-direction:column;height:100dvh;margin:0;font-family:Open Sans,system-ui,sans-serif;display:flex;overflow:hidden}header.bar{border-bottom:1px solid var(--line);background:#fff;flex-wrap:wrap;flex:none;align-items:center;gap:.75rem 1.25rem;padding:.75rem 1.25rem;display:flex}header.bar h1{margin:0 auto 0 0;font-size:1.1rem}header.bar a.home{color:var(--accent);font-size:.9rem;text-decoration:none}header.bar a.version{color:var(--accent);font-variant-numeric:tabular-nums;white-space:nowrap;border:1px solid;border-radius:999px;align-items:center;padding:.25em .6em;font-size:.75rem;line-height:1;text-decoration:none;display:inline-flex}header.bar a.version:hover,header.bar a.version:focus-visible{color:#06427f}header.bar a.version.is-prerelease{background-color:var(--accent);color:#fff;border-color:#0000}header.bar a.version.is-prerelease:hover,header.bar a.version.is-prerelease:focus-visible{color:#fff;opacity:.85}.field{align-items:center;gap:.4rem;min-width:0;font-size:.9rem;display:flex}.field select{min-width:0}.field label{color:var(--muted)}select,input,button{font:inherit;border:1px solid var(--line);color:inherit;background:#fff;border-radius:.35rem;padding:.35rem .55rem;font-size:.9rem}input#accession{width:7rem}input#accession:disabled{opacity:.6}.accession-hint{color:var(--muted);font-size:.8rem}button#run{cursor:pointer;color:#fff;background:var(--accent);border-color:var(--accent);font-weight:700}button#run:hover{filter:brightness(1.08)}button{cursor:pointer}.local-note{color:var(--muted);font-size:.8rem}.local-files{background:#fff;flex:none;font-size:.85rem}.local-files>*{border-bottom:1px solid var(--line);margin:0;padding:.4rem 1rem}.local-files>[hidden]{display:none}.local-files>:empty{border:0;padding:0}#data-snippet{white-space:pre-wrap;background:var(--bg);font-size:.8rem}#data-files{flex-wrap:wrap;gap:.4rem 1rem;list-style:none;display:flex}#data-files li{align-items:center;gap:.4rem;min-width:0;max-width:100%;display:flex}#data-status,#data-files li span{overflow-wrap:anywhere;min-width:0}#data-files button,.data-attach button{padding:.15rem .5rem;font-size:.8rem}.data-attach fieldset{border:none;flex-wrap:wrap;align-items:center;gap:.5rem 1rem;min-width:0;margin:0;padding:0;display:flex}.data-attach legend{overflow-wrap:anywhere;max-width:100%;padding:0 0 .3rem;font-weight:700}.data-attach-note{color:var(--muted);flex-basis:100%;margin:0}.data-attach .actions{gap:.5rem;display:flex}.data-attach .sequence-targets{flex-basis:100%;min-width:0;display:block}.data-attach .sequence-targets legend{font-weight:600}.sequence-target{grid-template-columns:auto 1fr;align-items:baseline;column-gap:.4rem;margin:.3rem 0;display:grid}.sequence-target label{font-weight:600}.sequence-consequences{color:var(--muted);overflow-wrap:anywhere;grid-column:2;margin:.1rem 0 0;padding-left:1.1rem}.sequence-target input:disabled+label{color:var(--muted)}.sequence-summary{overflow-wrap:anywhere;flex-basis:100%;margin:0}.data-attach button[type=submit]{color:#fff;background:var(--accent);border-color:var(--accent);font-weight:700}#config-pane{position:relative}.drop-overlay{text-align:center;color:var(--accent);border:3px dashed var(--accent);pointer-events:none;background:#ffffffe6;justify-content:center;align-items:center;padding:2rem;font-weight:700;display:flex;position:absolute;inset:0}.drop-overlay[hidden]{display:none}:focus-visible{outline:3px solid var(--accent);outline-offset:1px}main{grid-template-columns:var(--left,1fr) 8px var(--right,1fr);background:var(--bg);flex:auto;min-height:0;display:grid}main.dragging{cursor:col-resize;-webkit-user-select:none;user-select:none}.splitter{background:var(--line);cursor:col-resize;touch-action:none}.splitter:hover,.splitter:focus-visible{background:var(--accent);outline:none}section.pane{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex;overflow:hidden}.pane h2{text-transform:uppercase;letter-spacing:.05em;color:var(--muted);border-bottom:1px solid var(--line);background:#fff;margin:0;padding:.6rem 1rem;font-size:.78rem}#editor{background:#fff;flex:1;min-height:0;overflow:auto}.cm-editor{height:100%}#preview{background:#fff;flex:1;min-height:0;padding:.5rem 1rem 2rem;overflow:auto}#preview.stale{opacity:.55}#preview-stale{color:var(--err);border-bottom:1px solid var(--line);background:#fff;flex:none;margin:0;padding:.5rem 1rem;font-size:.85rem;font-weight:700}#preview-stale[hidden]{display:none}.errors{border-top:1px solid var(--line);background:#fff;flex:none;padding:.5rem 1rem}#error-summary{margin:0;font-size:.85rem;font-weight:700}#errors{color:var(--err);max-height:9rem;margin:.35rem 0 0;padding-left:1.1rem;font-size:.85rem;overflow:auto}#errors:empty{display:none}#errors li{margin:.15rem 0}#errors li[data-severity=warning]{color:var(--muted)}.preset-desc{color:var(--muted);border-bottom:1px solid var(--line);background:#fff;flex:none;margin:0;padding:.4rem 1.25rem;font-size:.85rem}.preset-desc:empty{display:none}@media (width<=760px){body{height:auto;overflow:visible}main{grid-template-columns:1fr}.splitter{display:none}section.pane{overflow:visible}#editor,#preview{height:60vh}}