:root{color-scheme:dark;--bg:#0b111d;--panel:#111b2a;--edge:#223044;--text:#e6eef6;--muted:#899bb0;--green:#61e7bc;--orange:#f4bc71;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif;font-synthesis:none}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-size:14px}button,input,select{font:inherit}a{color:inherit;text-decoration:none}button,a,input,select,summary{outline-offset:4px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,summary:focus-visible{outline:2px solid var(--green)}.topbar{height:76px;border-bottom:1px solid var(--edge);padding:0 4%;display:flex;align-items:center;gap:26px}.brand{display:flex;align-items:center;gap:12px}.brand svg{width:34px;height:34px;fill:none;stroke:var(--green);stroke-width:2.5}.brand strong{font-size:20px;letter-spacing:1.5px}.brand strong span{font-weight:400;color:var(--green);margin-left:7px}.subtitle{font-size:10px;letter-spacing:2px;color:var(--muted);border-left:1px solid #334155;padding-left:26px}.topbar nav{margin-left:auto;display:flex;gap:30px;align-items:center;font-size:12px}.privacy{color:var(--muted)}.privacy i,.live-dot{display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--green);margin-right:8px}main{max-width:1560px;margin:auto;padding:36px 4%}.intro{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px;gap:16px}.eyebrow{font-size:10px;letter-spacing:2px;color:var(--green);margin:0 0 10px}h1{font-size:29px;font-weight:570;letter-spacing:-.8px;margin:0 0 9px}.intro p:not(.eyebrow){color:var(--muted);margin:0;font-size:13px}.pill{border:1px solid #2d4850;color:#98b4bf;border-radius:30px;padding:8px 12px;font-size:11px;white-space:nowrap}.workbench{display:grid;grid-template-columns:288px minmax(0,1fr);gap:22px;align-items:start}.panel{border:1px solid var(--edge);background:var(--panel);border-radius:10px}.controls{padding:21px}.panel-title{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:19px}h2{font-size:13px;font-weight:600;margin:0}.step{font-family:ui-monospace,monospace;color:#536880;font-size:12px}.dropzone{display:flex;position:relative;flex-direction:column;align-items:center;justify-content:center;gap:9px;min-height:141px;border:1px dashed #435468;border-radius:7px;background:#142132;cursor:pointer;text-align:center;padding:14px}.dropzone:hover,.dropzone.drag{border-color:var(--green);background:#162c32}.dropzone svg{width:24px;height:24px;stroke:var(--green);stroke-width:1.5;fill:none}.dropzone strong{font-size:12px;max-width:100%;overflow-wrap:anywhere}.dropzone span{font-size:10px;color:var(--muted);line-height:1.5}.dropzone input{position:absolute;inset:0;opacity:0;cursor:pointer;width:100%;height:100%}.controls>label,.two-col label{display:block;font-size:11px;color:#becbd9;margin-top:16px}.controls label>span,.two-col label>span{color:var(--muted);font-size:9px;margin-left:3px}select,input[type=number]{display:block;width:100%;height:37px;padding:0 10px;border:1px solid #344255;background:#0d1623;color:var(--text);border-radius:5px;margin-top:7px;font-size:12px}select{padding-right:4px}.two-col{display:grid;grid-template-columns:1fr 1fr;gap:12px}.hint{font-size:10px;line-height:1.65;color:var(--muted);margin:10px 0 0}.button{display:inline-flex;align-items:center;justify-content:center;gap:9px;border:1px solid transparent;border-radius:6px;min-height:39px;padding:10px 14px;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s}.button span{margin-left:auto}.button:disabled{opacity:.45;cursor:default}.primary{background:var(--green);color:#07251e}.primary:hover:enabled{background:#86f1d0}.secondary{background:#1d2b3e;border-color:#35475d;color:#dce9f6}.secondary:hover:enabled{background:#283c53}.controls .button{width:100%;margin-top:18px}.rule{height:1px;background:var(--edge);margin:23px 0}.controls label.checkbox{display:flex;align-items:center;line-height:1.5;gap:8px;margin-top:17px;font-size:10px}.checkbox input{accent-color:var(--green);margin:0}.checkbox span{margin-left:auto}.danger{background:#542a32;color:#ffced4}.workspace{display:grid;gap:17px}.display{overflow:hidden}.display>.panel-title{padding:19px 20px 0;margin-bottom:16px}.title-line{display:flex;align-items:center;gap:8px}.live-dot{margin:0}.muted{color:var(--muted);font-size:10px}.title-line .muted{margin-left:8px}.unit{font-family:ui-monospace,monospace;font-size:9px;color:var(--muted)}canvas{display:block;width:100%;background:#080f1c}#spectrum{height:210px}#waterfall{height:174px}.waterfall-label{display:flex;justify-content:space-between;background:#0c1524;padding:8px 15px;color:#879ab0;font-family:ui-monospace,monospace;font-size:9px;letter-spacing:1px}.waterfall-label span+span{font-family:inherit;letter-spacing:0;color:#60758e}.plot-footer{padding:12px 17px;display:flex;justify-content:space-between;align-items:center;color:var(--muted);font-size:9px}.legend{display:inline-block;width:14px;height:2px;background:var(--green);vertical-align:middle;margin-right:7px}.plot-footer label{display:flex;align-items:center;gap:8px}.plot-footer input{width:75px;height:12px;accent-color:var(--green)}.plot-footer output{min-width:44px}.metrics{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.metric{padding:17px 17px 13px}.metric>span{display:block;font-size:9px;letter-spacing:1px;color:var(--muted);margin-bottom:11px}.metric strong{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-weight:400;font-size:23px;letter-spacing:-1px;white-space:nowrap}.metric strong small{font-family:inherit;font-size:11px;color:var(--muted);letter-spacing:0}.metric p{font-size:9px;color:#70859d;margin:8px 0 0}.health,.receiver{padding:19px 20px}.health .panel-title,.receiver .panel-title{margin-bottom:13px}.badge{font-family:ui-monospace,monospace;font-size:9px;letter-spacing:.7px;color:#9aabbd;padding:5px 8px;border:1px solid #344357;border-radius:4px}.badge.good{color:var(--green);border-color:#28624f;background:#18382d55}.badge.warn{color:var(--orange);border-color:#725437;background:#4a332555}.empty{color:#bdcad8;font-size:12px;margin:0}.health ul{padding-left:18px;color:var(--orange);font-size:12px;line-height:1.7;margin:8px 0}.health .hint{margin-top:7px}.stages{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;color:#5d738c;font-family:ui-monospace,monospace;font-size:10px;margin-top:21px}.stages b{font-family:system-ui;font-weight:400;color:#95a8bc;margin-left:6px}.stages span.done,.stages span.done b{color:var(--green)}progress{display:block;width:100%;height:4px;border:0;background:#233247;border-radius:3px;margin:16px 0 10px;accent-color:var(--green)}progress::-webkit-progress-bar{background:#233247;border-radius:3px}progress::-webkit-progress-value{background:var(--green);border-radius:3px}.status-row{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:30px}#status{font-size:11px;color:#bdcad8;line-height:1.5;overflow-wrap:anywhere;margin:4px 0}.small{font-size:10px;min-height:32px;white-space:nowrap;padding:8px 12px}.status-row a{background:#24473e;color:#a2f1d8;border-color:#376858}details{margin-top:15px;border-top:1px solid var(--edge);padding-top:12px}summary{color:#859bb3;cursor:pointer;font-size:10px}pre{font-family:ui-monospace,Consolas,monospace;font-size:10px;line-height:1.6;background:#09111d;padding:12px;max-height:220px;overflow:auto;color:#a8bcd0;white-space:pre-wrap;overflow-wrap:anywhere}.report{padding:19px 20px;display:flex;align-items:center;justify-content:space-between;gap:18px}.report p{font-size:10px;color:var(--muted);line-height:1.7;margin:7px 0 0}.report-actions{display:flex;align-items:center;gap:17px}.text-link{font-size:10px;color:var(--green);white-space:nowrap}footer{max-width:1560px;margin:0 auto;padding:2px 4% 25px;display:flex;justify-content:space-between;color:#60748b;font-size:10px}[hidden]{display:none!important}@media(min-width:1500px){#spectrum{height:244px}#waterfall{height:203px}}@media(max-width:1050px){.topbar{padding:0 24px}.subtitle{display:none}main{padding:28px 24px}.workbench{grid-template-columns:260px minmax(0,1fr);gap:16px}.controls{padding:17px}.title-line .muted{display:none}.metrics{grid-template-columns:repeat(2,1fr)}.report{align-items:flex-start;flex-direction:column}.pill{display:none}h1{font-size:26px}.stages{font-size:9px}.stages b{margin-left:2px}.waterfall-label span+span{font-size:8px}.plot-footer>span{font-size:8px}}@media(max-width:700px){.topbar{height:64px;padding:0 18px}.topbar nav{gap:14px}.privacy{font-size:0}.privacy i{margin:0}.brand strong{font-size:18px}main{padding:26px 16px}.intro{margin-bottom:23px}.intro h1{font-size:25px;line-height:1.2}.intro p:not(.eyebrow){font-size:12px;line-height:1.6}.workbench{grid-template-columns:1fr}.controls{display:grid;grid-template-columns:1fr 1fr;gap:0 14px;padding:18px}.controls>.panel-title,.controls>.dropzone,.controls>.hint,.controls>.rule,.controls>.button,.controls>.checkbox{grid-column:1/-1}.controls .two-col{grid-column:1/-1}.controls>.panel-title{margin-bottom:13px}.controls>.dropzone{min-height:109px}.workspace{gap:14px}.unit{font-size:8px}.display>.panel-title{padding:16px 13px 0}#spectrum{height:200px}#waterfall{height:152px}.health,.receiver{padding:17px}.plot-footer{padding:10px;font-size:8px}.plot-footer input{width:52px}.plot-footer label{gap:5px}.stages{font-size:8px;gap:4px}.stages b{font-size:9px}.metric{padding:16px}.report{padding:18px}.report-actions{width:100%;justify-content:space-between}footer{padding:4px 18px 20px;gap:10px;font-size:8px}.waterfall-label span+span{font-size:7px;max-width:210px;text-align:right}.metric strong{font-size:24px}}

.controls>label.dropzone{display:flex;flex-direction:column}.controls>label.dropzone>span{margin-left:0}@media(max-width:700px){.controls>label:has(select){grid-column:1/-1}}

.cli-recipe{padding:19px 20px;min-width:0}.cli-recipe>.hint{margin-top:0}.recipe-options{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:14px 16px;margin:17px 0}.recipe-options label{font-size:11px;color:#becbd9;min-width:0}.recipe-options input{display:block;width:100%;height:37px;padding:0 10px;border:1px solid #344255;background:#0d1623;color:var(--text);border-radius:5px;margin-top:7px;font-size:12px}.recipe-install{display:flex;align-items:center;gap:8px;font-size:11px;color:#becbd9}.recipe-actions{display:flex;align-items:center;flex-wrap:wrap;gap:8px}.recipe-actions .hint{margin:0;color:var(--green)}#cli-command{max-height:360px;margin:14px 0;tab-size:4}@media(max-width:700px){.cli-recipe{padding:17px}.recipe-options{grid-template-columns:1fr}.recipe-actions .button{flex:1}}

#ts-info{margin-top:12px}#ts-details{overflow-x:auto}.ts-table{width:100%;border-collapse:collapse;margin-top:12px;text-align:left;font-size:11px}.ts-table th,.ts-table td{padding:8px;border-bottom:1px solid var(--edge)}.ts-table th{color:var(--muted);font-weight:500}
.samples{margin-top:14px}.samples-head{display:flex;justify-content:space-between;align-items:center;font-size:10px;color:var(--muted);margin-bottom:6px}.samples-head a{color:var(--green)}#samples-list{list-style:none;margin:0;padding:0;max-height:150px;overflow:auto;border:1px solid var(--edge);border-radius:6px;background:#0d1623}#samples-list li{padding:8px 10px;font-size:11px;line-height:1.5;cursor:pointer;border-bottom:1px solid #16202f}#samples-list li:last-child{border-bottom:0}#samples-list li:hover:not(.muted){background:#16283a}#samples-list li b{display:block;font-weight:600;color:var(--text)}#samples-list li small{color:var(--muted)}
.samples-url{display:flex;gap:8px;margin-top:8px}.samples-url input{flex:1;height:32px;padding:0 10px;border:1px solid #344255;background:#0d1623;color:var(--text);border-radius:5px;font-size:11px}.samples-url .button{margin-top:0}
#progress-status[data-state=failed],#progress-status[data-state=cancelled]{color:var(--orange)}#progress-status[data-state=complete]{color:var(--green)}
.rate-field{margin-top:16px}.rate-field>label{font-size:11px;color:#becbd9}.rate-field label>span{color:var(--muted);font-size:9px;margin-left:3px}.rate-input{display:flex;align-items:center;gap:8px;margin-top:7px}.rate-input input{min-width:0;flex:1;margin-top:0}.controls .rate-input .button{width:auto;margin:0;min-height:37px}.rate-field .hint{overflow-wrap:anywhere}@media(max-width:700px){.controls>.rate-field{grid-column:1/-1}}
.plots-view{display:grid;grid-template-rows:minmax(240px,1fr) auto 174px auto;min-width:0}.spectrum-view{position:relative;min-width:0;min-height:240px}.spectrum-pn .spectrum-view #spectrum{position:absolute;inset:0;height:100%}.pn-section-title{font-size:11px;font-weight:600;margin:18px 0 0;padding-top:14px;border-top:1px solid var(--edge)}.pn-mode-choice{display:block;width:100%;text-align:left;padding:5px 7px;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);font-size:10px;cursor:pointer}.pn-mode-choice:hover{background:#1d2b3e}.pn-mode-choice[aria-pressed=true]{color:var(--green);border-color:#28624f}@media(max-width:700px){.plots-view{grid-template-rows:210px auto 152px auto}.spectrum-view{min-height:210px}}
.spectrum-pn{display:grid;grid-template-columns:minmax(0,1fr) 340px;align-items:stretch}.spectrum-pn #spectrum{min-width:0;height:330px}.pn-summary{padding:14px 16px;border-left:1px solid var(--edge)}#pn-summary{font-size:12px;line-height:1.5;margin:10px 0}.pn-values{display:grid;grid-template-columns:1fr auto;gap:8px;font-size:10px;margin:12px 0}.pn-values dt{color:var(--muted)}.pn-values dd{margin:0;font-family:ui-monospace,monospace}.pn-modes{padding:0;list-style:none;font-size:10px;line-height:1.8;color:var(--muted)}.pn-actions{display:flex;flex-wrap:wrap;gap:8px}.pn-actions .button{padding:7px 9px}.receiver-stages{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;list-style:none;padding:0;margin:18px 0;font-size:10px;color:var(--muted)}.receiver-stages strong{display:block;color:var(--text);font-size:11px;font-weight:500;line-height:1.5;margin-top:6px}.receiver-stages strong.done{color:var(--green)}@media(max-width:1150px){.spectrum-pn{grid-template-columns:1fr}.spectrum-pn #spectrum{height:210px}.pn-summary{border-left:0;border-top:1px solid var(--edge)}.pn-values{grid-template-columns:1fr 1fr}}@media(max-width:700px){.receiver-stages{grid-template-columns:repeat(2,minmax(0,1fr))}}
