:root{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;color:#eef4f8;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#090b0f;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;font-weight:400;line-height:1.5}*{box-sizing:border-box}html,body{width:100%;min-width:320px;height:100%;margin:0}body{overflow:hidden}body.is-viewport-fullscreen{overscroll-behavior:none;background:#020305;overflow:hidden}body.is-resizing-control{cursor:ew-resize;-webkit-user-select:none;user-select:none}button,input,select{font:inherit}button{border:0}.app-shell{width:100vw;height:var(--app-height,100vh);background:linear-gradient(135deg,#090b0f 0%,#12151a 45%,#0c1113 100%);min-height:520px;position:relative;overflow:hidden}#visualizerCanvas{z-index:0;touch-action:none;background:#020305;width:100%;height:100%;position:absolute;inset:0}#visualizerCanvas.is-timeline-dragging{cursor:ew-resize}#visualizerCanvas.is-hidden-visualizer{opacity:0}.waveform-canvas,.level-map-canvas{pointer-events:none;opacity:0;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.waveform-canvas{z-index:2;mix-blend-mode:screen}.level-map-canvas{z-index:3;mix-blend-mode:normal}.waveform-canvas.is-visible{opacity:1}.level-map-canvas.is-visible{opacity:var(--level-map-opacity,1)}.floating-panel{z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#080c10f0;border:1px solid #ffffff1f;border-radius:8px;flex-direction:column;width:320px;max-height:calc(100vh - 32px);font-size:12px;display:flex;position:fixed;top:16px;left:16px;overflow:hidden;box-shadow:0 8px 32px #0009}.floating-panel[hidden]{display:none}.floating-panel.is-docked-floating-panel{z-index:auto;width:100%;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;position:static}.floating-panel.is-docked-floating-panel .floating-panel-body{overflow:visible}.floating-panel.is-docked-floating-panel .floating-panel-resize-handle,.floating-panel.is-minimized .floating-panel-body{display:none}.floating-panel.is-minimized{max-height:none}.floating-panel-resize-handle{cursor:nwse-resize;background:linear-gradient(135deg,#0000 0% 50%,#fff3 50% 100%);width:14px;height:14px;position:absolute;bottom:0;right:0}.floating-panel.is-minimized .floating-panel-resize-handle{display:none}.floating-panel#recordEditPanel,.floating-panel#waveformPanel{width:460px}.floating-panel#tagsPanel{width:400px}.floating-panel-header{cursor:grab;-webkit-user-select:none;user-select:none;background:#ffffff0a;border-bottom:1px solid #ffffff14;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.floating-panel-header.is-dragging{cursor:grabbing}.floating-panel-header-actions{align-items:center;gap:4px;display:flex}.floating-panel-header-inline{align-items:baseline;gap:8px;margin-left:8px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px;display:none}.floating-panel.is-minimized .floating-panel-header-inline{display:inline-flex}.floating-panel-header-inline span.label{opacity:.55;text-transform:uppercase;letter-spacing:.04em;font-size:10px}.floating-panel-header-inline span.value{color:#ffe680eb;font-weight:600}.floating-panel-title{font-size:13px;font-weight:600}.floating-panel-body{flex-direction:column;gap:8px;padding:10px 12px;display:flex;overflow-y:auto;container-type:inline-size}.floating-panel-readout{border-top:1px solid #ffffff14;grid-template-columns:auto 1fr auto 1fr;align-items:baseline;gap:4px 8px;margin-top:6px;padding-top:6px;display:grid}.floating-panel-readout-label{text-transform:uppercase;letter-spacing:.04em;opacity:.6;font-size:10px}.floating-panel-readout-value{color:#ffe680eb;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:13px;font-weight:600}.auto-match-controls{border-bottom:1px solid #ffffff14;flex-direction:column;gap:8px;margin-bottom:4px;padding-bottom:8px;display:flex}.auto-match-mark-button{width:100%}.auto-match-sensitivity-field{justify-content:space-between;align-items:center;gap:8px;display:flex}.auto-match-sensitivity-field .range-input{flex:1}.auto-match-status{color:#c8d2d7;background:#ccd6dd0f;border:1px solid #ccd6dd1f;border-radius:6px;align-items:center;min-height:26px;padding:5px 8px;font-size:11px;font-weight:700;display:flex}.auto-match-status[data-tone=working]{color:#f3c969;border-color:#f3c96947}.auto-match-status[data-tone=ready]{color:#86e4a7;border-color:#86e4a73d}.auto-match-status[data-tone=error]{color:#ff9b8d;border-color:#ff9b8d42}.analyzer-progress-grid{background:#ccd6dd0a;border:1px solid #ccd6dd1a;border-radius:6px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:5px 8px;padding:7px 8px;display:grid}.analyzer-progress-label{color:#d7e1e69e;text-transform:uppercase;font-size:10px;font-weight:800}.analyzer-progress-value{color:#c8d2d7;text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:11px;font-weight:700;overflow:hidden}.analyzer-progress-value[data-tone=working]{color:#f3c969}.analyzer-progress-value[data-tone=ready]{color:#86e4a7}.analyzer-progress-value[data-tone=error]{color:#ff9b8d}.tag-manager-section{border-bottom:1px solid #ffffff14;flex-direction:column;gap:6px;margin-bottom:4px;padding-bottom:8px;display:flex}.tag-manager-heading{text-transform:uppercase;letter-spacing:.04em;opacity:.6;font-size:10px}.tag-manager-empty{opacity:.5;font-size:11px;font-style:italic}.tag-manager-list{flex-direction:column;gap:2px;display:flex}.tag-manager-row{border-radius:4px;grid-template-columns:1fr auto auto;align-items:center;gap:6px;padding:2px 4px;display:grid}.tag-manager-row:hover{background:#ffffff0a}.tag-manager-name{color:inherit;text-align:left;font:inherit;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px}.tag-manager-name:hover{background:#ffffff14}.tag-manager-count{opacity:.55;text-align:right;min-width:22px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:11px}.tag-manager-delete{color:#ffc8c8f2;cursor:pointer;background:#ff64641f;border:1px solid #ff646440;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:14px;line-height:1;display:flex}.tag-manager-delete:hover{background:#ff646440}.tag-manager-row.is-selected{background:#72dfcf29;outline:1px solid #72dfcf66}.tag-manager-row.is-selected .tag-manager-name{color:#72dfcffa;font-weight:600}.tag-manager-row.is-drag-target{background:#f3c9692e;outline:1px dashed #f3c96999}.tag-manager-members{border-top:1px solid #ffffff14;border-radius:6px;min-height:60px;margin-top:8px;padding:8px}.tag-manager-members.is-drag-target{background:#72dfcf14;outline:1px dashed #72dfcf80}.tag-manager-members-heading{text-transform:uppercase;letter-spacing:.04em;opacity:.6;margin-bottom:6px;font-size:10px}.tag-manager-chips{flex-wrap:wrap;gap:4px;display:flex}.tag-manager-chip{cursor:grab;white-space:nowrap;text-overflow:ellipsis;background:#ffffff0f;border:1px solid #ffffff1f;border-radius:12px;align-items:center;gap:4px;max-width:100%;padding:2px 6px;font-size:11px;display:inline-flex;overflow:hidden}.tag-manager-chip:hover{background:#ffffff1f}.tag-manager-chip.is-dragging{cursor:grabbing;opacity:.5}.tag-manager-chip-remove{color:#ffc8c8f2;cursor:pointer;background:#ff64642e;border:none;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:11px;line-height:1;display:flex}.tag-manager-chip-remove:hover{background:#ff646466}@container (width>=560px){.tag-manager-section.has-selected-tag{grid-template-columns:minmax(190px,.9fr) minmax(230px,1.35fr);align-items:start;gap:8px 10px;display:grid}.tag-manager-section.has-selected-tag .tag-manager-heading{grid-column:1/-1}.tag-manager-section.has-selected-tag .tag-manager-list{min-width:0}.tag-manager-section.has-selected-tag .tag-manager-members{border-top:0;border-left:1px solid #ffffff14;min-width:0;margin-top:0}}.tag-drop-row.tag-controls{flex-wrap:wrap}.auto-switch-sections{background:#ffffff08;border:1px solid #ffffff14;border-radius:6px;flex-direction:column;gap:4px;margin-top:4px;padding:6px 8px;font-size:11px;display:flex}.auto-switch-sections[hidden]{display:none}.auto-switch-section-row{grid-template-columns:18px minmax(80px,max-content) 1fr auto;align-items:center;gap:6px;display:grid}.auto-switch-section-character{opacity:.78;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-style:italic;overflow:hidden}.auto-switch-section-header{text-transform:uppercase;letter-spacing:.04em;border-bottom:1px solid #ffffff14;margin-bottom:2px;padding-bottom:4px;font-size:10px}.auto-switch-section-letter{text-align:center;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-weight:700}.auto-switch-section-row select{width:100%;padding:2px 4px;font-size:11px}.auto-switch-section-reroll{cursor:pointer;color:inherit;background:#ffffff14;border:1px solid #ffffff26;border-radius:3px;padding:1px 6px;font-size:10px}.auto-switch-section-reroll:hover{background:#ffffff29}.segmentation-canvas{pointer-events:none;z-index:4;mix-blend-mode:screen;opacity:0;width:100%;height:100%;transition:opacity .18s;position:absolute;inset:0}.segmentation-canvas.is-visible{opacity:var(--level-map-opacity,.7)}.deck-waveform{right:0;bottom:max(16px, env(safe-area-inset-bottom));z-index:5;height:var(--deck-waveform-height,154px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#040608b8;border-top:1px solid #eef4f82e;border-bottom:1px solid #eef4f82e;border-radius:0;grid-template-rows:minmax(72px,1fr) 42px;gap:6px;padding:0;display:grid;position:absolute;left:0;box-shadow:0 16px 36px #00000061}.deck-waveform[hidden]{display:none}.deck-waveform-canvas{cursor:ew-resize;touch-action:none;background:linear-gradient(#eef4f80f,#eef4f804),#010305e0;border-radius:0;width:100%;height:100%;min-height:0;display:block}.deck-waveform-zoom{min-height:72px}.deck-waveform-overview{min-height:34px}.app-shell.is-control-minimized .deck-waveform,.app-shell.has-popped-out-controls .deck-waveform{right:0}.control-surface{z-index:10;width:min(var(--control-width,380px), calc(100vw - 32px));-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0dd1;border:1px solid #ccd6dd2e;border-radius:8px;flex-direction:column;gap:14px;min-width:288px;padding:18px;transition:opacity .16s,right .16s,transform .16s;display:flex;position:absolute;top:16px;bottom:16px;right:16px;overflow:auto;box-shadow:0 18px 44px #0000005c}.control-expand-button{top:max(14px, env(safe-area-inset-top));right:max(14px, env(safe-area-inset-right));z-index:42;color:#eef4f8;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);cursor:pointer;background:#080a0ddb;border:1px solid #ccd6dd38;border-radius:999px;justify-content:center;align-items:center;width:44px;height:44px;display:inline-flex;position:absolute;box-shadow:0 12px 32px #0000005c}.control-expand-button[hidden]{display:none}.control-expand-button:hover{background:#10181deb;border-color:#72dfcf8f}.app-shell.is-control-minimized .control-surface{pointer-events:none;opacity:0;transform:translate(calc(100% + 32px))}.app-shell.is-control-minimized .control-resize-handle,.app-shell.is-control-minimized .parameter-drawer{display:none}.control-resize-handle{top:16px;right:calc(16px + var(--control-width,380px) - 5px);z-index:8;cursor:ew-resize;width:10px;position:absolute;bottom:16px}.control-resize-handle:before{content:"";background:0 0;border-radius:999px;width:2px;position:absolute;top:12px;bottom:12px;left:4px}.control-resize-handle:hover:before,body.is-resizing-control .control-resize-handle:before{background:#72dfcfa6}.app-shell.has-popped-out-controls .control-resize-handle{display:none}@media (width>=920px){.app-shell.has-parameter-drawer .control-surface{right:388px}.app-shell.has-parameter-drawer .control-resize-handle{right:calc(388px + var(--control-width,380px) - 5px)}}.control-header{flex-direction:column;align-items:stretch;gap:4px;display:flex}.header-actions{flex-wrap:wrap;flex:auto;align-items:center;gap:4px;display:flex}.header-actions-basic{grid-template-columns:minmax(0,1fr) auto;align-items:start;display:grid}.header-primary-actions,.header-shell-actions{flex-wrap:wrap;align-items:center;gap:4px;display:flex}.header-primary-actions{justify-content:flex-start;min-width:0}.header-shell-actions{justify-content:flex-end}.header-actions-advanced{justify-content:flex-start}.header-actions-advanced[hidden]{display:none}.header-actions .icon-button{flex:none}#headerAdvancedToggleButton .lucide{transition:transform .14s,color .14s}#headerAdvancedToggleButton[aria-expanded=true] .lucide{color:#ffe680;transform:rotate(180deg)}.header-ui-mode-actions{flex:none;align-items:center;gap:4px;display:inline-flex}.ui-panel-drag-handle{color:#ffeeaaeb;cursor:grab;text-transform:uppercase;background:#ffe68014;border:1px dashed #ffe68073;border-radius:6px;justify-content:space-between;align-items:center;gap:8px;margin:-2px -2px 8px;padding:5px 7px;font-size:11px;font-weight:700;display:none}.ui-panel-drag-hint{color:#ffeeaa9e;text-transform:none;font-weight:500}body.is-ui-mode [data-ui-panel]{outline-offset:2px;outline:1px dashed #ffe68059}body.is-ui-mode .ui-panel-drag-handle{display:flex}[data-ui-panel].is-ui-panel-dragging{opacity:.55}[data-ui-panel].is-ui-panel-drop-target{background:#ffe6800d;outline-color:#ffe680f2}.control-surface.is-ui-panel-drop-target{outline-offset:-6px;outline:2px dashed #ffe680b3}body.is-ui-mode [data-ui-zone]{outline-offset:2px;outline:1px dotted #72dfcf47}body.is-ui-mode [data-ui-item]{cursor:grab}[data-ui-item].is-ui-item-dragging{opacity:.55}[data-ui-item].is-ui-item-fixed{cursor:pointer}.ui-item-placeholder{background:#f3c96924;border:1px dashed #f3c969e6;border-radius:7px;flex:none;display:inline-flex}.ui-item-drag-ghost{z-index:1000;pointer-events:none;opacity:.82;position:fixed;box-shadow:0 14px 32px #0000006b}[data-ui-zone].is-ui-zone-drop-target{background:#72dfcf0d;outline-color:#72dfcfe6}.ui-detached-panel .control-group,.ui-detached-panel .credits{border-top:0;padding-top:0}.detector-lab{border:1px solid #ffffff14;border-radius:6px;margin-top:6px;padding:6px 8px}.detector-lab summary{cursor:pointer;color:#eef4f8db;-webkit-user-select:none;user-select:none;font-size:12px}.detector-lab[open] summary{margin-bottom:6px}.detector-lab-help{color:#d7e1e69e;margin:4px 0 8px;font-size:11px;line-height:1.35}.icon-button:disabled{cursor:not-allowed;opacity:.45}.eyebrow{color:#79d4c9;letter-spacing:0;text-transform:uppercase;margin:0 0 4px;font-size:.72rem;font-weight:700}h1{letter-spacing:0;margin:0;font-size:1.15rem;line-height:1.2}.control-group{border-top:1px solid #ccd6dd24;flex-direction:column;gap:8px;padding-top:12px;display:flex}.control-group:first-of-type{border-top:0;padding-top:0}.control-surface:not(.show-automation-controls) .automation-box,.control-surface:not(.show-credit-controls) .credits,.control-surface:not(.show-level-map-controls) .level-map-controls,.control-surface:not(.show-preset-controls) .preset-controls-group,.control-surface:not(.show-tag-controls) .tag-controls,.control-surface:not(.show-advanced-params) .parameter-toggle{display:none}.control-surface:not(.show-tag-controls) .preset-tool-row{grid-template-columns:minmax(0,1fr)}.button-row,.transport-row{align-items:center;gap:8px;display:flex}.button-row .secondary-button{flex:1 1 0;min-width:0}.button-row.compact{justify-content:space-between}.source-actions{align-items:stretch}.source-actions .primary-button,.source-actions .secondary-button{flex:1 1 0;width:auto;min-width:0;padding:0 8px}.source-actions span{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.primary-button,.secondary-button,.icon-button{cursor:pointer;border-radius:7px;justify-content:center;align-items:center;gap:8px;min-height:40px;transition:transform .12s,background .12s,border-color .12s;display:inline-flex}.primary-button,.secondary-button{width:100%;padding:0 14px;font-weight:700}.primary-button{color:#061015;background:#72dfcf}.primary-button.is-processing-analysis{border:1px solid #f3c969f2;animation:1.25s ease-in-out infinite audio-analysis-pulse;position:relative;box-shadow:0 0 0 1px #f3c9696b,0 0 18px #f3c9697a}.primary-button.is-processing-analysis:after{content:"";pointer-events:none;border:1px solid #f3c9698f;border-radius:9px;position:absolute;inset:-4px}.secondary-button{color:#eef4f8;background:#ccd6dd21}@keyframes audio-analysis-pulse{0%,to{box-shadow:0 0 0 1px #f3c96952,0 0 12px #f3c96957}50%{box-shadow:0 0 0 2px #f3c9699e,0 0 26px #f3c969b8}}@media (prefers-reduced-motion:reduce){.primary-button.is-processing-analysis{animation:none}}.secondary-button.is-active{color:#061015;background:#f3c969}.parameter-toggle{justify-content:space-between}.icon-button{color:#eef4f8;background:#ccd6dd1f;flex:0 0 40px;width:40px;height:40px}.icon-button.compact-icon{flex-basis:38px;width:38px;height:38px;min-height:38px}.icon-button.is-active{color:#061015;background:#f3c969}.icon-button.is-active .lucide{fill:currentColor}.icon-button.large{color:#061015;background:#f3c969;flex-basis:48px;width:48px;height:48px}.primary-button:hover,.secondary-button:hover,.icon-button:hover{transform:translateY(-1px)}.primary-button:focus-visible,.secondary-button:focus-visible,.icon-button:focus-visible,.text-input:focus-visible,.select-input:focus-visible,.preset-list:focus-visible,.parameter-number:focus-visible,.range-input:focus-visible{outline-offset:2px;outline:2px solid #f3c969}.primary-button:active,.secondary-button:active,.icon-button:active{transform:translateY(0)}.status-line{color:#b9c5cb;overflow-wrap:anywhere;-webkit-line-clamp:2;-webkit-box-orient:vertical;height:2.8em;min-height:2.8em;margin:0;font-size:.88rem;line-height:1.4;display:-webkit-box;overflow:hidden}.status-line[data-tone=ready]{color:#86e4a7}.status-line[data-tone=error]{color:#ff9b8d}.field-label,.slider-field,.toggle-field{color:#d7e1e6;font-size:.86rem;font-weight:700}.text-input,.select-input,.preset-list{color:#eef4f8;background:#0203058f;border:1px solid #ccd6dd2e;border-radius:7px;width:100%}.text-input{height:38px;padding:0 11px}.select-input{min-height:38px;padding:0 11px}.station-picker{flex-direction:column;gap:6px;display:flex}.station-picker[hidden]{display:none}.station-picker-row{grid-template-columns:minmax(0,1fr) 40px;align-items:center;gap:8px;display:grid}.preset-heading{justify-content:space-between;align-items:center;gap:8px;display:flex}.preset-heading .field-label{margin-right:auto}.preset-shortcut-select{width:112px;min-height:34px}.preset-tool-row,.preset-folder-row{align-items:center;gap:8px;display:grid}.preset-tool-row{grid-template-columns:minmax(0,1fr) minmax(112px,.45fr)}.preset-folder-row{grid-template-columns:minmax(92px,.8fr) minmax(0,1fr) 38px}.preset-list{height:128px;padding:5px;overflow-y:auto}.preset-option{color:#eef4f8;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:5px;grid-template-columns:58px minmax(0,1fr);align-items:center;gap:7px;width:100%;min-height:27px;padding:4px 7px;display:grid}.preset-option:hover{background:#72dfcf1c}.preset-option.is-selected{background:linear-gradient(90deg,#72dfcf61,#72dfcf2e);box-shadow:inset 3px 0 #72dfcf,inset 0 0 0 1px #72dfcf42}.preset-option.is-selected:hover{background:linear-gradient(90deg,#72dfcf70,#72dfcf3b)}.preset-marks{color:#f3c969;letter-spacing:0;white-space:nowrap;align-items:center;gap:3px;font-size:.68rem;display:flex}.preset-hotkey-mark{color:#181408;background:#f3c969;border:1px solid #f3c9696b;border-radius:4px;justify-content:center;min-width:24px;padding:1px 4px;font-weight:800;line-height:1.2;display:inline-flex}.preset-option-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.preset-context-menu{z-index:20;background:#090d12fa;border:1px solid #ccd6dd33;border-radius:7px;flex-direction:column;min-width:190px;max-width:min(340px,100vw - 16px);max-height:min(420px,100vh - 16px);padding:5px;display:flex;position:fixed;overflow-y:auto;box-shadow:0 16px 34px #0000006b}.preset-context-menu[hidden]{display:none}.preset-context-menu button{color:#eef4f8;text-overflow:ellipsis;text-align:left;white-space:nowrap;cursor:pointer;background:0 0;border:0;border-radius:5px;min-height:32px;padding:0 10px;overflow:hidden}.preset-context-menu button:hover{background:#72dfcf26}.hotkey-overlay{z-index:30;color:#eef4f8;background:#090d12fa;border:1px solid #ccd6dd38;border-radius:7px;width:min(360px,100vw - 32px);max-height:min(520px,100vh - 32px);padding:12px;position:fixed;bottom:16px;right:16px;overflow-y:auto;box-shadow:0 18px 42px #00000080}.hotkey-overlay h2{color:#f3c969;margin:0 0 8px;font-size:.86rem}.hotkey-overlay-list{gap:5px;display:grid}.hotkey-overlay-row{grid-template-columns:38px minmax(0,1fr);align-items:center;gap:8px;min-height:28px;display:grid}.hotkey-overlay-row kbd{color:#181408;background:#f3c969;border:1px solid #f3c9696b;border-radius:4px;justify-content:center;align-items:center;min-width:30px;min-height:22px;font:800 .72rem/1 system-ui,sans-serif;display:inline-flex}.hotkey-overlay-row span,.hotkey-overlay-empty{color:#d7e1e6;text-overflow:ellipsis;white-space:nowrap;min-width:0;margin:0;font-size:.78rem;overflow:hidden}.help-overlay{z-index:35;color:#eef4f8;background:#090d12fa;border:1px solid #ccd6dd38;border-radius:8px;width:min(430px,100vw - 32px);max-height:min(680px,100vh - 32px);padding:14px;position:fixed;top:16px;right:16px;overflow-y:auto;box-shadow:0 18px 48px #0000008a}.help-overlay-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.help-overlay h2,.help-section h3{letter-spacing:0;margin:0}.help-overlay h2{color:#f3c969;font-size:1rem}.help-section{border-top:1px solid #ccd6dd24;gap:7px;padding:12px 0;display:grid}.help-section h3{color:#79d4c9;font-size:.8rem}.help-list{gap:6px;display:grid}.help-row{grid-template-columns:minmax(94px,.35fr) minmax(0,1fr);align-items:center;gap:10px;min-height:26px;display:grid}.help-row kbd{color:#181408;text-overflow:ellipsis;white-space:nowrap;background:#f3c969;border:1px solid #f3c9696b;border-radius:4px;justify-content:center;align-items:center;width:fit-content;max-width:100%;min-height:22px;padding:2px 7px;font:800 .72rem/1.1 system-ui,sans-serif;display:inline-flex;overflow:hidden}.help-row span{overflow-wrap:anywhere;color:#d7e1e6;min-width:0;font-size:.8rem}.help-empty-key{min-height:1px}.settings-overlay{z-index:36;color:#eef4f8;background:#090d12fa;border:1px solid #ccd6dd38;border-radius:8px;width:min(520px,100vw - 32px);max-height:min(760px,100vh - 32px);padding:14px;position:fixed;top:16px;right:16px;overflow-y:auto;box-shadow:0 18px 48px #0000008a}.waveform-settings-overlay{left:16px;right:auto}.waveform-settings-preview{background:#020305;border:1px solid #ccd6dd24;border-radius:7px;width:100%;height:108px;margin:0 0 10px;display:block}.settings-color-wrap{grid-template-columns:42px minmax(0,1fr);align-items:center;gap:8px;display:grid}.settings-color-wrap input[type=color]{background:0 0;border:1px solid #ccd6dd2e;border-radius:6px;width:42px;height:34px;padding:0}.settings-overlay-header{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:12px;display:flex}.settings-overlay h2,.settings-section h3{letter-spacing:0;margin:0}.settings-overlay h2{color:#f3c969;font-size:1rem}.settings-tab-bar{grid-template-columns:repeat(5,minmax(0,1fr));gap:6px;margin:0 0 10px;display:grid}.settings-tab-button{color:#c8d2d7;cursor:pointer;text-overflow:ellipsis;white-space:nowrap;background:#ccd6dd12;border:1px solid #ccd6dd24;border-radius:6px;min-height:32px;padding:0 8px;font-size:.76rem;font-weight:700;overflow:hidden}.settings-tab-button:hover{background:#72dfcf1f;border-color:#72dfcf61}.settings-tab-button.is-active{color:#181408;background:#f3c969;border-color:#f3c9699e}.settings-tab-panel{gap:10px;display:grid}.settings-section{background:#ccd6dd0a;border:1px solid #ccd6dd24;border-radius:7px;gap:8px;padding:10px;display:grid}.settings-section h3{color:#79d4c9;font-size:.8rem}.settings-row{color:#d7e1e6;grid-template-columns:minmax(130px,.55fr) minmax(0,1fr);align-items:center;gap:10px;min-height:34px;font-size:.82rem;display:grid}.settings-wide-button{min-height:38px}.settings-refresh-row{grid-template-columns:auto minmax(0,1fr)}.settings-refresh-actions{grid-template-columns:minmax(0,.62fr) minmax(0,1fr);gap:6px;display:grid}.settings-refresh-button{min-height:34px;padding-inline:9px}.settings-key-controls{grid-template-columns:minmax(0,1fr) auto;gap:6px;display:grid}.settings-key-button,.settings-clear-button{color:#eef4f8;cursor:pointer;background:#ccd6dd1f;border-radius:6px;min-height:32px}.settings-key-button{color:#181408;background:#f3c969;border:1px solid #f3c96957;font-weight:800}.settings-clear-button{color:#d7e1e6;padding:0 9px}.settings-injection-row{background:#ccd6dd0d;border:1px solid #ccd6dd1f;border-radius:7px;gap:6px;padding:8px;display:grid}.settings-mini-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px;display:grid}.settings-mini-field{color:#aebac1;gap:3px;font-size:.72rem;display:grid}.settings-mini-field .text-input{height:32px;padding:0 8px;font-size:.78rem}.settings-number-wrap{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:6px;display:grid}.settings-number-wrap .text-input{height:34px}.settings-suffix{color:#aebac1;font-size:.78rem}.settings-key-button:focus-visible,.settings-clear-button:focus-visible{outline-offset:2px;outline:2px solid #72dfcf}@media (width<=540px){.settings-tab-bar{grid-template-columns:repeat(3,minmax(0,1fr))}.settings-row,.settings-mini-grid{grid-template-columns:1fr}}.tag-drop-row{gap:6px;padding-bottom:2px;display:flex;overflow-x:auto}.tag-drop-target{color:#d7e1e6;text-overflow:ellipsis;white-space:nowrap;background:#ccd6dd14;border:1px dashed #ccd6dd42;border-radius:7px;flex:none;max-width:130px;min-height:30px;padding:0 9px;overflow:hidden}.tag-drop-target.is-assigned{color:#f6dda1;background:#f3c9691f;border-color:#f3c969bf}.tag-drop-target.is-drag-over{color:#061015;background:#72dfcf}.preset-context-menu button.is-danger{color:#ffb7b7}.toggle-field{color:#d7e1e6;align-items:center;gap:8px;min-height:40px;padding:0 8px;display:inline-flex}.toggle-field input{accent-color:#72dfcf;width:18px;height:18px}.level-map-controls{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:8px;display:flex}.level-map-toggle{min-height:28px;padding:0;font-size:.8rem}.level-map-status{color:#95a3aa;text-align:right;text-overflow:ellipsis;white-space:nowrap;min-width:96px;margin-left:auto;font-size:.76rem;overflow:hidden}.level-map-status[data-tone=ready]{color:#86e4a7}.level-map-status[data-tone=error]{color:#ff9b8d}.automation-box{background:#ccd6dd0f;border:1px solid #ccd6dd24;border-radius:7px;gap:7px;padding:9px;display:grid}.automation-header,.automation-controls{align-items:center;gap:7px;display:flex}.automation-header{color:#d7e1e6;justify-content:space-between;font-size:.78rem;font-weight:700}.automation-title-row{align-items:center;gap:10px;min-width:0;display:inline-flex}.automation-summary{color:#95a3aa;font-size:.72rem;font-weight:600}.automation-record-toggle{min-height:30px;padding:0;font-size:.76rem}.automation-button{flex:auto;min-height:32px;padding:0 10px;font-size:.78rem}.automation-action-list{gap:4px;max-height:86px;display:grid;overflow-y:auto}.automation-empty{color:#95a3aa;margin:0;font-size:.75rem}.automation-action-row{color:#d7e1e6;text-align:left;cursor:pointer;background:#02030557;border-radius:5px;grid-template-columns:52px 24px minmax(0,1fr);align-items:center;gap:6px;min-height:27px;padding:0 6px;display:grid}.automation-action-row:hover{background:#72dfcf1f}.automation-action-row.is-dragging{background:#ffd66a2e;outline:1px solid #ffd66a75}.automation-action-time{color:#95a3aa;font-variant-numeric:tabular-nums;font-size:.72rem}.automation-action-type{color:#061015;border-radius:4px;justify-content:center;align-items:center;width:20px;height:20px;font-size:.7rem;font-weight:800;display:inline-flex}.automation-action-type.is-preset{background:#f3c969}.automation-action-type.is-volume{background:#72dfcf}.automation-action-type.is-visualGain{background:#ff766c}.automation-action-label{text-overflow:ellipsis;white-space:nowrap;min-width:0;font-size:.74rem;overflow:hidden}.time-readout{color:#c8d2d7;font-variant-numeric:tabular-nums;flex:1;justify-content:space-between;gap:10px;min-width:0;display:flex}.range-input{accent-color:#72dfcf;width:100%}.range-input:disabled{opacity:.45}.slider-field{grid-template-columns:minmax(92px,max-content) 1fr;align-items:center;gap:12px;display:grid}.slider-field span{align-items:center;gap:7px;display:inline-flex}.slider-with-value{grid-template-columns:1fr 50px;align-items:center;gap:8px;display:grid}.value-readout{color:#c8d2d7;font-variant-numeric:tabular-nums;text-align:right;font-size:.8rem}.parameter-count{color:#061015;text-align:center;background:#72dfcf;border-radius:999px;min-width:30px;font-size:.72rem;line-height:1.6}.parameter-drawer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#080a0de6;border:1px solid #ccd6dd2e;border-radius:8px;flex-direction:column;gap:14px;width:min(360px,100vw - 32px);min-width:288px;padding:18px;display:flex;position:absolute;top:16px;bottom:16px;right:16px;overflow:hidden;box-shadow:0 18px 44px #0000005c}.parameter-drawer[hidden]{display:none}.drawer-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.drawer-header h2{letter-spacing:0;margin:0;font-size:1rem;line-height:1.2}.parameter-actions{flex:none}.parameter-list,.parameter-group{flex-direction:column;gap:8px;display:flex}.parameter-list{gap:14px;min-height:0;padding-right:4px;overflow:auto}.parameter-group-title{color:#79d4c9;letter-spacing:0;text-transform:uppercase;margin:0;font-size:.78rem;font-weight:700}.parameter-row{color:#d7e1e6;grid-template-columns:minmax(0,1fr) 92px;align-items:center;gap:10px;font-size:.78rem;display:grid}.parameter-name{overflow-wrap:anywhere;min-width:0}.parameter-number{color:#eef4f8;font-variant-numeric:tabular-nums;background:#0203058f;border:1px solid #ccd6dd2e;border-radius:6px;width:92px;min-height:30px;padding:0 7px}.parameter-checkbox{accent-color:#72dfcf;justify-self:end;width:18px;height:18px}.parameter-empty{color:#95a3aa;margin:0;font-size:.78rem}.level-map-controls .level-map-toggle,#presetFolderDrops{display:none}.credits-title{color:#eef4f8;letter-spacing:.01em;margin:0 0 8px;font-size:1.05rem;font-weight:600}.credits{color:#95a3aa;border-top:1px solid #ccd6dd24;flex-direction:column;gap:4px;margin-top:auto;padding-top:14px;font-size:.75rem;display:flex}.credits a{color:#9be7dd;text-decoration:none}.credits a:hover{text-decoration:underline}.credits-source-line{flex-wrap:wrap;align-items:baseline;gap:0 4px;display:flex}.build-stamp{color:#6f7f89;white-space:nowrap;margin-left:auto;font-size:.68rem}.drop-target{pointer-events:none;opacity:0;background:#020305b8;place-items:center;transition:opacity .14s;display:grid;position:absolute;inset:0}.drop-target.is-visible{opacity:1}.drop-target div{color:#eef4f8;background:#080a0de6;border:1px solid #72dfcf7a;border-radius:8px;align-items:center;gap:10px;padding:14px 18px;font-weight:700;display:inline-flex}.favorite-burst{z-index:80;pointer-events:none;color:#f3c969;text-shadow:0 0 .22em #fffacc,0 0 .48em #f3c969fa,0 0 1em #72dfcfb8,0 0 1.55em #f3c9696b;font-size:5vmin;line-height:1;animation:.68s cubic-bezier(.17,.84,.28,1) forwards favorite-star-approach,.36s ease-in-out 2 favorite-glow-pulse;position:fixed;transform:translate(-50%,-50%)}.favorite-burst:before,.favorite-burst:after{content:"";opacity:0;background:currentColor;border-radius:999px;width:.16em;height:.16em;position:absolute;inset:50% auto auto 50%;box-shadow:-.58em -.16em #fffacceb,.5em -.38em #72dfcfe0,.42em .5em #f3c969bd}.favorite-burst:before{animation:.68s ease-out forwards favorite-sparks}.favorite-burst:after{animation:.52s ease-out 80ms forwards favorite-sparks;transform:rotate(42deg)}.favorite-burst.is-unfavorite{color:#eef4f8;text-shadow:0 0 .22em #fffffffa,0 0 .52em #c8d2d7e0,0 0 1.05em #72dfcf85,0 0 1.45em #95a3aa6b;animation:.62s cubic-bezier(.22,.72,.22,1) forwards unfavorite-star-recede,.3s ease-in-out 2 unfavorite-glow-pulse}@keyframes favorite-star-approach{0%{opacity:0;filter:none;transform:translate(-50%,-50%)rotate(-8deg)scale(.55)}18%{opacity:1;transform:translate(-50%,-50%)rotate(0)scale(1)}72%{opacity:.95;transform:translate(-50%,-50%)rotate(7deg)scale(2.65)}to{opacity:0;filter:blur(1.4px);transform:translate(-50%,-50%)rotate(10deg)scale(3)}}@keyframes favorite-glow-pulse{0%,to{text-shadow:0 0 .22em #fffacc,0 0 .48em #f3c969fa,0 0 1em #72dfcfb8,0 0 1.55em #f3c9696b}50%{text-shadow:0 0 .16em #fff,0 0 .7em #ffe17a,0 0 1.45em #72dfcfeb,0 0 2.2em #f3c969b8}}@keyframes unfavorite-star-recede{0%{opacity:0;filter:blur(1.4px);transform:translate(-50%,-50%)rotate(10deg)scale(3)}22%{opacity:.95;filter:blur();transform:translate(-50%,-50%)rotate(5deg)scale(2.15)}70%{opacity:.72;transform:translate(-50%,-50%)rotate(-4deg)scale(.75)}to{opacity:0;filter:blur(1px);transform:translate(-50%,-50%)rotate(-8deg)scale(.16)}}@keyframes unfavorite-glow-pulse{0%,to{text-shadow:0 0 .22em #fffffffa,0 0 .52em #c8d2d7e0,0 0 1.05em #72dfcf85,0 0 1.45em #95a3aa6b}50%{text-shadow:0 0 .18em #fff,0 0 .72em #eef4f8fa,0 0 1.38em #72dfcfd1,0 0 2em #95a3aa9e}}@keyframes favorite-sparks{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}35%{opacity:1}to{opacity:0;transform:translate(-50%,-50%)rotate(35deg)scale(1.6)}}.lucide{stroke-width:2px;width:18px;height:18px}.icon-button.large .lucide{width:22px;height:22px}@media (width<=720px){body{background:#090b0f;overflow:auto}.app-shell{min-height:860px;overflow:auto}#visualizerCanvas,.waveform-canvas,.level-map-canvas,.segmentation-canvas{height:44vh;min-height:280px;position:fixed}.deck-waveform{top:calc(44vh - var(--deck-waveform-height,128px) - 10px);height:var(--deck-waveform-height,128px);grid-template-rows:minmax(58px,1fr) 34px;gap:5px;padding:0;position:fixed;bottom:auto;left:0;right:0}.control-surface{border-bottom:0;border-left:0;border-right:0;border-radius:0;width:100%;min-width:0;min-height:56vh;inset:44vh 0 auto}.app-shell.is-control-minimized .control-surface{transform:translateY(calc(100% + 24px))}.control-resize-handle{display:none}.parameter-drawer{border-bottom:0;border-left:0;border-right:0;border-radius:8px 8px 0 0;width:100%;min-width:0;max-height:58vh;position:fixed;inset:auto 0 0}}.app-shell.is-viewport-fullscreen{z-index:10000;width:100vw;height:var(--app-height,100dvh);min-height:0;position:fixed;inset:0;overflow:hidden}.app-shell.is-viewport-fullscreen #visualizerCanvas,.app-shell.is-viewport-fullscreen .waveform-canvas,.app-shell.is-viewport-fullscreen .level-map-canvas,.app-shell.is-viewport-fullscreen .segmentation-canvas{width:100%;height:100%;min-height:0;position:absolute;inset:0}.app-shell.is-viewport-fullscreen .deck-waveform{right:0;bottom:max(16px, env(safe-area-inset-bottom));position:absolute;top:auto;left:0}.app-shell.is-viewport-fullscreen.is-control-minimized .deck-waveform,.app-shell.is-viewport-fullscreen.has-popped-out-controls .deck-waveform{right:0}.app-shell.is-viewport-fullscreen .control-surface{width:min(var(--control-width,380px), calc(100vw - 32px));border:1px solid #ccd6dd2e;border-radius:8px;min-width:288px;min-height:0;position:absolute;inset:16px 16px 16px auto}.app-shell.is-viewport-fullscreen .parameter-drawer{border:1px solid #ccd6dd2e;border-radius:8px;width:min(360px,100vw - 32px);min-width:288px;max-height:none;position:absolute;inset:16px 16px 16px auto}@media (width>=920px){.app-shell.is-viewport-fullscreen.has-parameter-drawer .control-surface{right:388px}}body.panel-popout-host{background:#090b0f;width:100vw;min-width:320px;height:100vh;min-height:520px;position:relative;overflow:hidden}body.panel-popout-host .control-surface{width:auto;min-width:0;min-height:100vh;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#080a0df5;border:0;border-radius:0;padding:18px;position:absolute;inset:0;overflow:auto}body.panel-popout-host.has-parameter-drawer .control-surface{right:min(360px,44vw)}body.panel-popout-host .parameter-drawer{width:min(360px,44vw);min-width:0;min-height:100vh;max-height:none;box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:#080a0df5;border:0;border-left:1px solid #ccd6dd2e;border-radius:0;position:absolute;inset:0 0 0 auto}@media (width<=680px){body.panel-popout-host.has-parameter-drawer .control-surface{right:0}body.panel-popout-host .parameter-drawer{border-left:0;width:100%;left:0}}