:root{font-family:"Segoe UI",Arial,sans-serif;color:#162639;background:#f5f8fc;font-synthesis:none;--blue:#145df5;--muted:#62738a;--line:#dae3ef;--dark:#09111e}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button,a,input,select,summary{-webkit-tap-highlight-color:transparent}button,a,summary{touch-action:manipulation}button{cursor:pointer}button:disabled{cursor:default;opacity:.4}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,canvas:focus-visible,summary:focus-visible{outline:2px solid #50a5ff;outline-offset:4px}a{color:inherit;text-decoration:none}button{border:1px solid #354155;background:#182334;color:#dce6f5;border-radius:6px;padding:9px 13px;font-size:13px;transition:background .15s}button:hover:enabled{background:#26364f}.site-header{max-width:1640px;margin:auto;display:flex;justify-content:space-between;align-items:center;padding:25px 40px;border-bottom:1px solid var(--line);font-size:13px;color:#52647c}.brand{font-weight:700;font-size:16px;color:#172a42;display:flex;gap:12px;align-items:center}.brand-icon{background:#145df5;color:white;border-radius:8px;padding:9px 7px;font-size:12px;letter-spacing:-.5px}.brand-icon span{color:#99d9ff}main{max-width:1640px;margin:auto;padding:42px 40px 0}.eyebrow{text-transform:uppercase;letter-spacing:2.5px;font-size:11px;font-weight:700;color:var(--blue);margin:0 0 12px}.title-row{display:flex;align-items:center;gap:24px;flex-wrap:wrap}h1{font-size:clamp(32px,4vw,54px);letter-spacing:-2px;line-height:1.1;margin:0;font-weight:650}h1 span{color:var(--blue)}.private-badge{border:1px solid #cbded7;background:#edf8f2;color:#2d6e51;font-size:11px;font-weight:650;padding:7px 11px;border-radius:20px}.private-badge span{font-size:8px;color:#309469;margin-right:5px}.lead{font-size:16px;color:var(--muted);line-height:1.7;max-width:740px;margin:15px 0 28px}.upload{display:flex;align-items:center;gap:20px;border:1px dashed #a9bddd;background:#fff;border-radius:12px;padding:24px 26px;transition:background .2s,border-color .2s}.upload.dragging{background:#e4eeff;border-color:#145df5}.upload-icon{height:46px;width:46px;flex:none;display:grid;place-items:center;background:#edf3ff;color:var(--blue);border-radius:10px;font-size:28px}.upload h2{font-size:16px;margin:0 0 7px;font-weight:650}.upload p{font-size:12px;color:var(--muted);margin:0;line-height:1.6}.upload-copy{flex:1}.upload-actions{display:flex;align-items:center;gap:12px}.primary{background:#145df5;border:1px solid #145df5;color:white;padding:13px 19px;font-weight:600;white-space:nowrap}.primary:hover:enabled{background:#0649d8}.demo-button{border:0;background:transparent;color:#526680;white-space:nowrap}.demo-button:hover:enabled{background:#eff4fc}.status{font-size:12px;color:var(--muted);min-height:19px;margin:13px 2px 17px;line-height:1.5}.status.error{color:#b3263a}.loading{display:flex;align-items:center;gap:12px;margin-bottom:16px}.loading[hidden]{display:none}progress{height:5px;flex:1;accent-color:#145df5}.loading button{background:white;color:#435570;border-color:#cad5e5}.instrument{background:var(--dark);border:1px solid #202c3e;border-radius:12px;color:#e0e8f6;overflow:hidden;box-shadow:0 16px 50px #102c4c16}.instrument:fullscreen{overflow:auto;border-radius:0}.instrument-header{display:flex;justify-content:space-between;align-items:center;gap:14px;padding:19px 22px;background:#101a29;border-bottom:1px solid #243146}.file-info{display:flex;gap:12px;align-items:center;min-width:0}.live-dot{height:7px;width:7px;background:#56b8ff;border-radius:50%;box-shadow:0 0 12px #348ff855;flex:none}.file-info h2{font-size:14px;margin:0 0 4px;font-weight:600;overflow-wrap:anywhere}.file-info p{font-size:11px;color:#879bb5;margin:0;line-height:1.6}.header-actions{display:flex;gap:7px;flex:none}.workbench{display:flex;min-width:0}.settings{width:239px;flex:none;background:#101a29;border-right:1px solid #243146;padding:20px 18px}fieldset{border:0;padding:0;margin:0;min-width:0}.setting-heading{font-size:9px;letter-spacing:1.7px;color:#7f97b7;font-weight:700;display:flex;justify-content:space-between;margin:5px 0 16px}.setting-heading:not(:first-child){border-top:1px solid #233047;padding-top:21px;margin-top:21px}.setting-heading span{color:#48617e;letter-spacing:0}.settings label{display:flex;align-items:center;justify-content:space-between;font-size:11px;color:#bdcbdf;margin:14px 0 7px;gap:6px}.hint{font-size:9px;color:#7991ad}.settings select,.settings input[type=number],.time-controls input{color:#d5e1f1;background:#0b1422;border:1px solid #2a3a51;border-radius:5px;min-width:0;max-width:100%;width:100%;padding:9px 7px;font-size:11px;color-scheme:dark}.settings input[type=range]{width:100%;height:10px;accent-color:#5287ff;cursor:pointer}.settings output{font-family:Consolas,monospace;color:#77abff;font-size:10px}.two-inputs{display:flex;gap:10px}.two-inputs label{width:50%;display:block;color:#8298b5;font-size:10px}.two-inputs input{margin-top:7px}.apply{width:100%;font-size:10px;margin-top:4px;background:#15233a;border-color:#2b405f;color:#94bcfa}.settings label.checkbox{justify-content:flex-start;gap:8px;margin-top:20px;color:#93a8c2}.checkbox input{accent-color:#639aff}.display-area{flex:1;min-width:0}.view-toolbar{min-height:56px;padding:12px 19px 12px 22px;display:flex;justify-content:space-between;align-items:center;gap:10px}.view-label{font-size:9px;font-weight:650;letter-spacing:1.6px;color:#b3c6e1}.view-label span{color:#677e9d;margin-left:12px;font-weight:400;font-family:Consolas,monospace;letter-spacing:0}.view-toolbar button{padding:5px 9px;font-size:11px}.view-toolbar>div{display:flex;gap:5px;flex:none}.plot{position:relative;width:100%;height:640px;background:#020509}.plot canvas{position:absolute;inset:0;width:100%;height:100%;display:block}#overlay{touch-action:none;cursor:crosshair}.empty{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:radial-gradient(ellipse at 50% 50%,#13224566,transparent 65%);pointer-events:none}.empty[hidden]{display:none}.empty h3{font-size:18px;font-weight:500;letter-spacing:-.3px;margin:23px 0 0;color:#b8c8df}.empty p{font-size:12px;color:#6d839e;line-height:1.8;text-align:center}.empty-bars{display:flex;align-items:center;gap:5px;height:58px}.empty-bars i{width:3px;height:18px;background:#345ea3;border-radius:2px}.empty-bars i:nth-child(2n){height:35px;background:#5669be}.empty-bars i:nth-child(3n){height:52px;background:#9865b6}.empty-bars i:nth-child(5n){height:64px;background:#c178be}.render-badge{position:absolute;right:14px;top:42px;background:#172940e8;border:1px solid #354c6b;padding:7px 10px;border-radius:5px;font-size:11px;color:#cbdfff;pointer-events:none}.render-badge[hidden]{display:none}.readout{display:flex;flex-wrap:wrap;gap:14px;align-items:center;padding:10px 17px;font:10px Consolas,monospace;color:#96abc7;border-bottom:1px solid #1d293c;min-height:37px}.legend-label{margin-left:auto;display:flex;align-items:center;gap:7px;font:9px "Segoe UI",sans-serif;color:#6f87a6}.legend-label i{display:inline-block;width:85px;height:6px;background:linear-gradient(90deg,#000,#123a80,#8c279e,#ed478f,#ffb762,#fff)}#db-label{font-family:Consolas,monospace;margin-left:5px}.overview-wrap{padding:13px 19px 8px}.overview-wrap p{display:flex;justify-content:space-between;font-size:8px;letter-spacing:1.4px;margin:0 0 9px;color:#6d85a6}.overview-wrap p span{letter-spacing:0}#overview{width:100%;height:55px;display:block;background:#0b1524;border-radius:4px;cursor:ew-resize;touch-action:none}.transport{display:flex;align-items:center;gap:9px;padding:8px 19px 12px}.transport button{height:30px;min-width:30px;padding:4px 8px;font-size:11px}.transport .play{background:#225de8;border-color:#225de8;color:#fff}.transport span{font:10px Consolas,monospace;color:#9cb4d3;white-space:nowrap}.transport input{min-width:0;accent-color:#5f92ff;cursor:pointer}.transport #seek{flex:1;width:100%;height:4px;margin:0 6px}.volume{display:flex;gap:7px;align-items:center;font-size:9px;color:#7f94af}.volume input{width:60px;height:4px}.time-controls{margin:0 20px;color:#728cac;font-size:10px}.time-controls summary{cursor:pointer;padding:6px 0}.time-controls>div{display:flex;gap:12px;align-items:flex-end;padding:8px 0}.time-controls label{max-width:180px;font-size:10px}.time-controls input{display:block;margin-top:6px;width:100%}.time-controls button{font-size:11px;white-space:nowrap}.interaction-help{text-align:center;color:#5f7695;font-size:10px;margin:11px 15px 17px;line-height:1.8}.instrument-footer{display:flex;justify-content:space-between;gap:16px;flex-wrap:wrap;padding:13px 20px;border-top:1px solid #253147;background:#101a29;color:#6d85a6;font-size:9px;line-height:1.5}.instrument-footer>span:first-child{color:#83a995}.instrument-footer i{display:inline-block;height:5px;width:5px;background:#64bb8c;border-radius:50%;margin-right:6px}.notes{display:grid;grid-template-columns:repeat(3,1fr);gap:48px;margin:44px 0}.note-number{font:11px Consolas,monospace;color:#7f9bc1}.notes h2{font-size:15px;margin:12px 0 10px;font-weight:650;letter-spacing:-.2px}.notes p{font-size:12px;line-height:1.9;color:#6a7b90;margin:0}.page-footer{display:flex;justify-content:space-between;gap:18px;flex-wrap:wrap;border-top:1px solid var(--line);padding:24px 0 30px;font-size:11px;color:#728299}.page-footer a:first-child{color:#3e628d}.page-footer span span{margin:0 9px;color:#becbdb}@media(min-width:1700px){main{padding-top:50px}}@media(max-width:1100px){.settings{width:205px;padding:16px 13px}.upload-actions{flex-direction:column;gap:3px}.view-label span{display:none}.legend-label{width:100%;margin:0}.readout{gap:9px 20px}.notes{gap:28px}.volume{display:none}.transport span{font-size:9px}}@media(max-width:760px){.site-header{padding:17px 18px}main{padding:28px 16px 0}h1{letter-spacing:-1.3px}.title-row{gap:15px}.private-badge{font-size:10px}.lead{font-size:14px}.upload{padding:19px 16px;gap:13px;flex-wrap:wrap}.upload-icon{width:38px;height:38px}.upload-copy{min-width:180px}.upload-actions{width:100%;flex-direction:row;padding-left:51px}.upload h2{font-size:14px}.upload p{font-size:11px}.primary{padding:11px 14px;font-size:12px}.instrument-header{padding:15px 12px;flex-wrap:wrap}.header-actions{margin-left:auto}.file-info{width:100%}.workbench{flex-direction:column}.settings{width:100%;border:0;border-bottom:1px solid #243146;padding:14px}.settings fieldset{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:0 16px}.setting-heading{grid-column:1/-1;margin-top:12px!important;padding-top:12px!important}.settings label{grid-column:1}.settings select{grid-column:2;margin-top:8px;align-self:center}.settings .two-inputs{grid-column:1}.settings .two-inputs label{margin-top:8px}.settings .apply{grid-column:2;align-self:center;margin-top:20px}.settings input[type=range]{grid-column:2;align-self:center}.settings .checkbox{grid-column:1/-1}.view-toolbar{padding:12px}.plot{height:480px}.notes{grid-template-columns:1fr;gap:26px;margin:30px 0}.notes article{padding-left:32px;position:relative}.note-number{position:absolute;left:0;top:13px}.transport{padding:8px 10px 12px;gap:6px}.transport span{font-size:9px}.overview-wrap{padding:12px 12px 8px}.instrument-footer{padding:12px}.instrument-footer>span:last-child{font-size:8px}.view-label{font-size:8px}.time-controls>div{flex-wrap:wrap}.time-controls label{max-width:40%}.time-controls button{padding:8px}.page-footer>span{order:3;width:100%}.interaction-help{font-size:9px}.readout{padding:10px 12px;font-size:9px}.header-actions button{font-size:11px}}@media(prefers-reduced-motion:reduce){*{transition:none!important}}