@import url('https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;450;500;550;600;650;700&family=IBM+Plex+Mono:wght@400;500&display=swap');
:root{color-scheme:dark;--bg:#131415;--panel:#18191a;--line:#303234;--muted:#92969a;--text:#ededed;--amber:#efb650;--mono:'IBM Plex Mono',monospace;--sans:'DM Sans',system-ui,sans-serif}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:var(--sans);font-size:14px}button,input,select{font:inherit}button{cursor:pointer;color:inherit;border:0;background:transparent;touch-action:manipulation}button:hover{color:var(--amber)}a{color:inherit;text-decoration:none}input,select{color:inherit;background:#121314;border:1px solid #353739;border-radius:5px}input:focus,select:focus{outline:1px solid var(--amber);outline-offset:2px}button:focus-visible,a:focus-visible,[tabindex]:focus-visible{outline:2px solid var(--amber);outline-offset:3px}button:disabled{opacity:.4;cursor:default}svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}.symbols{width:0;height:0;position:absolute}.topbar{height:56px;display:flex;align-items:center;border-bottom:1px solid var(--line);background:#18191a;position:sticky;top:0;z-index:10}.brand{width:240px;flex-shrink:0;display:flex;align-items:center;gap:16px;padding:0 23px;border-right:1px solid var(--line);height:100%}.brand svg{color:var(--amber);width:25px;height:27px}.brand span{font-family:var(--mono);font-size:12px;letter-spacing:3px;white-space:nowrap}.topbar nav{height:100%;display:flex}.nav{padding:0 27px;font-size:13px;color:#acafb2}.nav.active{background:#141516;color:#eee;border-bottom:2px solid var(--amber)}.nav span{font-family:var(--mono);font-size:9px;color:var(--muted);margin-left:5px}.monitor-status{margin-left:auto;font-size:10px;display:flex;gap:8px;align-items:center;color:var(--muted);border:1px solid var(--line);border-radius:5px;padding:9px 11px}.monitor-status i{height:6px;width:6px;border-radius:50%;background:#676b70}.monitor-status strong{font-size:10px;font-weight:400;color:#b5b7ba}.add-top{display:flex;align-items:center;gap:8px;margin:0 20px;font-size:11px}.add-top svg{width:17px}.workspace{display:grid;grid-template-columns:240px minmax(0,1fr);min-height:calc(100vh - 56px)}.library{border-right:1px solid var(--line);background:#121314;display:flex;flex-direction:column;position:sticky;top:56px;height:calc(100vh - 56px);padding:0 13px 20px}.library-head{display:flex;align-items:center;justify-content:space-between;padding:14px 7px 12px}.library h2{font-family:var(--mono);font-size:11px;letter-spacing:1.5px;font-weight:400;margin:0}.icon-button{display:grid;place-items:center;min-width:32px;height:32px;padding:5px;color:#d3d5d7}.library-head svg{width:17px;height:17px}.recording-list{overflow:auto;min-height:0}.recording{width:100%;text-align:left;padding:15px 11px;border-bottom:1px solid #282a2c;position:relative;display:flex;align-items:center;justify-content:space-between;gap:12px;border-radius:4px}.recording.active{background:#272623}.recording.active::before{content:'';position:absolute;left:-12px;top:0;bottom:0;width:3px;background:var(--amber)}.recording strong{display:block;font-size:13px;font-weight:500;line-height:1.5;overflow-wrap:anywhere}.recording small{display:block;color:#a6a8ab;font-size:10px;line-height:1.6;margin-top:3px}.recording svg{width:16px;height:16px;color:var(--amber)}.recording .recording-dot{color:#777;font-size:7px;font-family:var(--mono);border:1px solid #464646;border-radius:3px;padding:2px 4px;white-space:nowrap}.open-local{font-size:11px;display:flex;align-items:center;gap:7px;color:var(--muted);padding:18px 8px}.open-local svg{width:14px;height:14px}.library-foot{margin: auto 8px 0;padding-top:16px;border-top:1px solid var(--line);display:flex;flex-direction:column;gap:8px;color:#a2a4a6;font-size:11px}.library-foot span:last-child{font-family:var(--mono);font-size:8px;letter-spacing:1px;color:#666c72}.library-search{padding:0 6px 12px;display:flex;flex-direction:column;gap:8px}.library-search input,.library-search select{font-size:11px;width:100%;padding:8px}.no-recordings{color:var(--muted);font-size:11px;padding:20px 8px;line-height:1.7}main{min-width:0;padding:25px 25px 15px;max-width:1800px;width:100%;margin:0 auto}.session-head{display:flex;justify-content:space-between;gap:20px;margin-bottom:19px}.session-head h1{font-size:29px;line-height:1.3;letter-spacing:-.6px;font-weight:600;margin:0 0 6px;overflow-wrap:anywhere}.session-head p{font-family:var(--mono);font-size:11px;color:#c0c1c3;margin:0;line-height:1.8;word-break:break-word}.session-note{color:#9da0a4;font-size:10px;line-height:1.8;text-align:right;padding-top:2px;max-width:270px}.session-note span{display:block}.overview-section{margin:0 3px 23px;position:relative}.overview-caption{display:flex;justify-content:space-between;gap:20px;color:#a4a6a9;font-size:11px;margin-bottom:6px}.overview-caption>span:first-child{font-family:var(--mono);font-size:10px}.overview{height:28px;position:relative;cursor:crosshair;touch-action:none;overflow:hidden;border-bottom:1px solid #6c7074}.overview canvas{width:100%;height:100%;display:block}.viewport{position:absolute;top:0;bottom:0;border:2px solid var(--amber);background:#efb65020;pointer-events:none;min-width:1px}.viewport::before,.viewport::after{content:'';position:absolute;top:0;bottom:0;width:2px;background:var(--amber)}.viewport::before{left:-2px}.viewport::after{right:-2px}.viewport-hit{position:absolute;top:0;bottom:0;cursor:grab;touch-action:none}.overview-selection{position:absolute;bottom:0;height:3px;background:#fff1b990;pointer-events:none}.overview-ruler{height:20px;position:relative;color:#acafb2;font-size:10px}.overview-ruler span{position:absolute;top:6px;transform:translateX(-50%);font-family:var(--mono);font-size:9px;white-space:nowrap}.overview-ruler span:first-child{transform:none}.overview-ruler span:last-child{transform:translateX(-100%)}.analysis-status{font-size:9px;color:#9f8b60;height:15px;padding-top:5px}.editor-card{border:1px solid var(--line);background:#161718;border-radius:6px;overflow:hidden}.timeline{height:41px;border-bottom:1px solid #494b4d;position:relative;margin-left:48px;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(2% - 1px),#36383a calc(2% - 1px),#36383a 2%) bottom/100% 6px no-repeat}.timeline #time-ticks{height:100%;position:relative;overflow:hidden}.timeline span{position:absolute;top:12px;transform:translateX(-50%);font-family:var(--mono);font-size:10px;white-space:nowrap;color:#d7d9db}.timeline span::after{content:'';position:absolute;height:10px;width:1px;background:#93979b;left:50%;top:19px}.wave-stage{height:255px;position:relative;cursor:crosshair;touch-action:none;user-select:none;overflow:hidden;background:linear-gradient(#ffffff01,#ffffff00)}#detail-canvas{position:absolute;left:48px;width:calc(100% - 48px);height:100%;display:block}.channel-labels{position:absolute;left:0;top:0;bottom:0;width:48px}.channel-label{position:absolute;left:0;right:0;display:flex;align-items:center;justify-content:center;font-family:var(--mono);font-size:10px;color:#d2d4d6;border-right:1px solid #474a4d}.channel-label b{font-weight:400;position:absolute;left:8px;font-family:var(--sans);font-size:11px}.channel-label .amplitudes{display:flex;flex-direction:column;justify-content:space-between;font-size:8px;text-align:right;height:80%;margin-left:20px;color:#999da1}.sample-selection{position:absolute;top:0;bottom:0;background:#efb65020;border-left:1px solid var(--amber);border-right:1px solid var(--amber);pointer-events:none}.selection-handle{position:absolute;top:0;bottom:0;width:18px;padding:0;pointer-events:auto;cursor:ew-resize;touch-action:none}.selection-handle.start{left:-9px}.selection-handle.end{right:-9px}.selection-handle::before{content:'';position:absolute;top:0;left:7px;width:4px;height:5px;background:var(--amber);border-radius:1px}.selection-handle span{position:absolute;left:3px;top:46%;background:var(--amber);color:#36250a;width:11px;height:27px;line-height:24px;display:block;font-size:15px;border-radius:3px;box-shadow:0 0 0 1px #0004}.selection-duration{position:absolute;bottom:12px;left:50%;transform:translateX(-50%);font-family:var(--mono);font-size:11px;color:var(--amber);white-space:nowrap;background:#282217c9;padding:4px 9px;border-radius:2px}.playhead{position:absolute;top:0;bottom:0;width:1px;background:#e6e9ed;pointer-events:none;z-index:2}.playhead span{position:absolute;top:0;left:-2px;width:5px;height:5px;background:#fff;border-radius:0 0 3px 3px}.wave-message{position:absolute;inset:0;display:grid;place-items:center;color:var(--muted);background:#151617dd;pointer-events:none;padding:30px;text-align:center;font-size:12px;line-height:1.8}.transport{display:flex;align-items:center;padding:14px 22px;gap:24px;border-top:1px solid var(--line);min-height:75px}.transport-main{display:flex;gap:20px;align-items:center}.transport-main .icon-button svg{width:21px}.play-button{width:51px;height:51px;display:grid;place-items:center;border:1px solid #e3e5e7;border-radius:50%;background:linear-gradient(#ffffff09,#0002);flex-shrink:0}.play-button svg{width:24px;height:24px}.play-button:hover{color:#141516;background:var(--amber);border-color:var(--amber)}.transport-group{padding-left:24px;border-left:1px solid #353739;display:flex;align-items:center;gap:13px}.loop-button{display:flex;align-items:center;gap:12px;font-size:11px;white-space:nowrap;color:#b5b8bb}.loop-button.active{color:var(--amber)}.loop-button svg{width:23px;height:23px}.volume-group svg{width:19px;height:19px}.volume-group input{width:105px}input[type=range]{appearance:none;height:3px;cursor:pointer;accent-color:var(--amber);background:#505254;border:0;min-width:0}input[type=range]::-webkit-slider-thumb{appearance:none;width:11px;height:11px;border-radius:50%;background:#dedfe0}.transport output{margin-left:auto;font-family:var(--mono);font-size:16px;white-space:nowrap;color:#e2e3e4}.zoom-controls{border-left:1px solid #353739;padding-left:24px;display:flex;align-items:center;gap:9px}.zoom-controls label{font-size:10px;margin-right:8px;color:#c4c6c8}.zoom-controls button{height:32px;min-width:32px;background:linear-gradient(#292b2d,#202223);border:1px solid #3e4144;border-radius:5px;font-size:22px;display:grid;place-items:center;padding:0 9px}.zoom-controls #zoom-fit{font-size:10px}.pan-strip{height:29px;border-top:1px solid #26282a;display:flex;align-items:center;padding:0 15px;gap:10px;color:#85898d}.pan-strip input{flex:1;height:2px}.pan-strip button{font-size:21px;width:24px}.pan-strip span{font-family:var(--mono);font-size:8px;margin-left:10px;white-space:nowrap}.cut-bar{display:flex;align-items:center;gap:23px;margin-top:10px;border:1px solid var(--line);background:#18191a;border-radius:6px;padding:17px 22px}.time-control{display:flex;align-items:center;gap:12px;font-family:var(--mono);font-size:11px;color:#c3c6c8}.time-control input{width:139px;font-family:var(--mono);font-size:13px;padding:11px 9px;background:#111213;border:1px solid #3b3d3f;letter-spacing:.1px}.length{display:flex;gap:13px;font-family:var(--mono);font-size:11px;white-space:nowrap;margin-right:auto}.length span{color:#bbbfc2;letter-spacing:.6px}.length output{color:#f4f4f4}.secondary-button,.primary-button{display:flex;align-items:center;justify-content:center;gap:10px;border:1px solid #3a3c3e;border-radius:5px;padding:12px 17px;font-size:11px;white-space:nowrap;min-height:41px}.secondary-button{background:linear-gradient(#242627,#1c1e1f)}.primary-button{background:linear-gradient(110deg,#f5c563,#ebb048);color:#171510;border-color:#e8ad43;font-weight:600}.primary-button:hover{background:#f9cb76;color:#111}.primary-button svg,.secondary-button svg{width:17px;height:17px}.editor-help{display:flex;justify-content:space-between;gap:20px;color:#7f858b;font-size:9px;margin:12px 3px 0;line-height:1.7}.editor-help span:last-child{text-align:right;white-space:nowrap}.cuts-section{margin-top:29px;scroll-margin-top:76px}.cuts-header{display:flex;align-items:center;gap:17px;margin-bottom:11px}.cuts-header h2{font-size:18px;font-weight:500;margin:0}.cuts-header>span{margin-left:auto;color:#b1b5b8;font-size:11px}.cuts-header .secondary-button{font-size:10px;padding:8px 12px;min-height:33px}.cuts-header .secondary-button svg{width:13px;height:13px}select{font-size:10px;padding:9px 12px}.cut-row{display:flex;align-items:center;gap:18px;padding:13px 14px;border:1px solid var(--line);border-bottom:0;min-height:63px;background:#171819}.cut-row:first-child{border-radius:6px 6px 0 0}.cut-row:last-child{border-bottom:1px solid var(--line);border-radius:0 0 6px 6px}.cut-row:only-child{border-radius:6px}.cut-play{width:33px;height:33px;border:1px solid #73777b;border-radius:50%;display:grid;place-items:center;background:#ffffff05;flex-shrink:0}.cut-play svg{width:15px;height:15px}.cut-open{font-size:12px;text-align:left;min-width:130px;max-width:230px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.cut-date{font-size:9px;color:#92989d;white-space:nowrap}.cut-mini{flex:1;min-width:60px;height:28px;opacity:.6}.cut-length{font-family:var(--mono);font-size:10px;white-space:nowrap}.cut-row .icon-button svg{width:15px}.cut-remove{font-size:19px;color:#8d9398;padding:0 5px}.empty-cuts{border:1px dashed #35383b;border-radius:5px;padding:27px;text-align:center;color:#858c92;font-size:11px;line-height:1.8}footer{display:flex;justify-content:space-between;gap:20px;margin-top:30px;color:#777f86;font-size:9px;line-height:1.8}dialog{max-width:540px;width:calc(100% - 32px);background:#1b1d1f;border:1px solid #44484c;border-radius:9px;color:var(--text);padding:28px;box-shadow:0 20px 80px #0007}dialog::backdrop{background:#090b0de0;backdrop-filter:blur(5px)}dialog form{display:flex;flex-direction:column;gap:17px}.dialog-head{display:flex;justify-content:space-between;gap:15px;align-items:flex-start}.dialog-head h2{font-size:24px;margin:6px 0 4px;font-weight:500}.dialog-head button{font-size:26px;color:#a4abb0;padding:0}.eyebrow{font-family:var(--mono);font-size:9px;letter-spacing:1px;color:var(--muted)}dialog label{display:flex;flex-direction:column;gap:8px;font-family:var(--mono);font-size:9px;color:#b5bbc0;letter-spacing:.8px}dialog label input,dialog label select{width:100%;padding:11px;font-family:var(--sans);font-size:12px;letter-spacing:0;height:40px}.file-drop{border:1px dashed #666758;border-radius:5px;position:relative;padding:23px;align-items:center;background:#efb65006;cursor:pointer}.file-drop svg{color:var(--amber);width:29px;height:29px;margin-bottom:4px}.file-drop strong{font-size:13px;font-family:var(--sans);letter-spacing:0;text-align:center;overflow-wrap:anywhere}.file-drop span{font-family:var(--sans);font-size:10px;letter-spacing:0;color:#929b9f;text-align:center;line-height:1.6}.file-drop input{position:absolute;inset:0;width:100%;height:100%;opacity:0;cursor:pointer}.file-drop:focus-within{outline:1px solid var(--amber)}.form-grid{display:grid;grid-template-columns:1fr 1fr;gap:15px}dialog p{font-size:11px;line-height:1.8;color:#9ca4aa;margin:0}progress{width:100%;height:5px;accent-color:var(--amber)}.toast{position:fixed;bottom:24px;left:50%;transform:translate(-50%,15px);opacity:0;pointer-events:none;transition:.2s;z-index:100;background:#e8bd71;color:#161511;padding:13px 19px;border-radius:5px;box-shadow:0 5px 30px #0005;max-width:90vw;font-size:12px;text-align:center;line-height:1.6}.toast.visible{opacity:1;transform:translate(-50%,0)}[hidden]{display:none!important}
@media(min-width:1450px){.brand{width:270px}.workspace{grid-template-columns:270px minmax(0,1fr)}main{padding:23px 22px}.wave-stage{height:280px}.transport{gap:30px}.cut-bar{gap:27px;padding:19px 25px}.time-control input{width:150px}.cut-bar .primary-button,.cut-bar .secondary-button{padding:14px 22px;font-size:12px}.session-head h1{font-size:31px}.overview-section{margin-bottom:25px}.overview{height:26px}.cuts-section{margin-top:28px}}
@media(max-width:1240px){.brand{width:210px;padding:0 18px;gap:12px}.brand span{font-size:10px;letter-spacing:2px}.workspace{grid-template-columns:210px minmax(0,1fr)}main{padding:22px 20px}.transport{gap:15px;padding:13px 15px}.transport-main{gap:12px}.transport-group{padding-left:15px}.volume-group input{width:65px}.loop-button{gap:8px}.zoom-controls{padding-left:15px;gap:6px}.zoom-controls label{display:none}.transport output{font-size:14px}.cut-bar{gap:14px;padding:16px}.time-control{gap:8px;font-size:10px}.time-control input{width:125px;font-size:11px}.length{gap:8px;font-size:10px}.cut-bar .secondary-button,.cut-bar .primary-button{padding:12px;font-size:10px;gap:7px}.monitor-status{font-size:9px}.monitor-status strong{font-size:9px}.add-top{font-size:10px;margin:0 15px}.cut-date{display:none}.editor-help{font-size:8px}.session-note{max-width:180px;font-size:9px}}
@media(max-width:1020px){.monitor-status{display:none}.add-top{margin-left:auto}.loop-button span{display:none}.volume-group input{width:60px}.cut-bar{flex-wrap:wrap;gap:14px 18px}.time-control input{width:137px}.length{margin-left:auto;margin-right:0}.cut-bar .secondary-button{margin-left:auto}.cut-bar .primary-button,.cut-bar .secondary-button{font-size:11px;padding:11px 18px}.wave-stage{height:245px}.nav{padding:0 22px}.pan-strip span{font-size:7px}.session-head h1{font-size:26px}.session-head p{font-size:9px}.overview-caption{font-size:9px}.overview-caption>span:first-child{font-size:9px}.zoom-controls #zoom-fit{display:none}.cuts-header{gap:12px}}
@media(max-width:760px){.brand{width:auto;border:0;padding:0 16px}.brand span{font-size:10px;letter-spacing:1.5px}.brand svg{width:20px}.topbar{height:54px}.nav{font-size:11px;padding:0 16px}.add-top{font-size:0;margin:0 14px 0 auto}.add-top svg{width:21px}.workspace{grid-template-columns:minmax(0,1fr)}.library{min-width:0;position:static;top:auto;height:auto;border-right:0;border-bottom:1px solid var(--line);padding:0 14px 10px;display:block}.library-head{padding:12px 0 9px}.library-head h2{font-size:9px}.recording-list{display:flex;gap:7px;overflow:auto;padding-bottom:3px}.recording{min-width:190px;max-width:230px;padding:10px 12px;border:1px solid #303234;background:#1a1c1e}.recording.active{border-color:#9c7a3e;background:#29251e}.recording.active::before{display:none}.recording strong{font-size:11px}.recording small{font-size:9px}.recording .recording-dot{font-size:6px}.open-local{display:none}.library-foot{display:none}.library-search{flex-direction:row;padding:0 0 9px}.library-search input{flex:1}.library-search select{width:130px}.session-head{margin-bottom:18px}.session-note{display:none}main{padding:20px 15px}.overview-section{margin:0 1px 16px}.overview-caption span:last-child{font-size:8px}.overview-caption>span:first-child{font-size:8px}.overview{height:27px}.overview-ruler span{font-size:8px}.timeline{margin-left:36px;height:37px}.timeline span{font-size:8px}.timeline span::after{top:16px}.wave-stage{height:235px}#detail-canvas{left:36px;width:calc(100% - 36px)}.channel-labels{width:36px}.channel-label b{left:5px;font-size:9px}.channel-label .amplitudes{font-size:7px;margin-left:16px}.transport{gap:13px;padding:12px}.transport-main{gap:7px}.transport-main .icon-button{min-width:25px;padding:2px}.transport-main .icon-button svg{width:17px}.play-button{width:39px;height:39px}.play-button svg{width:20px}.transport-group{padding-left:12px}.loop-button svg{width:19px}.volume-group{display:none}.transport output{font-size:12px}.zoom-controls{padding-left:12px;gap:6px}.zoom-controls button{min-width:28px;height:29px;font-size:20px;padding:0 5px}.pan-strip{padding:0 7px;gap:4px}.pan-strip span{font-size:6px;max-width:145px;text-overflow:ellipsis;overflow:hidden}.cut-bar{padding:13px;gap:14px}.time-control{flex:1;font-size:9px;gap:8px}.time-control input{width:100%;min-width:0;padding:11px 7px;font-size:11px}.length{flex-basis:100%;justify-content:space-between;font-size:10px;border-top:1px solid #33373a;padding-top:12px;margin:0}.cut-bar .secondary-button,.cut-bar .primary-button{flex:1;margin:0;font-size:10px;gap:7px;padding:11px}.cut-bar .primary-button svg,.cut-bar .secondary-button svg{width:14px}.editor-help{font-size:7px;gap:10px;flex-direction:column}.editor-help span:last-child{text-align:left}.cuts-section{margin-top:22px}.cuts-header{gap:10px;flex-wrap:wrap}.cuts-header h2{font-size:17px}.cuts-header>span{font-size:10px}.cuts-header select{font-size:9px;max-width:110px;padding:8px}.cuts-header .secondary-button{font-size:9px;gap:6px;padding:8px}.cut-row{gap:10px;padding:11px;min-height:62px}.cut-open{min-width:0;flex:1;font-size:11px}.cut-mini{display:none}.cut-length{font-size:9px}.cut-row .icon-button{min-width:25px;padding:3px}.cut-remove{font-size:17px}.empty-cuts{font-size:10px;padding:20px}footer{font-size:8px;flex-direction:column;gap:7px}.selection-duration{font-size:9px;padding:3px 6px;bottom:9px}}
@media(max-width:400px){.brand span{font-size:8px;letter-spacing:1px}.brand{gap:8px;padding:0 12px}.nav{padding:0 13px}.nav span{display:none}.transport{gap:10px}.transport output{font-size:10px}.transport-group{padding-left:10px}.zoom-controls{padding-left:9px;gap:5px}.transport-main{gap:4px}.cuts-header select{max-width:97px}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}

.visualizer-toggle{margin-left:auto;display:flex;align-items:center;gap:7px;font-size:11px;color:#c6b182;padding:10px 15px}.monitor-status{margin-left:8px}.visualizer-panel{margin-top:26px;border:1px solid #35383c;border-radius:7px;overflow:hidden;background:#16181a;scroll-margin-top:75px}.visualizer-head{display:flex;align-items:center;justify-content:space-between;gap:20px;padding:18px 20px}.visualizer-head .eyebrow{font-size:8px;color:#9e8c70}.visualizer-head h2{font-size:18px;font-weight:450;margin:5px 0 0}.visualizer-options{display:flex;align-items:center;gap:10px}.visualizer-options label{font-family:var(--mono);font-size:8px;color:#899096}.visualizer-options select{min-width:160px;padding:9px 12px}.visualizer-options .secondary-button{font-size:10px;padding:9px 12px;min-height:32px}.visualizer-options .icon-button{font-size:24px;color:#9ca2a9;min-width:26px}.visualizer-stage{height:330px;position:relative;background:#05090c}.visualizer-stage canvas{width:100%;height:100%;display:block;image-rendering:auto}.visualizer-overlay{position:absolute;left:18px;right:18px;bottom:15px;display:flex;justify-content:space-between;gap:15px;pointer-events:none;color:#b6c3c5;font-family:var(--mono);font-size:8px;letter-spacing:1px;text-shadow:0 1px 3px #000}.visualizer-overlay span:last-child{font-family:var(--sans);letter-spacing:0;font-size:10px}.visualizer-foot{display:flex;justify-content:space-between;gap:20px;font-size:8px;color:#7d878e;padding:12px 18px;line-height:1.7}@media(max-width:1240px){.visualizer-toggle{padding:10px}.visualizer-toggle span{font-size:10px}.visualizer-head{padding:15px}.visualizer-head h2{font-size:15px}.visualizer-options label{display:none}.visualizer-options select{min-width:145px;font-size:10px}.monitor-status{display:none}}@media(max-width:760px){.visualizer-toggle{margin-left:auto;padding:8px}.visualizer-toggle span{display:none}.add-top{margin-left:0}.visualizer-head{flex-wrap:wrap;gap:15px}.visualizer-head>div:first-child{width:100%}.visualizer-options{width:100%;gap:8px}.visualizer-options select{flex:1;min-width:0}.visualizer-options .secondary-button{font-size:9px}.visualizer-stage{height:255px}.visualizer-overlay{flex-direction:column;gap:6px;left:12px;bottom:12px;font-size:7px}.visualizer-overlay span:last-child{font-size:9px}.visualizer-foot{flex-direction:column;gap:6px;padding:12px;font-size:8px}}

.overview[aria-disabled=true]{cursor:default;background:linear-gradient(transparent calc(50% - .5px),#3a3d40 calc(50% - .5px),#3a3d40 calc(50% + .5px),transparent calc(50% + .5px))}.empty-message{pointer-events:auto;background:repeating-linear-gradient(0deg,transparent 0,transparent 63px,#25282a 63px,#25282a 64px),#151718;cursor:default}.empty-editor{text-align:center;display:flex;flex-direction:column;align-items:center;gap:10px}.empty-editor>svg{width:30px;height:30px;color:#b9a174;margin-bottom:2px}.empty-editor h2{font-size:21px;font-weight:450;margin:0;color:#e1e4e6}.empty-editor p{font-size:11px;color:#929a9f;line-height:1.8;margin:0}.empty-editor .primary-button{font-size:10px;min-height:35px;padding:10px 18px;margin-top:5px}.empty-editor>span{font-family:var(--mono);font-size:8px;color:#717b82;margin-top:3px}#overview-canvas:empty{opacity:.85}.library .recording-list:empty::after{content:'Your recordings will appear here. Open a WAV to get started.';display:block;color:#737d84;font-size:11px;line-height:1.9;padding:16px 8px}.recording-list .no-recordings{color:#788188}@media(max-width:760px){.empty-editor h2{font-size:19px}.empty-editor p{font-size:10px}.empty-editor>span{font-size:7px}.empty-editor>svg{width:26px;height:26px}.library .no-recordings{font-size:10px;padding:8px 0;margin:0}}

main{scroll-margin-top:56px}.visualizer-panel canvas{background:#06090c}

.visualizer-head .eyebrow{color:#82a5a7;letter-spacing:1.7px;font-size:8px}.visualizer-head h2{font-size:18px;letter-spacing:-.2px}.instrument-index{font-family:var(--mono);color:#657f83;font-size:11px;margin-left:7px}.visualizer-stage{background:#050b0d}.instrument-reticle{position:absolute;inset:16px;pointer-events:none;z-index:1;background:linear-gradient(#739d9e77,#739d9e77) left top/18px 1px no-repeat,linear-gradient(#739d9e77,#739d9e77) left top/1px 18px no-repeat,linear-gradient(#739d9e77,#739d9e77) right top/18px 1px no-repeat,linear-gradient(#739d9e77,#739d9e77) right top/1px 18px no-repeat,linear-gradient(#739d9e77,#739d9e77) right bottom/18px 1px no-repeat,linear-gradient(#739d9e77,#739d9e77) right bottom/1px 18px no-repeat,linear-gradient(#739d9e77,#739d9e77) left bottom/18px 1px no-repeat,linear-gradient(#739d9e77,#739d9e77) left bottom/1px 18px no-repeat}.axis-label{position:absolute;left:15px;top:12px;font-family:var(--mono);font-size:8px;color:#668386;line-height:1.6;white-space:pre}.projection-label{position:absolute;right:14px;top:13px;font-family:var(--mono);font-size:7px;letter-spacing:1.4px;color:#668386}.visualizer-overlay{bottom:28px;left:32px;right:32px;font-size:7px;z-index:2}.visualizer-overlay span:last-child{font-size:9px}.maze-mode .instrument-reticle{background:none}.maze-mode .axis-label,.maze-mode .projection-label{display:none}.maze-mode .visualizer-overlay{left:18px;right:18px;bottom:15px}.spectrum-instrument{padding:15px 20px 12px;background:#10181b;border-top:1px solid #314347}.spectrum-meta{display:flex;gap:20px;align-items:center;font-family:var(--mono);font-size:7px;letter-spacing:1.1px;color:#789397;margin-bottom:12px}.spectrum-meta>span:first-child{color:#aec1c2}.spectrum-meta .rms-label{margin-left:auto;display:flex;gap:13px}.rms-label output{color:#c6d5d3;min-width:67px;text-align:right;font-size:9px;letter-spacing:0}#spectrum-canvas{display:block;width:100%;height:42px}.spectrum-scale{position:relative;height:18px;color:#66878b;font-family:var(--mono);font-size:7px;padding-top:7px}.spectrum-scale span{position:absolute;transform:translateX(-50%);white-space:nowrap}.spectrum-scale span:first-child{transform:none}.spectrum-scale span:last-child{transform:translateX(-100%)}.visualizer-foot{background:#151b1e;color:#788b94;font-size:8px}.visualizer-options select{background:#10171a;border-color:#394b50}.visualizer-options label{color:#789397}.visualizer-options .secondary-button{background:#192327;border-color:#394b50;color:#b7c5c8}@media(max-width:760px){.spectrum-instrument{padding:13px 14px 10px}.spectrum-meta{font-size:6px;gap:8px;letter-spacing:.5px;flex-wrap:wrap}.spectrum-meta .rms-label{margin-left:0;width:100%;justify-content:space-between}.rms-label output{font-size:8px}.visualizer-overlay{left:27px;right:27px;bottom:26px}.visualizer-overlay span:last-child{font-size:8px}.instrument-reticle{inset:12px}.projection-label{font-size:6px;letter-spacing:1px}.axis-label{font-size:7px}.visualizer-head h2{font-size:17px}.instrument-index{font-size:10px}}

.preset-bloom .instrument-reticle,.preset-bloom .spectrum-instrument,.preset-maze .instrument-reticle,.preset-maze .spectrum-instrument{display:none}.preset-bloom .visualizer-stage{background:#05080b}.preset-bloom .visualizer-overlay{left:20px;right:20px;bottom:17px}.preset-bloom .visualizer-eyebrow{color:#a6957b}.preset-bloom .visualizer-head .eyebrow{color:#b6a083}.preset-bloom .instrument-index{color:#8d7859}.preset-bloom .visualizer-options select,.preset-maze .visualizer-options select{background:#161819;border-color:#3c3f41}.preset-maze .visualizer-overlay{left:20px;right:20px;bottom:17px}.preset-scientific{border-color:#395052}.preset-scientific .visualizer-stage{height:355px}.preset-scientific .visualizer-head{background:linear-gradient(100deg,#152126,#12191c)}.preset-scientific .instrument-reticle{opacity:.7}.preset-scientific .visualizer-stage::after{content:'';position:absolute;inset:0;pointer-events:none;background:linear-gradient(90deg,#06101228,transparent 25%,transparent 75%,#06101228);box-shadow:inset 0 0 80px #01080980}.preset-maze .visualizer-head .eyebrow{color:#a7a18d}.preset-maze .instrument-index{color:#8b8676}@media(max-width:760px){.preset-scientific .visualizer-stage{height:270px}.preset-bloom .visualizer-stage,.preset-maze .visualizer-stage{height:255px}}

.preset-demoscene .instrument-reticle,.preset-demoscene .spectrum-instrument{display:none}.preset-demoscene .visualizer-stage{height:365px}.preset-demoscene .visualizer-overlay{left:20px;right:20px;bottom:17px}.preset-demoscene .visualizer-head .eyebrow{color:#ae9d88}.preset-demoscene .visualizer-options select{background:#14171a;border-color:#414345}.visualizer-options select{min-width:175px}#visualizer-credit{display:block;color:#acb4ba;text-decoration:underline;text-underline-offset:3px;margin-top:4px}.visualizer-foot>span:last-child{text-align:right}.preset-demoscene[data-preset="clouds"]{border-color:#50555b}.preset-demoscene[data-preset="sphere"]{border-color:#443a57}.preset-demoscene[data-preset="architecture"]{border-color:#3c5962}@media(max-width:760px){.preset-demoscene .visualizer-stage{height:270px}.visualizer-options select{min-width:0}.visualizer-foot>span:last-child{text-align:left}}

.recording-assets{display:flex;flex-wrap:wrap;gap:4px 14px;justify-content:flex-end;margin-top:6px}.recording-assets a{color:var(--amber);text-decoration:underline;text-underline-offset:3px;font-size:10px}.recording-assets[hidden],.recording-assets a[hidden]{display:none}