@font-face{font-family:Inter;src:url('/assets/fonts/InterVariable.woff2') format('woff2');font-weight:100 900;font-display:swap}
:root{--bg:#111314;--sidebar:#151718;--panel:#191c1d;--panel-deep:#151819;--border:#2b2f30;--text:#eceeea;--muted:#8c9495;--accent:#d3ef9c;--purple:#b39bea;--radius:10px;color-scheme:dark;font-family:Inter,system-ui,sans-serif;font-size:13px;font-synthesis:none}
*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);line-height:1.5}button,input,select{font:inherit}button,a,input,select{ -webkit-tap-highlight-color:transparent}button{cursor:pointer}button{color:inherit}button:disabled{opacity:.4;cursor:not-allowed}a{color:inherit;text-decoration:none}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--accent);outline-offset:4px}button{transition:background .18s,border-color .18s,color .18s}button:hover:not(:disabled){filter:brightness(1.12)}svg{width:19px;height:19px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.icon-defs{position:absolute;width:0;height:0;overflow:hidden}h1,h2,h3,p{margin:0}h1{font-size:32px;letter-spacing:-1.35px;line-height:1.3;font-weight:600}h2{font-size:19px;letter-spacing:-.5px;font-weight:600}h3{font-size:13px;font-weight:550;letter-spacing:-.1px}.muted{color:var(--muted)}.small{font-size:11px}.mono{font-family:ui-monospace,SFMono-Regular,Consolas,monospace;font-size:10px;letter-spacing:.15px}.accent-text{color:var(--accent)!important}.small-icon{width:17px;height:17px}.sidebar{position:fixed;inset:0 auto 0 0;width:218px;background:var(--sidebar);border-right:1px solid var(--border);z-index:40;display:flex;flex-direction:column;padding:30px 17px 0}.brand{display:flex;gap:11px;align-items:center;margin:0 6px 42px;font-size:20px;font-weight:650;letter-spacing:-.65px;white-space:nowrap}.brand small{font-size:8px;color:var(--muted);letter-spacing:2px;display:block;margin-top:3px;font-weight:450}.brand-mark{color:var(--accent);display:grid;place-items:center}.brand-mark svg{width:31px;height:35px;stroke-width:2.7}.nav-label{font-size:9px;font-weight:550;letter-spacing:1.5px;color:#6e787b;margin:0 12px 11px}.nav-item{border:0;background:transparent;display:flex;align-items:center;gap:12px;width:100%;padding:11px 12px;border-radius:6px;color:#9da5a6;text-align:left;font-size:12px;margin-bottom:4px;white-space:nowrap}.nav-item svg{width:17px;height:17px;color:#7e888a}.nav-item.active{color:var(--accent);background:#283027}.nav-item.active svg{color:var(--accent)}.nav-item:hover{background:#25292a}.nav-dot{width:5px;height:5px;background:var(--accent);border-radius:50%;margin-left:auto}nav .nav-label{margin-top:34px}.count{font-family:ui-monospace,monospace;font-size:10px;min-width:20px;height:18px;background:#303536;border:1px solid #373d3e;border-radius:4px;display:inline-grid;place-items:center;color:#aeb8b9}.nav-item .count{margin-left:auto}.tiny-tag{font-size:7px;letter-spacing:.6px;border:1px solid #39403c;padding:1px 4px;border-radius:3px;margin-left:auto;color:#a7b09f}.sidebar-bottom{margin-top:auto}.lab-note{border:1px solid #30362e;border-radius:8px;padding:17px 14px;background:radial-gradient(ellipse at 0 0,#28312599,transparent 80%);margin:55px 4px 23px}.lab-note-icon{color:var(--accent);font-size:25px;display:block;margin-bottom:9px}.lab-note strong{font-size:12px;line-height:1.8;display:block;font-weight:500}.lab-note p{font-size:10px;color:var(--muted);line-height:1.8;margin:5px 0 16px}.version{font-family:ui-monospace,monospace;font-size:8px;letter-spacing:1px;color:#7f8c7d}.storage-status{margin:0 13px 22px;font-size:10px}.storage-status>span{display:flex;align-items:center;gap:7px}.status-dot{height:5px;width:5px;display:inline-block;flex-shrink:0;background:var(--accent);border-radius:50%;box-shadow:0 0 8px #d3ef9c15}.storage-status small{display:block;color:#7a8586;font-size:9px;margin:6px 0}.storage-track{height:3px;border-radius:3px;background:#2f3434;margin-top:10px}.storage-track i{display:block;width:3%;height:100%;background:#7c9763}.sidebar-footer{border-top:1px solid var(--border);display:flex;gap:10px;align-items:center;padding:20px 9px;margin-top:14px;font-size:11px}.avatar{width:29px;height:29px;border:1px solid #41483b;background:#30382b;color:var(--accent);border-radius:50%;display:grid;place-items:center}.sidebar-footer small{font-size:9px;display:block;color:var(--muted);margin-top:2px}.app-shell{margin-left:218px;padding-bottom:88px}.topbar{height:66px;border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;padding:0 34px;background:#131516}.breadcrumbs{display:flex;align-items:center;gap:15px;color:#808a8c;font-size:11px}.breadcrumbs strong{font-weight:450;color:#c7cecc}.slash{color:#424b4d}.topbar-right{display:flex;align-items:center;gap:24px}.online{font-size:10px;display:flex;align-items:center;gap:7px;color:#a4aba9}.top-avatar{font-size:9px;font-weight:650;border-radius:50%;width:29px;height:29px;background:#292d2a;border:1px solid #41483e;display:grid;place-items:center}.icon-button{display:inline-flex;align-items:center;justify-content:center;border:0;background:transparent;width:29px;height:29px;border-radius:5px;color:var(--muted);padding:5px}.icon-button:hover{background:#2d3333;color:var(--text)}.icon-button svg{width:16px;height:16px}.mobile-menu{display:none}main{max-width:1700px;margin:auto;padding:28px 34px 10px}.view{display:none}.view.active{display:block}.page-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:25px}.eyebrow{font-size:8px;color:#88927e;letter-spacing:1.7px;margin-bottom:8px;font-weight:550}.title-dot{color:var(--accent)}.page-heading p{color:var(--muted);font-size:11px;margin-top:8px}.heading-actions{display:flex;gap:9px;padding-top:14px}.button{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 14px;min-height:37px;border-radius:6px;border:1px solid #353b3b;background:#1d2122;color:#cfd6d2;font-size:11px;white-space:nowrap;font-weight:500}.button svg{width:15px;height:15px}.button.primary{background:var(--accent);border-color:var(--accent);color:#242d1e;font-weight:600}.button.small{padding:6px 9px;min-height:29px;font-size:10px}.button.danger{background:#583132;border-color:#8c4548;color:#ffc7c7}.upload-zone{display:flex;align-items:center;gap:20px;border:1px dashed #4c5943;background:linear-gradient(110deg,#222b2060,#171c19 65%);border-radius:9px;padding:24px 25px;margin-bottom:23px;cursor:pointer;transition:background .2s,border .2s}.upload-zone:hover,.upload-zone.dragover{background:#273022;border-color:var(--accent)}.upload-icon{width:46px;height:46px;border:1px solid #45523a;border-radius:10px;display:grid;place-items:center;color:var(--accent);background:#303b29}.upload-icon svg{width:22px;height:22px}.upload-copy strong{font-size:13px;font-weight:500;letter-spacing:-.15px}.upload-copy p{color:var(--muted);font-size:10px;margin-top:5px}.upload-copy p span{color:var(--accent);text-decoration:underline;text-decoration-color:#7c8b6666;text-underline-offset:3px}.format-list{margin-left:auto;text-align:right}.format-list>div{display:flex;gap:5px}.format-list b{font-size:8px;font-family:ui-monospace,monospace;font-weight:400;letter-spacing:.2px;padding:3px 7px;background:#262d26;border:1px solid #3b4535;border-radius:4px;color:#aab4a0}.format-list small{color:#7e887d;font-size:9px;display:block;margin-top:9px}.progress-banner{display:flex;align-items:center;gap:12px;padding:14px;background:#293328;border:1px solid #586b48;border-radius:7px;margin-bottom:20px;font-size:12px}.progress-banner progress{margin-left:auto;width:120px;accent-color:var(--accent)}[hidden]{display:none!important}.spinner{border:2px solid #ffffff20;border-top-color:var(--accent);width:16px;height:16px;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.clip-bar{display:flex;align-items:center;gap:13px;margin:0 0 20px;padding:0 2px}.clip-icon{height:38px;width:38px;border:1px solid #393244;background:#2a2431;display:grid;place-items:center;border-radius:7px;color:var(--purple)}.clip-icon svg{width:19px;height:19px}.clip-title{min-width:0}.clip-title h2{font-size:13px;font-weight:500;letter-spacing:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:500px}.clip-subtitle{font-size:9px;color:#859090;margin-top:5px;word-spacing:3px}.pill{font-size:8px;border-radius:4px;padding:4px 7px;border:1px solid var(--border);letter-spacing:.5px;display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.pill.purple{color:#b8a2d4;background:#272331;border-color:#3b3246;margin-left:1px}.pill.ready{background:#253124;color:#b4cba1;border-color:#34462e;margin-left:auto;letter-spacing:0;font-size:9px}.pill.failed{color:#f5a6a6;background:#3c2428;border-color:#6d383d}.workspace-tabs{display:flex;gap:25px;border-bottom:1px solid var(--border);margin-bottom:20px;height:36px;align-items:flex-start}.workspace-tabs>button{background:none;border:0;position:relative;color:#8f9998;padding:0 0 14px;font-size:10px;font-weight:500;white-space:nowrap}.workspace-tabs>button.active{color:var(--accent)}.workspace-tabs>button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.workspace-hint{margin-left:auto;font-size:8px;color:#76827a;display:flex;align-items:center;gap:6px;margin-top:2px}.workspace-hint .status-dot{height:4px;width:4px;background:#829778}.detail-view{display:none}.detail-view.active{display:block}.lab-grid{display:grid;grid-template-columns:minmax(0,1fr) 254px;gap:19px;align-items:start}.scopes-column{display:flex;flex-direction:column;gap:17px;min-width:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.panel-heading{height:46px;display:flex;justify-content:space-between;align-items:center;padding:0 16px;border-bottom:1px solid #272d2d;gap:8px}.panel-title{display:flex;align-items:center;gap:8px}.panel-title>svg{width:16px;height:16px;color:#8c9692}.panel-title h3{font-size:11px}.subtle-tag{font-size:7px;font-weight:450;letter-spacing:.7px;color:#7c8987;background:#252b2a;border-radius:3px;padding:3px 5px}.panel-tools{display:flex;align-items:center;gap:5px;font-size:9px;color:#9ba5a1}.panel-tools .icon-button{width:23px;height:23px}.panel-tools .icon-button svg{width:13px;height:13px}.tool-divider{height:13px;width:1px;background:#37403c;margin:0 4px}.zoom-button{background:transparent;border:0;color:#a8b0ae;font-size:15px;width:20px;height:24px}.text-button{font-size:10px;background:transparent;border:0;color:#b6bfb9;padding:4px;display:inline-flex;align-items:center;gap:7px}.text-button svg{width:12px;height:12px}.wave-container{height:165px;position:relative;background:var(--panel-deep)}canvas{display:block;width:100%;touch-action:pan-y}.wave-container canvas{height:100%;cursor:crosshair}.panel-footer{min-height:29px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:7px 14px;font-size:8px;color:#87918d;border-top:1px solid #262d2b}.panel-footer>span{display:flex;align-items:center;gap:5px}.legend-dot{width:5px;height:5px;display:inline-block;border-radius:50%;margin-left:7px}.legend-dot:first-child{margin-left:0}.legend-dot.lime{background:var(--accent)}.legend-dot.violet{background:var(--purple)}.scope-tabs{display:flex;gap:16px;align-items:center;height:100%}.scope-tabs button{border:0;background:none;font-size:10px;padding:0;align-self:stretch;position:relative;color:#7f8b89;white-space:nowrap}.scope-tabs button.active{color:#dce3da}.scope-tabs button.active:after{content:'';position:absolute;bottom:-1px;left:0;right:0;background:#a3b795;height:2px}.spectral-controls{display:flex;gap:10px;align-items:center;color:#7e8a86}.spectral-controls .mono{font-size:8px}select{color:#b8c1bc;background:#232929;border:1px solid #39423d;border-radius:4px;padding:5px 8px;font-size:10px;max-width:100%}.spectrogram-wrap{height:190px;position:relative;background:#131416}.spectrogram-wrap canvas{height:100%;cursor:crosshair}.canvas-tooltip{position:absolute;pointer-events:none;background:#101314ef;border:1px solid #566349;border-radius:4px;color:#d5e7c7;font-size:9px;padding:5px 8px;z-index:5;white-space:nowrap;font-family:ui-monospace,monospace}.color-scale{display:flex;align-items:center;gap:7px;font-family:ui-monospace,monospace;font-size:7px}.color-scale i{width:64px;height:5px;background:linear-gradient(90deg,#17152d,#702875,#dd5265,#fbb46c,#f6f5ba);border-radius:1px}.bottom-scopes{display:grid;grid-template-columns:1.22fr 1fr;gap:17px}.bottom-scopes canvas{height:142px;background:var(--panel-deep)}.bottom-scopes .panel-heading{height:41px;padding:0 13px}.bottom-scopes .scope-tabs{gap:12px}.bottom-scopes .scope-tabs button{font-size:9px}.inspector{display:flex;flex-direction:column;gap:15px;min-width:0}.inspector .panel-heading{height:43px}.signal-stats{display:grid;grid-template-columns:1fr 1fr;padding:3px 15px 10px}.stat{padding:12px 0 10px;border-bottom:1px solid #2b322e}.stat:nth-last-child(-n+2){border-bottom:0}.stat>span{font-size:8px;color:#8c9791;display:block;margin-bottom:4px}.stat strong{font-size:16px;letter-spacing:-.4px;font-weight:500}.stat strong small{font-size:9px;font-weight:400;color:#849288;margin-left:3px}.stat .lime-value{color:var(--accent)}.channel-meter{margin:0 15px 16px;padding-top:11px;border-top:1px solid #303730}.channel-meter>div:first-child{margin-bottom:9px;font-size:7px;color:#83907f;letter-spacing:1px}.channel-meter small{font-size:7px;letter-spacing:0;float:right;color:#6f7c74}.meter-row{display:flex;gap:8px;align-items:center;margin-top:6px}.meter-row>b{font-size:8px;font-weight:400;color:#9ca895;width:7px}.meter{height:5px;flex:1;background:repeating-linear-gradient(90deg,#283329 0,#283329 5px,#18201b 5px,#18201b 7px);overflow:hidden}.meter i{display:block;height:100%;width:0;background:repeating-linear-gradient(90deg,#aec884 0,#aec884 5px,transparent 5px,transparent 7px)}.meter-row:last-child .meter i{background:repeating-linear-gradient(90deg,#9382b0 0,#9382b0 5px,transparent 5px,transparent 7px)}.meter-row>span{font-size:8px;min-width:30px;color:#a4afa1;text-align:right;font-family:ui-monospace,monospace}.sparkle{color:var(--purple);font-size:23px}.character-body{padding:15px}.character-tag{color:#b7c4a6;background:#2b3527;border:1px solid #3c4b32;font-size:9px;padding:5px 9px;border-radius:4px;display:inline-block}.character-body>p{font-size:9px;color:#8c9890;line-height:1.9;margin:10px 0}.character-facts{font-size:9px;display:flex;flex-wrap:wrap;gap:5px;margin-bottom:10px}.character-facts span{padding:3px 6px;background:#232a28;color:#9caaa2;border-radius:3px}.character-body>.text-button{font-size:9px;padding:5px 0 0;justify-content:space-between;width:100%}.marker-list{padding:0 14px;max-height:152px;overflow-y:auto}.empty-inline{font-size:10px;color:#79877d;text-align:center;padding:21px 6px;line-height:1.8}.marker-row{display:flex;align-items:center;gap:9px;padding:10px 0;border-bottom:1px solid #2c332e}.marker-row>button:first-child{border:0;background:none;padding:0;color:#c2cbbc;text-align:left;flex:1;min-width:0;font-size:10px}.marker-row strong{font-weight:450;display:block;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.marker-row small{color:var(--purple);font-size:8px;font-family:ui-monospace,monospace;margin-top:4px;display:block}.marker-row .icon-button{width:22px;height:22px}.marker-row .icon-button svg{width:12px;height:12px}.marker-add{display:block;padding:10px 15px 12px;color:#94a18e;font-size:9px}.process-launch{display:flex;gap:10px;align-items:center;text-align:left;padding:14px 12px;background:linear-gradient(120deg,#2d3828,#222b20);border:1px solid #48563c;border-radius:8px}.process-icon{color:var(--accent);width:28px;height:30px;display:grid;place-items:center}.process-launch>span:nth-child(2){flex:1}.process-launch strong{font-size:10px;font-weight:550;display:block;color:#d4e5c4}.process-launch small{font-size:8px;display:block;color:#98a78e;margin-top:4px}.process-launch>svg{color:#b5c5a2;width:14px}.analysis-footnote{display:flex;justify-content:space-between;align-items:center;gap:15px;margin:17px 2px 0;color:#65736a;font-size:8px}.analysis-footnote>span{display:flex;align-items:center;gap:6px}.analysis-footnote svg{width:11px;height:11px}.analysis-footnote>span:last-child{font-size:7px;letter-spacing:1.2px}.transport{position:fixed;bottom:0;right:0;left:218px;z-index:30;height:75px;border-top:1px solid #343b33;background:#181d19f7;backdrop-filter:blur(12px);display:flex;align-items:center;justify-content:space-between;padding:0 30px;gap:20px}.transport-file{display:flex;align-items:center;gap:11px;min-width:0;flex:1}.mini-art{width:36px;height:36px;border:1px solid #414e39;background:radial-gradient(circle at 20% 20%,#53653e,#222d20 80%);border-radius:6px;display:grid;place-items:center;color:var(--accent);flex-shrink:0}.mini-art svg{width:21px;height:21px}.transport-file>span{min-width:0}.transport-file strong{display:block;font-size:10px;font-weight:450;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:230px}.transport-file small{font-size:8px;color:#8b9986;display:block;margin-top:4px}.playback-controls{display:flex;gap:12px;align-items:center;flex:1;justify-content:center}.play-button{border:none;background:var(--accent);color:#24301c;border-radius:50%;width:33px;height:33px;display:grid;place-items:center}.play-button svg{width:16px;height:16px;fill:currentColor;stroke-width:1.6}.playback-controls>.icon-button{width:24px}.playback-controls>.icon-button svg{width:14px;height:14px}#loop[aria-pressed=true]{color:var(--accent);background:#323e2a}.play-time{display:flex;gap:7px;align-items:center;font-size:9px;font-family:ui-monospace,monospace;color:#7c8a7a;margin-left:6px;white-space:nowrap}.play-time b{color:#d3dfc8;font-weight:400}.transport-right{display:flex;gap:12px;align-items:center;justify-content:flex-end;flex:1}.transport-right>svg{width:15px;height:15px;color:#909f87}.transport-right input{width:65px}.transport-ready{font-size:7px;letter-spacing:1px;color:#899f7c;white-space:nowrap;margin-left:8px;display:flex;gap:6px;align-items:center}input[type=range]{accent-color:var(--accent);height:3px;cursor:pointer}input[type=checkbox]{accent-color:var(--accent);width:16px;height:16px;cursor:pointer}.padded{padding:25px}.padded>h2{margin-bottom:10px}.padded>p{font-size:12px;line-height:1.9;margin-bottom:20px}.padded>h3{margin-bottom:12px}.metadata-grid{display:grid;grid-template-columns:1fr 1fr;gap:22px;margin-top:25px}.data-table{width:100%;border-collapse:collapse;font-size:11px}.data-table th{color:#7f9184;text-align:left;letter-spacing:.5px;font-size:9px;font-weight:500;border-bottom:1px solid #3a463b;padding:11px 12px}.data-table td{padding:11px 12px;border-bottom:1px solid #2a332d;word-break:break-word}.data-table td:first-child{color:#8f9f93;min-width:120px}.data-table td:last-child{color:#c3d0c0}.data-table .text-button{font-size:11px}.data-heading{font-size:12px;margin:20px 0 8px}.library-controls{display:flex;gap:12px;margin-bottom:20px}.search-field{display:flex;gap:9px;align-items:center;border:1px solid var(--border);background:var(--panel);border-radius:6px;padding:10px 12px;flex:1;max-width:440px;color:var(--muted)}.search-field svg{width:16px;height:16px}.search-field input{border:none!important;background:none!important;padding:0!important;outline:0;width:100%;font-size:12px}.library-summary{font-size:10px;color:var(--muted);margin-bottom:15px}.library-list{display:grid;gap:10px}.library-card{display:flex;gap:17px;align-items:center;background:var(--panel);border:1px solid var(--border);border-radius:8px;padding:19px}.library-card .file-description{flex:1;min-width:0}.library-card h3{font-size:13px;overflow-wrap:anywhere}.library-card p{color:var(--muted);font-size:10px;margin-top:5px}.library-card .tag-input{width:120px;padding:5px 7px;font-size:10px}.library-card .pill{margin-left:0}.library-card .file-status{font-size:10px;color:var(--muted)}.notice{display:flex;gap:11px;align-items:center;border:1px solid #3a4835;background:#242f2260;border-radius:7px;padding:15px 17px;margin:0 0 22px;color:#a5b398;font-size:11px;line-height:1.8}.notice svg{color:#aec49a;flex-shrink:0}.pattern-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.pattern-card{padding:21px;position:relative;display:flex;flex-direction:column;gap:14px}.pattern-card>.card-icon{color:var(--purple);width:38px;height:38px;background:#302939;border-radius:8px;display:grid;place-items:center}.pattern-card h3{font-size:14px;overflow-wrap:anywhere}.pattern-card p{font-size:11px;color:var(--muted)}.pattern-card .icon-button{position:absolute;right:14px;top:15px}.pattern-card .pattern-mini{height:44px;display:flex;align-items:flex-end;gap:3px;margin:5px 0}.pattern-mini i{flex:1;background:#9d89bb;border-radius:2px 2px 0 0;min-height:2px}.empty-state{padding:60px 25px;text-align:center;border:1px dashed #394234;border-radius:10px;grid-column:1/-1}.empty-state svg{width:35px;height:35px;color:var(--accent);margin-bottom:15px}.empty-state h3{font-size:16px;margin-bottom:10px}.empty-state p{color:var(--muted);font-size:12px;max-width:400px;margin:auto}.detection-run{display:flex;align-items:center;justify-content:space-between;gap:25px;margin-bottom:20px}.detection-run h3{margin-bottom:8px;font-size:14px}.detection-run p{font-size:11px}.detection-result{padding:18px 20px;display:flex;align-items:center;gap:15px;margin-bottom:10px}.detection-result>div{flex:1}.detection-result h3{font-size:12px;margin-bottom:4px}.detection-result p{font-size:10px;color:var(--muted)}#detection-results{margin-bottom:25px}.match-score{font-size:19px;color:var(--accent)}.live-toolbar{display:flex;gap:14px;align-items:flex-end}.live-toolbar label{margin:0;flex:1}.live-toolbar select{display:block;min-width:220px;margin-top:7px}.live-panel canvas{height:300px;margin:20px 0;background:#111713;border:1px solid #303c2e;border-radius:7px}.live-record-row{display:flex;align-items:center;gap:15px}.live-record-row>.mono{font-size:21px;color:var(--accent);margin-right:10px}.record-dot{height:8px;width:8px;background:#e28c90;border-radius:50%}.info-grid{display:grid;grid-template-columns:1fr 1fr;gap:20px;margin-top:20px}.info-grid code{display:block;background:#111612;border:1px solid #2f3b2c;border-radius:5px;padding:12px;font-size:10px;overflow-x:auto;color:#b0c6a0;margin-bottom:15px}.settings-form{max-width:780px}.setting-row{display:flex!important;align-items:center;justify-content:space-between;padding:20px 0;border-bottom:1px solid #30372f;margin:0!important;gap:25px}.setting-row strong{font-size:12px;font-weight:500;color:#d0dbca}.setting-row small{display:block;color:var(--muted);font-size:11px;margin-top:5px}.settings-form>.button{margin-top:25px}.workspace-info{max-width:780px;margin-top:20px}.workspace-info h3{font-size:14px}.workspace-info .notice{font-size:10px}.toast{position:fixed;bottom:92px;left:calc(50% + 109px);transform:translateX(-50%);z-index:100;padding:13px 22px;background:#303e29;border:1px solid #657b51;border-radius:8px;box-shadow:0 10px 35px #0006;color:#dae8ce;font-size:12px;max-width:calc(100vw - 40px);text-align:center}.toast.error{background:#42292d;border-color:#855057;color:#f3c4cb}dialog{background:#1b211d;color:var(--text);border:1px solid #434e3c;border-radius:12px;padding:27px;width:min(490px,calc(100% - 32px));max-height:90dvh;overflow-y:auto;box-shadow:0 30px 150px #000a}dialog::backdrop{background:#060907bc;backdrop-filter:blur(5px)}.dialog-heading{display:flex;align-items:center;justify-content:space-between;gap:20px;margin-bottom:16px}.dialog-heading h2{font-size:22px;letter-spacing:-.6px}.dialog-heading .icon-button{flex-shrink:0}dialog>p,dialog form>p{font-size:12px;line-height:1.9;margin-bottom:22px}label{display:block;font-size:10px;color:#9dab9b;margin-bottom:18px}input:not([type=checkbox]):not([type=range]),textarea{display:block;width:100%;padding:10px 12px;background:#141a15;border:1px solid #3a4635;border-radius:5px;color:#d4dfcd;margin-top:7px;font-size:12px}input::placeholder{color:#687a65}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}.form-grid label{min-width:0}.help-steps{padding-left:19px;color:#9fae99;font-size:12px;line-height:1.9}.help-steps li{margin:15px 0;padding-left:5px}.help-steps strong{color:var(--accent);font-weight:550}.dialog-footer{display:flex;align-items:center;justify-content:space-between;gap:15px;margin-top:22px;padding-top:20px;border-top:1px solid #384432}.wide-dialog{width:min(850px,calc(100% - 32px))}.process-presets{display:flex;align-items:center;flex-wrap:wrap;gap:8px;margin:25px 0 20px}.process-presets>span{font-size:8px;letter-spacing:1px;color:#738b69;margin-right:4px}.process-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:12px}.effect-card{border:1px solid #35442f;border-radius:8px;padding:17px;background:#171e18}.effect-title{display:flex;align-items:center;gap:7px;margin-bottom:16px;color:#c1d0b6}.effect-title strong{font-size:12px;font-weight:500}.effect-title svg{width:15px;height:15px;color:#92a985}.effect-title input{margin-left:auto}.effect-card p{color:#83977c;font-size:10px;line-height:1.8}.effect-card label:last-child,.effect-card .form-grid label{margin-bottom:0}.effect-card select{width:100%;margin-top:7px;padding:8px}.eq-card{grid-column:1/-1}.eq-controls{display:grid;grid-template-columns:repeat(3,1fr);gap:28px;padding:6px 0}.eq-controls input{width:100%;margin:13px 0;display:block}.eq-controls output{font-size:10px;color:var(--accent);font-family:ui-monospace,monospace}.eq-controls label{margin:0}.history-item{padding:17px;border:1px solid #34432e;border-radius:7px;margin-top:12px;font-size:12px}.history-item p{font-size:11px;color:var(--muted);margin-top:8px}.history-item code{color:var(--accent);font-size:10px;display:block;white-space:pre-wrap;margin-top:15px}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#424e3d;border-radius:6px}
@media(min-width:1550px){main{padding:34px 45px 20px}.lab-grid{grid-template-columns:minmax(0,1fr) 285px}.wave-container{height:210px}.spectrogram-wrap{height:225px}.bottom-scopes canvas{height:170px}.signal-stats .stat{padding:18px 0}.character-body{padding:20px}.character-body>p{font-size:11px}.marker-list{max-height:180px}.page-heading{margin-bottom:30px}.upload-zone{padding:30px}.topbar{padding:0 45px}}
@media(max-width:1190px){.sidebar{width:190px;padding:25px 11px 0}.brand{font-size:18px;gap:8px;margin-left:5px}.brand-mark svg{width:27px}.nav-item{font-size:11px;padding:10px;gap:9px}.app-shell{margin-left:190px}.transport{left:190px;padding:0 18px;gap:10px}main{padding:25px 23px 10px}.topbar{padding:0 23px}.lab-grid{grid-template-columns:minmax(0,1fr) 229px;gap:14px}.panel-heading{padding:0 12px}.scopes-column{gap:14px}.bottom-scopes{gap:14px;grid-template-columns:1.15fr 1fr}.panel-footer{padding:7px 10px;font-size:7px}.panel-tools{gap:2px}.scope-tabs{gap:12px}.format-list b{padding:3px 5px}.format-list{display:none}.upload-zone{padding:22px}.workspace-tabs{gap:20px}.workspace-hint{font-size:7px}.transport-ready{display:none}.transport-file strong{max-width:160px}.transport-right{flex:.7}.play-time{font-size:8px;gap:5px}.spectral-controls .mono{display:none}.analysis-footnote>span:last-child{display:none}.pattern-grid{grid-template-columns:repeat(2,1fr)}.toast{left:calc(50% + 95px)}}
@media(max-width:970px){.lab-grid{grid-template-columns:minmax(0,1fr)}.inspector{display:grid;grid-template-columns:1fr 1fr;gap:14px}.overview-panel{grid-row:span 2}.character-panel{grid-column:2}.marker-panel{grid-column:2}.process-launch{grid-column:1/-1}.channel-meter{margin-bottom:25px}.stat{padding:17px 0}.bottom-scopes canvas{height:160px}.wave-container{height:200px}.spectrogram-wrap{height:210px}.page-heading{align-items:flex-start}.heading-actions{flex-direction:column;padding-top:7px}.heading-actions .button{min-height:30px;padding:7px 10px;font-size:10px}.page-heading h1{font-size:29px}.page-heading p{max-width:280px;line-height:1.8}.workspace-hint{display:none}.clip-title h2{max-width:270px}.transport-file{display:none}.transport-right{flex:1}.playback-controls{justify-content:flex-start;flex:2}.metadata-grid{grid-template-columns:1fr}.live-toolbar{flex-wrap:wrap}.live-toolbar label{flex-basis:100%}.live-record-row{flex-wrap:wrap}.info-grid{grid-template-columns:1fr}.library-card{gap:10px;padding:15px}.library-card .tag-input{display:none}.library-card .pill{display:none}}
@media(max-width:740px){.sidebar{transform:translateX(-100%);transition:transform .2s;width:218px;box-shadow:20px 0 60px #0008}.sidebar.open{transform:translateX(0)}.sidebar .brand{font-size:20px}.sidebar .nav-item{font-size:12px}.mobile-menu{display:inline-flex}.app-shell{margin-left:0}.topbar{height:57px;padding:0 16px}.breadcrumbs{gap:9px;font-size:10px}.topbar-right{gap:12px}.online{font-size:9px}.top-avatar{display:none}main{padding:24px 18px 12px}.transport{left:0;height:70px;padding:0 15px}.app-shell{padding-bottom:85px}.transport-right{gap:9px;flex:1}.transport-right input{width:49px}.playback-controls{gap:9px}.play-time{margin-left:1px}.toast{left:50%;bottom:85px}.page-heading{gap:10px}.page-heading h1{font-size:29px}.eyebrow{font-size:7px;letter-spacing:1.3px}.page-heading p{font-size:10px;max-width:250px}.heading-actions{gap:7px;padding-top:11px}.heading-actions>.button:first-child{padding:6px 8px;font-size:9px}.upload-zone{gap:13px;padding:20px 17px;margin-bottom:21px}.upload-copy strong{font-size:12px}.upload-copy p{font-size:9px;line-height:1.8}.upload-icon{width:40px;height:42px;flex-shrink:0}.clip-title h2{max-width:220px;font-size:12px}.clip-subtitle{font-size:8px}.clip-bar{gap:9px}.pill.purple{font-size:6px;padding:3px 5px}.pill.ready{font-size:8px;padding:4px 5px}.clip-bar>.icon-button{display:none}.workspace-tabs{gap:20px;overflow-x:auto;height:37px;margin-bottom:17px}.workspace-tabs>button{font-size:9px}.inspector{gap:12px}.scopes-column{gap:14px}.bottom-scopes{gap:12px}.analysis-footnote{font-size:7px}.pattern-grid{grid-template-columns:1fr 1fr;gap:12px}.pattern-card{padding:16px}.pattern-card h3{font-size:12px}.pattern-card p{font-size:10px}.page-heading>.button{font-size:10px;padding:8px 10px}.detection-run{align-items:flex-start;flex-direction:column}.padded{padding:20px}.library-card .file-status{display:none}.library-card .button{font-size:10px;padding:7px 10px}.library-card .clip-icon{width:33px;height:33px;flex-shrink:0}.library-card h3{font-size:11px}.library-card p{font-size:8px}.process-grid{gap:10px}.effect-card{padding:12px}.effect-title strong{font-size:10px}.effect-title{gap:4px}.effect-title svg{display:none}.dialog-heading h2{font-size:20px}dialog{padding:21px}.effect-card p{font-size:9px}.process-presets{gap:6px}.process-presets>span{flex-basis:100%}.dialog-footer{align-items:flex-start}.dialog-footer>.small{font-size:9px;max-width:140px}.eq-controls{gap:13px}.eq-controls label{font-size:9px}.live-panel canvas{height:220px}.live-record-row>.mono{font-size:18px;flex-basis:100%}.setting-row small{font-size:10px}}
@media(max-width:420px){main{padding:22px 12px 10px}.topbar{padding:0 12px}.online{display:none}.page-heading h1{font-size:27px}.page-heading p{max-width:210px;font-size:9px}.upload-zone{padding:16px 12px;gap:11px}.upload-copy strong{font-size:11px}.upload-copy p{font-size:8px}.clip-title h2{max-width:172px;font-size:11px}.clip-subtitle{font-size:7px}.pill.purple{display:none}.workspace-tabs{gap:19px}.wave-container{height:180px}.spectrogram-wrap{height:180px}.panel-heading{padding:0 11px}.bottom-scopes{grid-template-columns:1fr}.bottom-scopes canvas{height:160px}.bottom-scopes .phase-panel{display:block}.inspector{grid-template-columns:1fr 1fr}.signal-stats{padding:3px 11px 10px}.stat strong{font-size:14px}.stat strong small{font-size:7px}.stat>span{font-size:7px}.inspector .panel-heading{padding:0 11px}.character-body{padding:12px}.character-tag{font-size:8px;padding:4px 6px}.character-body>p{font-size:8px}.character-facts{font-size:8px}.character-body>.text-button{font-size:8px}.channel-meter{margin:0 11px 15px}.channel-meter>div:first-child{font-size:6px}.channel-meter small{display:none}.meter-row{gap:5px}.meter-row>span{font-size:7px}.panel-title h3{font-size:10px}.transport{gap:8px;padding:0 12px}.transport-right>svg{display:none}.transport-right input{width:40px}.playback-controls{gap:6px}.play-time{font-size:8px}.pattern-grid{grid-template-columns:1fr}.library-card{padding:13px;gap:9px}.library-card .clip-icon{display:none}.process-grid{grid-template-columns:1fr}.eq-card{grid-column:auto}.live-toolbar .button{font-size:10px}.live-record-row{gap:10px}.live-record-row .button{font-size:10px}.panel-tools .text-button{font-size:8px}}
@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.01ms!important;transition:none!important;scroll-behavior:auto!important}}
.advanced-run{margin-bottom:20px}.advanced-source{display:flex;gap:13px;align-items:center;margin-bottom:23px}.advanced-source h3{font-size:15px;margin-bottom:5px}.advanced-run form,.training-form{display:flex;gap:15px;align-items:flex-end;flex-wrap:wrap}.advanced-run form label,.training-form label{margin:0;max-width:160px;flex:1}.advanced-run select,.training-form select{display:block;width:100%;height:38px;margin-top:7px}.training-form label:first-child{max-width:350px}.training-form{margin-bottom:18px}.advanced-tabs{gap:25px;overflow-x:auto}.experiment-status{display:flex;align-items:center;gap:10px;margin-bottom:20px;background:#293523;color:#c4d6b2;border:1px solid #455638;border-radius:7px;padding:13px;font-size:12px}#transform-canvas,#feature-canvas,#spatial-canvas{height:330px;background:#131a14}.advanced-pane .info-grid{margin:20px 0}.advanced-pane .panel-heading{height:55px}.advanced-pane .panel-heading select{max-width:55%}.advanced-pane .panel-heading h3{font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.scroll-results{max-height:350px;overflow:auto}.hash-value{display:block;overflow-wrap:anywhere;background:#121911;color:#c3d4b6;padding:13px;font-size:11px;border-radius:5px;margin-top:9px}.neural-class{display:flex;align-items:center;gap:10px;font-size:10px;margin:18px 0}.neural-class>span{width:130px;flex-shrink:0}.neural-class>div{height:6px;background:#2f3b29;flex:1;border-radius:3px;overflow:hidden}.neural-class i{height:100%;display:block;background:#c3db96}.neural-class b{width:29px;font-size:10px;font-family:ui-monospace,monospace;color:#c1d4b0;font-weight:400}.experiment-history{margin-top:22px}.experiment-row{display:flex;align-items:center;gap:14px;padding:13px 0;border-bottom:1px solid #303c2b}.experiment-row>span:first-child{flex:1}.experiment-row strong{font-size:11px;font-weight:500;text-transform:capitalize}.experiment-row small{display:block;color:#809376;font-size:9px;margin-top:5px}.dataset-toolbar{display:flex;align-items:center;gap:10px;margin-bottom:20px;flex-wrap:wrap}.dataset-toolbar select{min-width:240px;padding:10px}.dataset-title{display:flex;gap:15px;align-items:center;margin-bottom:20px}.dataset-title>div{flex:1}.dataset-title h2{margin-bottom:7px}.table-scroll{overflow-x:auto}.array-confirm{display:flex;align-items:center;gap:10px;line-height:1.7}.array-confirm input{flex-shrink:0}#capability-catalog .pattern-grid{grid-template-columns:1fr 1fr}#capability-catalog h3{font-size:13px}#capability-catalog p{font-size:11px;margin-bottom:0}.sidebar .lab-note{margin-top:25px}@media(max-height:900px){.sidebar .lab-note{display:none}.sidebar .storage-status{margin-top:25px}}@media(max-width:740px){.advanced-run form{gap:12px}.advanced-run form label{flex-basis:25%}.advanced-run form>.button{flex-basis:100%}.advanced-tabs{gap:20px}.advanced-pane .panel-heading{gap:10px}.advanced-pane .panel-heading h3{font-size:10px}.advanced-pane .panel-heading select{font-size:9px}#transform-canvas,#feature-canvas,#spatial-canvas{height:260px}#capability-catalog .pattern-grid{grid-template-columns:1fr}.dataset-title{flex-wrap:wrap}.dataset-title h2{font-size:17px}.dataset-toolbar select{width:100%}.dataset-toolbar .button{font-size:10px}.training-form{gap:12px}.training-form label:first-child{flex-basis:100%;max-width:100%}.training-form label{min-width:100px}.experiment-row{flex-wrap:wrap}.experiment-row strong{font-size:10px}.experiment-row .button{font-size:9px}.neural-class>span{width:105px}.advanced-pane .info-grid .padded{padding:17px}}
.audition-bar{display:flex;align-items:center;gap:13px;padding:15px;border:1px solid #4c603d;background:#2a3823;border-radius:7px;margin:20px 0 12px;flex-wrap:wrap}.audition-bar label{display:flex;align-items:center;gap:6px;font-size:10px;color:#c4d8b3;margin:0}.audition-bar>span{font-size:9px;flex-basis:100%;color:#9bac8d}.audition-bar .button[aria-pressed=true]{background:#574b2c;border-color:#8b7645;color:#f0dca7}.audition-note{font-size:10px!important;line-height:1.8!important}.loops-panel .marker-list{max-height:140px}.loops-panel .marker-row small{color:var(--accent)}@media(max-width:740px){.audition-bar{padding:12px;gap:10px}.audition-bar .button{font-size:10px}.loops-panel{grid-column:1/-1}}
.advanced-effects{margin-top:20px}.advanced-effects summary{cursor:pointer;color:#c6d7b7;font-size:12px;padding:15px 0}.advanced-effects summary .subtle-tag{margin-left:12px}.advanced-effects details>p{font-size:10px;line-height:1.8;margin:8px 0 18px}.advanced-effects .effect-title{min-height:24px}.advanced-effects .effect-card>label:not(.effect-title){margin-top:12px}
.library-controls{align-items:stretch;margin-bottom:22px}.library-controls .search-field{margin:0;max-width:550px;height:43px}.library-controls>select{height:43px;min-width:135px}.library-list{gap:16px}.library-card{display:grid;grid-template-columns:46px minmax(0,1fr) auto;gap:0 17px;padding:22px 23px 0;align-items:center}.library-card h3{font-size:14px;line-height:1.6;font-weight:500;word-break:break-word}.library-card .clip-icon{height:43px;width:43px}.library-file-meta{display:flex;gap:15px;flex-wrap:wrap;margin-top:7px;font-size:10px;color:#94a18e;line-height:1.8}.library-file-meta>span+span:before{content:'·';margin-right:15px;color:#52644d}.library-row-actions{display:flex;gap:12px;align-items:center;margin-left:15px}.library-row-actions .pill{margin:0!important;display:inline-flex!important;font-size:8px}.library-row-bottom{grid-column:2/-1;display:flex;gap:22px;align-items:center;margin-top:18px;padding:12px 0;border-top:1px solid #303b2b;font-size:8px;letter-spacing:.4px;color:#71816a;min-height:46px}.library-label{margin:0;display:flex;gap:10px;align-items:center;font-size:9px;color:#809474;letter-spacing:0}.library-label input{padding:5px 8px!important;width:155px!important;margin:0!important;font-size:10px!important;border-color:#35452d!important}.library-created{margin-left:auto}.library-error{color:#dba2a2!important;font-size:11px!important;max-width:600px}.library-summary{margin-bottom:19px;font-size:11px}@media(max-width:1150px){.library-card{grid-template-columns:42px minmax(0,1fr);padding:20px 20px 0;gap:0 14px}.library-row-actions{grid-column:2;margin:15px 0 0}.library-row-bottom{margin-top:15px;gap:14px;flex-wrap:wrap}.library-file-meta{gap:9px}.library-file-meta>span+span:before{margin-right:9px}.library-row-actions .button{font-size:10px}.library-created{display:none}}@media(max-width:740px){.library-card{padding:17px 16px 0;grid-template-columns:minmax(0,1fr);gap:0}.library-card .clip-icon{display:none}.library-card .file-description{grid-column:1}.library-card h3{font-size:13px}.library-file-meta{font-size:9px;gap:9px}.library-row-actions{grid-column:1;display:flex;justify-content:flex-start;margin-top:16px}.library-row-actions .icon-button{margin-left:auto}.library-row-bottom{grid-column:1;padding:12px 0;gap:10px;font-size:7px}.library-label{font-size:8px}.library-label input{width:125px!important}.library-controls .search-field{max-width:none}.library-controls>select{min-width:100px}.library-summary{font-size:9px;line-height:1.8}}