*{margin:0;padding:0;box-sizing:border-box}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--bg-inset)}::-webkit-scrollbar-thumb{background:var(--border-light);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}::-webkit-scrollbar-corner{background:var(--bg-inset)}*{scrollbar-width:thin;scrollbar-color:var(--border-light) var(--bg-inset)}:root{--radius: 2px;--font-ui: "JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--font-mono: "JetBrains Mono", "Fira Code", "SF Mono", "Consolas", monospace;--glow: 0 0 6px}[data-theme=carbon]{--primary: #3ec6c6;--primary-hover: #2fb0b0;--danger: #e05555;--warning: #d4a640;--success: #3cba6c;--track-1: #3ec6c6;--track-2: #e05555;--track-3: #3cba6c;--track-4: #a06edc;--track-5: #d4a640;--track-6: #dc64a0;--track-7: #5ba8e0;--track-8: #c8c040;--track-9: #7080e0;--track-10: #40c090;--region-1: rgba(62,198,198,.22);--region-2: rgba(224,85,85,.22);--region-3: rgba(60,186,108,.22);--region-4: rgba(160,110,220,.22);--region-5: rgba(212,166,64,.22);--region-6: rgba(220,100,160,.22);--bg: #101820;--bg-surface: #182028;--bg-surface-alt: #141c24;--bg-hover: #203040;--bg-inset: #0c1218;--text: #c0d0d8;--text-muted: #607078;--text-highlight: #e8f4f8;--border: #283840;--border-light: #304850;--border-dark: #0c1218;--waveform-color: #283840;--waveform-progress: #3ec6c6;--waveform-cursor: #5dd8d8;--waveform-bg: #0c1218;--selection-bg: rgba(62,198,198,.12);--selection-border: rgba(62,198,198,.5);--selection-sample-bg: rgba(62,198,198,.18);--selection-sample-border: rgba(62,198,198,.7)}[data-theme=carbon][data-mode=light]{--bg: #dce8ee;--bg-surface: #e8f0f4;--bg-surface-alt: #e0ecf0;--bg-hover: #c8dce4;--bg-inset: #f0f6f8;--text: #1a2c34;--text-muted: #507078;--text-highlight: #0a1820;--border: #b0c8d0;--border-light: #f0f6f8;--border-dark: #a0b8c4;--waveform-color: #a0c0c8;--waveform-progress: #2a9e9e;--waveform-cursor: #208888;--waveform-bg: #f0f6f8;--selection-bg: rgba(42,158,158,.15);--selection-border: rgba(42,158,158,.5);--selection-sample-bg: rgba(42,158,158,.2);--selection-sample-border: rgba(42,158,158,.7);--primary: #2a9e9e;--primary-hover: #208888}[data-theme=obsidian]{--primary: #7c6cf0;--primary-hover: #6a5ad8;--danger: #e05070;--warning: #d0a040;--success: #40b878;--track-1: #7c6cf0;--track-2: #e05070;--track-3: #40b878;--track-4: #50a0f0;--track-5: #d0a040;--track-6: #f07850;--track-7: #60c8e0;--track-8: #b8b040;--track-9: #a080e0;--track-10: #50d0a0;--region-1: rgba(124,108,240,.22);--region-2: rgba(224,80,112,.22);--region-3: rgba(64,184,120,.22);--region-4: rgba(80,160,240,.22);--region-5: rgba(208,160,64,.22);--region-6: rgba(240,120,80,.22);--bg: #0e1020;--bg-surface: #161830;--bg-surface-alt: #121428;--bg-hover: #202848;--bg-inset: #080a14;--text: #b0b8d8;--text-muted: #586090;--text-highlight: #d8ddf0;--border: #242c50;--border-light: #303860;--border-dark: #080a14;--waveform-color: #242c50;--waveform-progress: #7c6cf0;--waveform-cursor: #9a8cf8;--waveform-bg: #080a14;--selection-bg: rgba(124,108,240,.12);--selection-border: rgba(124,108,240,.5);--selection-sample-bg: rgba(124,108,240,.18);--selection-sample-border: rgba(124,108,240,.7)}[data-theme=obsidian][data-mode=light]{--bg: #e4e0f0;--bg-surface: #ece8f6;--bg-surface-alt: #e8e4f2;--bg-hover: #d4cee8;--bg-inset: #f2f0f8;--text: #1c1830;--text-muted: #585080;--text-highlight: #0e0a1c;--border: #c0b8d8;--border-light: #f2f0f8;--border-dark: #b0a8cc;--waveform-color: #b8b0d0;--waveform-progress: #6458c8;--waveform-cursor: #5448b0;--waveform-bg: #f2f0f8;--selection-bg: rgba(100,88,200,.15);--selection-border: rgba(100,88,200,.5);--selection-sample-bg: rgba(100,88,200,.2);--selection-sample-border: rgba(100,88,200,.7);--primary: #6458c8;--primary-hover: #5448b0}[data-theme=bullion]{--primary: #c8a050;--primary-hover: #b89040;--danger: #d05050;--warning: #d4a640;--success: #50b870;--track-1: #c8a050;--track-2: #a0a8b8;--track-3: #d4b860;--track-4: #8890a8;--track-5: #e0c070;--track-6: #b0b8c8;--track-7: #a89040;--track-8: #c0c8d8;--track-9: #d8b050;--track-10: #9098b0;--region-1: rgba(200,160,80,.22);--region-2: rgba(160,168,184,.22);--region-3: rgba(212,184,96,.22);--region-4: rgba(136,144,168,.22);--region-5: rgba(224,192,112,.22);--region-6: rgba(176,184,200,.22);--bg: #12121a;--bg-surface: #1a1a24;--bg-surface-alt: #161620;--bg-hover: #242430;--bg-inset: #0c0c12;--text: #c0c0c8;--text-muted: #686878;--text-highlight: #e8e4d8;--border: #2c2c38;--border-light: #383848;--border-dark: #0c0c12;--waveform-color: #2c2c38;--waveform-progress: #c8a050;--waveform-cursor: #d8b868;--waveform-bg: #0c0c12;--selection-bg: rgba(200,160,80,.12);--selection-border: rgba(200,160,80,.5);--selection-sample-bg: rgba(200,160,80,.18);--selection-sample-border: rgba(200,160,80,.7)}[data-theme=bullion][data-mode=light]{--bg: #e8e6e0;--bg-surface: #f0eee8;--bg-surface-alt: #ece8e4;--bg-hover: #d8d4cc;--bg-inset: #f6f4f0;--text: #2c2820;--text-muted: #706858;--text-highlight: #1a1810;--border: #c8c0b0;--border-light: #f6f4f0;--border-dark: #b8b0a0;--waveform-color: #c0b8a8;--waveform-progress: #a88838;--waveform-cursor: #907828;--waveform-bg: #f6f4f0;--selection-bg: rgba(168,136,56,.15);--selection-border: rgba(168,136,56,.5);--selection-sample-bg: rgba(168,136,56,.2);--selection-sample-border: rgba(168,136,56,.7);--primary: #a88838;--primary-hover: #907828}[data-theme=bubblewav]{--primary: #40c8e0;--primary-hover: #30b0c8;--danger: #e05060;--warning: #d0a050;--success: #50c080;--track-1: #40c8e0;--track-2: #e870a8;--track-3: #50d8c0;--track-4: #f080b8;--track-5: #60b8e8;--track-6: #d860a0;--track-7: #48e0d0;--track-8: #f890c0;--track-9: #38b0d0;--track-10: #e080b0;--region-1: rgba(64,200,224,.22);--region-2: rgba(232,112,168,.22);--region-3: rgba(80,216,192,.22);--region-4: rgba(240,128,184,.22);--region-5: rgba(96,184,232,.22);--region-6: rgba(216,96,160,.22);--bg: #0c1220;--bg-surface: #141c2c;--bg-surface-alt: #101828;--bg-hover: #1c2840;--bg-inset: #080e18;--text: #b0c8d8;--text-muted: #587088;--text-highlight: #d8ecf4;--border: #1c2c40;--border-light: #283850;--border-dark: #080e18;--waveform-color: #1c2c40;--waveform-progress: #40c8e0;--waveform-cursor: #60d8f0;--waveform-bg: #080e18;--selection-bg: rgba(64,200,224,.12);--selection-border: rgba(64,200,224,.5);--selection-sample-bg: rgba(64,200,224,.18);--selection-sample-border: rgba(64,200,224,.7)}[data-theme=bubblewav][data-mode=light]{--bg: #e0ecf4;--bg-surface: #e8f2f8;--bg-surface-alt: #e4f0f6;--bg-hover: #c8dce8;--bg-inset: #f0f6fa;--text: #142028;--text-muted: #486878;--text-highlight: #0a1418;--border: #a8c8d8;--border-light: #f0f6fa;--border-dark: #98b8c8;--waveform-color: #a0c0d0;--waveform-progress: #28a0b8;--waveform-cursor: #2090a0;--waveform-bg: #f0f6fa;--selection-bg: rgba(40,160,184,.15);--selection-border: rgba(40,160,184,.5);--selection-sample-bg: rgba(40,160,184,.2);--selection-sample-border: rgba(40,160,184,.7);--primary: #28a0b8;--primary-hover: #2090a0}[data-theme=ultraviolet]{--primary: #b060e0;--primary-hover: #9850c8;--danger: #e05070;--warning: #d0a050;--success: #50c088;--track-1: #b060e0;--track-2: #e05070;--track-3: #50c088;--track-4: #508ce0;--track-5: #e0a050;--track-6: #50c8dc;--track-7: #d080b0;--track-8: #90b850;--track-9: #8070d0;--track-10: #e08070;--region-1: rgba(176,96,224,.22);--region-2: rgba(224,80,112,.22);--region-3: rgba(80,192,136,.22);--region-4: rgba(80,140,224,.22);--region-5: rgba(224,160,80,.22);--region-6: rgba(80,200,220,.22);--bg: #140e20;--bg-surface: #1c1430;--bg-surface-alt: #181028;--bg-hover: #281e40;--bg-inset: #0c0814;--text: #c0b0d8;--text-muted: #685890;--text-highlight: #e0d4f0;--border: #2c2048;--border-light: #383058;--border-dark: #0c0814;--waveform-color: #2c2048;--waveform-progress: #b060e0;--waveform-cursor: #c880f0;--waveform-bg: #0c0814;--selection-bg: rgba(176,96,224,.12);--selection-border: rgba(176,96,224,.5);--selection-sample-bg: rgba(176,96,224,.18);--selection-sample-border: rgba(176,96,224,.7)}[data-theme=ultraviolet][data-mode=light]{--bg: #e8e0f0;--bg-surface: #f0e8f8;--bg-surface-alt: #ece4f4;--bg-hover: #d8cce8;--bg-inset: #f6f2fa;--text: #1c1028;--text-muted: #605080;--text-highlight: #0e0818;--border: #c4b0d8;--border-light: #f6f2fa;--border-dark: #b4a0c8;--waveform-color: #bca8d0;--waveform-progress: #9048c0;--waveform-cursor: #7838a8;--waveform-bg: #f6f2fa;--selection-bg: rgba(144,72,192,.15);--selection-border: rgba(144,72,192,.5);--selection-sample-bg: rgba(144,72,192,.2);--selection-sample-border: rgba(144,72,192,.7);--primary: #9048c0;--primary-hover: #7838a8}body{font-family:var(--font-ui);background:var(--bg);color:var(--text);line-height:1.4;font-size:12px}a{color:var(--primary);text-decoration:none}a:hover{color:var(--text-highlight)}.loading{display:flex;justify-content:center;align-items:center;min-height:200px;color:var(--text-muted)}.spinner{width:20px;height:20px;border:2px solid var(--border);border-top-color:var(--primary);border-radius:50%;animation:spin .6s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.raised{border:1px solid var(--border);box-shadow:inset 0 1px 0 var(--border-light)}.sunken{border:1px solid var(--border-dark);box-shadow:inset 0 1px 0 var(--border-dark)}.btn{padding:4px 10px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);box-shadow:inset 0 1px 0 var(--border-light);color:var(--text);cursor:pointer;font-family:var(--font-ui);font-size:11px}.btn:hover{background:var(--bg-hover)}.btn:active{box-shadow:inset 0 1px 3px var(--border-dark)}.btn:focus-visible{outline:1px solid var(--primary);outline-offset:1px}.btn:disabled{opacity:.5;cursor:not-allowed}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--text-highlight);box-shadow:none}.btn-primary:hover{background:var(--primary-hover)}.btn-primary:active{box-shadow:inset 0 1px 3px #0000004d}.btn-danger{color:var(--danger)}.btn-sm{padding:2px 8px;font-size:11px}input[type=text],input[type=email],input[type=password],input[type=number]{padding:4px 6px;border:1px solid var(--border-dark);border-radius:var(--radius);background:var(--bg-inset);color:var(--text);font-family:var(--font-mono);font-size:12px;width:100%}input:focus{outline:1px solid var(--primary);outline-offset:-1px}select{padding:3px 4px;border:1px solid var(--border-dark);border-radius:var(--radius);background:var(--bg-inset);color:var(--text);font-family:var(--font-ui);font-size:11px}.navbar{display:flex;align-items:center;justify-content:space-between;padding:4px 8px;background:var(--bg-surface);border-bottom:1px solid var(--border-dark);box-shadow:inset 0 1px 0 var(--border-light)}.nav-brand{font-weight:700;font-size:12px;color:var(--text-highlight);font-family:var(--font-mono);text-transform:uppercase;letter-spacing:1px;padding:2px 8px}.nav-links{display:flex;align-items:center;gap:2px}.nav-links a{padding:2px 8px;color:var(--text);font-size:11px}.nav-links a{transition:background .1s}.nav-links a:hover{background:var(--bg-hover);color:var(--text-highlight);text-decoration:none}.nav-sep{color:var(--border);padding:0 2px;font-size:11px}.nav-user{color:var(--text-muted);font-size:11px;padding:0 6px}.theme-picker{display:flex;gap:2px;align-items:center;padding:0 4px}.theme-swatch{width:14px;height:14px;border:1px solid var(--border);border-radius:var(--radius);cursor:pointer;padding:0}.theme-swatch:hover{border-color:var(--text-highlight)}.theme-swatch.active{border-color:var(--text-highlight);box-shadow:0 0 4px var(--primary)}.mode-toggle{font-family:var(--font-mono);font-size:10px;padding:1px 5px;margin-left:2px}.status-bar{padding:3px 8px;background:var(--bg-surface);border-top:1px solid var(--border-light);font-size:11px;color:var(--text-muted);font-family:var(--font-mono);display:flex;gap:12px;align-items:center}.status-bar-section{padding:0 8px;border-right:1px solid var(--border)}.status-bar-section:last-child{border-right:none}.status-bar-right{margin-left:auto;border-right:none;border-left:1px solid var(--border)}.link-status{display:flex;align-items:center;gap:6px;font-size:11px}.link-connected{color:var(--text-muted)}.link-dot{width:6px;height:6px;border-radius:50%;background:var(--green, #3cba6c);box-shadow:0 0 4px var(--green, #3cba6c)}.link-download{color:var(--primary);text-decoration:none;font-weight:600}.link-download:hover{text-decoration:underline}.main-content{padding:4px}.auth-page{display:flex;justify-content:center;align-items:center;min-height:calc(100vh - 60px)}.auth-form{background:var(--bg-surface);padding:4px;border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light);width:100%;max-width:360px;display:flex;flex-direction:column;gap:8px}.auth-form-title{background:var(--primary);color:var(--text-highlight);padding:3px 8px;font-size:12px;font-weight:700;margin:-4px -4px 4px}.auth-form h1{font-size:12px;text-align:center;font-weight:700}.auth-form-body{padding:8px;display:flex;flex-direction:column;gap:8px}.error{color:var(--danger);font-size:11px;text-align:center}.projects-page h1{margin-bottom:8px;font-size:14px}.create-project-form{display:flex;gap:4px;margin-bottom:8px}.create-project-form input{flex:1}.project-list{display:flex;flex-direction:column;gap:2px}.project-card{padding:8px 10px;background:var(--bg-surface);cursor:pointer;border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light)}.project-card:hover{background:var(--bg-hover);border-color:var(--primary)}.project-card-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:2px}.project-card-actions{display:flex;gap:4px}.project-meta{display:flex;gap:10px;font-size:11px;color:var(--text-muted)}.badge{padding:1px 6px;background:var(--bg-inset);border:1px solid var(--border);font-size:10px;text-transform:uppercase;font-family:var(--font-mono)}.file-name{font-style:italic}.empty-state{color:var(--text-muted);font-style:italic;font-size:11px}.invites-page h1{margin-bottom:8px;font-size:14px}.invite-list{display:flex;flex-direction:column;gap:2px}.invite-card{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light)}.project-page{display:flex;flex-direction:column;gap:8px}.track-list-section h3{margin-bottom:4px;font-size:12px}.track-list{display:flex;flex-direction:column;gap:2px}.track-card{padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light);cursor:pointer;display:flex;justify-content:space-between;align-items:center}.track-card:hover{background:var(--bg-hover);border-color:var(--primary)}.track-card-header h4{margin-bottom:2px;font-size:12px}.track-card-meta{display:flex;gap:8px;font-size:11px;color:var(--text-muted);align-items:center}.track-card-actions{display:flex;gap:4px}.permissions-list{display:flex;flex-direction:column;gap:2px}.permission-row{display:flex;justify-content:space-between;align-items:center;padding:4px 6px;background:var(--bg-inset);border:1px solid var(--border);font-size:12px}.permission-row-inactive{opacity:.6}.permission-controls{display:flex;gap:4px;align-items:center}.permission-controls select{padding:2px 4px;background:var(--bg-inset);border:1px solid var(--border);color:var(--text);font-size:11px}.editor-page{display:flex;flex-direction:column;gap:4px}.editor-header{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light)}.editor-title-row{display:flex;align-items:center;gap:8px}.editor-title-row h1{font-size:13px}.editor-actions{display:flex;align-items:center;gap:6px}.presence-indicators{display:flex;gap:2px}.presence-dot{width:20px;height:20px;border-radius:var(--radius);background:var(--primary);color:var(--text-highlight);font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;cursor:default;border:1px solid var(--border-dark)}.presence-dot:nth-child(2){background:var(--success)}.presence-dot:nth-child(3){background:#86c}.presence-dot:nth-child(4){background:var(--warning)}.presence-dot:nth-child(5){background:var(--danger)}.undo-redo-controls{display:flex;gap:2px}.save-status{font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.save-status.unsaved{color:var(--warning)}.error-banner{padding:4px 8px;background:var(--bg-inset);border:2px solid var(--danger);display:flex;justify-content:space-between;align-items:center;font-size:11px}.conflict-banner{padding:4px 8px;background:var(--bg-inset);border:2px solid var(--warning);font-size:11px}.conflict-banner p{margin-bottom:4px}.conflict-actions{display:flex;gap:4px}.file-section{padding:6px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light)}.file-prompt{text-align:center}.file-prompt p{margin-bottom:6px;color:var(--text-muted);font-size:11px}.file-prompt-actions{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.file-attached{display:flex;align-items:center;gap:8px;font-size:11px}.file-mismatch{padding:6px;background:var(--bg-inset);border:2px solid var(--danger);display:flex;align-items:center;gap:8px;flex-wrap:wrap;font-size:11px}.file-mismatch p{flex:1;min-width:200px}.waveform-section{display:flex;flex-direction:column;gap:2px}.waveform-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding:4px 6px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light)}.waveform-transport-btns{display:flex;align-items:center;gap:2px}.btn-transport{display:flex;align-items:center;justify-content:center;width:28px;height:24px;padding:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer}.btn-transport:hover{background:var(--bg-hover);color:var(--text-highlight)}.btn-transport:active{box-shadow:inset 0 1px 3px #0000004d}.btn-transport-active{color:var(--primary);border-color:var(--primary)}.time-display{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);font-variant-numeric:tabular-nums}.zoom-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.zoom-label{font-size:11px;color:var(--text-muted);min-width:50px;text-align:center;font-family:var(--font-mono);font-variant-numeric:tabular-nums}.waveform-scroll-wrapper{overflow-x:auto;overflow-y:hidden;border:1px solid var(--border-dark);border-radius:var(--radius);background:var(--waveform-bg)}.waveform-inner,.spectrogram-container{position:relative}.spectrogram-container canvas{display:block}.btn-active{background:var(--primary);color:var(--text-highlight)}.waveform-overlay{position:absolute;top:0;left:0;right:0;bottom:0;z-index:10;pointer-events:auto;cursor:crosshair}.waveform-region{position:absolute;top:0;height:100%;pointer-events:auto;cursor:pointer}.waveform-region:hover{filter:brightness(1.3)}.waveform-region-selected{outline:1px solid var(--primary);outline-offset:-1px}.waveform-selection{position:absolute;top:0;height:100%;z-index:12}.waveform-selection-free{background:var(--selection-bg);border-left:2px solid var(--selection-border);border-right:2px solid var(--selection-border)}.waveform-selection-sample{background:var(--selection-sample-bg);border-left:2px solid var(--selection-sample-border);border-right:2px solid var(--selection-sample-border)}.sel-handle{position:absolute;top:0;height:100%;width:20px;margin-left:-10px;pointer-events:none;z-index:15;display:flex;flex-direction:column;align-items:center;cursor:ew-resize}.sel-handle-thumb{width:8px;height:28px;margin-top:4px;background:var(--text-muted);border:1px solid var(--text-highlight);border-radius:3px;flex-shrink:0;transition:transform .1s,background .1s}.sel-handle-thumb:after{content:"";display:block;width:2px;height:12px;margin:7px auto;background:var(--text-highlight);border-radius:1px;opacity:.5}.sel-handle:hover .sel-handle-thumb,.sel-handle-dragging .sel-handle-thumb{transform:scaleX(1.3);background:var(--text-highlight)}.sel-handle-line{width:2px;flex:1;background:var(--text-muted)}.sel-handle-sample .sel-handle-thumb,.sel-handle-sample .sel-handle-line,.sel-handle-sample:hover .sel-handle-thumb,.sel-handle-sample.sel-handle-dragging .sel-handle-thumb{background:var(--primary)}.region-marker-selection{position:absolute;top:0;height:100%;border:2px solid var(--selection-border);pointer-events:none;z-index:5}.region-marker-selection-sample{border-color:var(--primary)}.waveform-context-menu{position:fixed;z-index:200;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0006;padding:2px 0;min-width:120px}.waveform-context-item{display:block;width:100%;padding:3px 12px;background:none;border:none;color:var(--text);font-size:11px;font-family:var(--font-ui);text-align:left;cursor:pointer}.waveform-context-item:hover{background:var(--primary);color:var(--text-highlight)}.waveform-loop-btn{border:2px solid var(--border)}.waveform-loop-active{background:var(--primary)!important;border-color:var(--primary)!important;color:var(--text-highlight)}.regions-overlay{position:relative;height:24px;background:var(--bg-surface);border:1px solid var(--border-dark);border-radius:var(--radius);overflow:hidden;cursor:pointer}.minimap-viewport{position:absolute;top:0;height:100%;border:1.5px solid var(--primary);border-radius:2px;background:#3b82f614;pointer-events:auto;cursor:grab;z-index:3}.region-marker{position:absolute;top:0;height:100%;cursor:pointer;display:flex;align-items:center;padding:0 2px}.region-marker:hover{filter:brightness(1.3)}.region-marker-selected{outline:2px solid var(--primary);outline-offset:-1px}.region-playing{filter:brightness(1.5)}.regions-playhead{position:absolute;top:0;width:2px;height:100%;background:var(--text-highlight);pointer-events:none;z-index:10}.regions-playhead--idle{opacity:.85;width:2px;background:var(--primary)}.region-label{font-size:9px;font-family:var(--font-mono);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.region-list{margin-top:2px}.region-list h3{margin-bottom:0;font-size:12px}.region-list-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:4px}.region-list-actions{display:flex;gap:4px;align-items:center}.region-filter-input{width:120px;padding:2px 6px;font-size:11px;background:var(--bg-inset);border:2px solid;border-color:var(--border-dark) var(--border-light) var(--border-light) var(--border-dark);color:var(--text);font-family:var(--font-mono)}.companion-status{margin-bottom:4px}.companion-badge{font-size:10px;padding:2px 8px;border-radius:10px;display:inline-block}.companion-online{background:#4caf5026;color:#4caf50;border:1px solid rgba(76,175,80,.3)}.companion-offline{background:#ffffff0d;color:var(--text-muted);border:1px solid var(--border)}.companion-offline a{color:var(--primary);text-decoration:none}.companion-offline a:hover{text-decoration:underline}.editor-dragover{outline:2px dashed var(--primary);outline-offset:-2px}.seq-export-controls{display:flex;align-items:center;gap:3px}.seq-export-select{padding:2px 3px;font-size:10px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.region-sort-select{padding:2px 4px;font-size:10px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.suggest-modal{max-width:600px;width:100%}.suggest-controls{display:flex;flex-direction:column;gap:4px;padding:8px 12px;border-bottom:1px solid var(--border)}.suggest-controls-label{font-size:10px;color:var(--text-muted);margin-right:4px}.suggest-presets,.suggest-filters{display:flex;align-items:center;gap:4px;flex-wrap:wrap}.suggest-actions{display:flex;gap:6px;padding:6px 12px;border-bottom:1px solid var(--border)}.suggest-list{max-height:400px;overflow-y:auto;padding:4px 0}.suggest-item{display:flex;flex-direction:column;gap:4px;padding:6px 12px;cursor:pointer;border-bottom:1px solid var(--border-dark);font-size:11px}.suggest-item:hover{background:var(--bg-hover)}.suggest-selected{background:#5a8fbf14}.suggest-item-main{display:flex;align-items:center;gap:8px;width:100%}.suggest-label{font-weight:600;min-width:100px}.suggest-time{color:var(--text-muted);font-family:var(--font-mono);font-size:10px}.suggest-confidence{color:var(--text-muted);font-size:10px;min-width:30px;text-align:right}.suggest-expand-btn{padding:0 4px;font-size:10px;line-height:1}.suggest-tags{display:flex;gap:3px;flex-wrap:wrap}.suggest-tag{display:inline-block;padding:1px 5px;font-size:9px;font-weight:600;color:#fff;border-radius:3px;text-transform:uppercase;letter-spacing:.3px}.suggest-details{padding:6px 0 2px 24px;display:flex;flex-direction:column;gap:6px}.suggest-scores{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:3px}.score-bar{display:flex;align-items:center;gap:4px;font-size:9px}.score-bar-label{min-width:36px;color:var(--text-muted)}.score-bar-track{flex:1;height:6px;background:var(--bg-hover);border-radius:3px;overflow:hidden}.score-bar-fill{height:100%;border-radius:3px;transition:width .2s}.score-bar-value{min-width:20px;text-align:right;color:var(--text-muted)}.suggest-meta{display:flex;gap:12px;font-size:10px;color:var(--text-muted)}.region-tags{display:flex;gap:2px;margin-top:1px}.region-tag{font-size:8px;padding:0 3px;background:var(--primary);color:var(--text-highlight);border-radius:2px;text-transform:uppercase}.editor-analysis-tag{font-size:10px;font-family:var(--font-mono);color:var(--primary);background:var(--bg-inset);padding:2px 6px;border-radius:var(--radius);border:1px solid var(--border)}.analysis-loading{animation:analysis-pulse 1.2s ease-in-out infinite}@keyframes analysis-pulse{0%,to{opacity:1}50%{opacity:.4}}.bpm-input-group{display:inline-flex;align-items:center;gap:3px;font-size:10px;font-family:var(--font-mono);color:var(--primary);background:var(--bg-inset);padding:2px 6px;border-radius:var(--radius);border:1px solid var(--border);cursor:text}.bpm-input{width:3.5ch;background:transparent;border:none;color:inherit;font:inherit;padding:0;text-align:right;-moz-appearance:textfield}.bpm-input::-webkit-inner-spin-button,.bpm-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.bpm-input:focus{outline:none}.bpm-label{opacity:.7}.processing-bar{display:flex;align-items:center;gap:8px;padding:4px 6px}.processing-bar-track{flex:1;height:4px;background:var(--bg-inset);border-radius:2px;overflow:hidden}.processing-bar-fill{height:100%;width:40%;background:var(--primary);border-radius:2px;animation:processing-slide 1s ease-in-out infinite}.processing-bar-fill.processing-bar-determinate{animation:none;transition:width .15s ease-out}@keyframes processing-slide{0%{transform:translate(-100%)}to{transform:translate(250%)}}.processing-label{font-size:10px;color:var(--text-muted);white-space:nowrap}.editor-tools{display:flex;gap:4px;padding:4px 6px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.region-table{width:100%;border-collapse:collapse}.region-table th{text-align:left;padding:3px 6px;border:1px solid var(--border);font-size:11px;color:var(--text-muted);background:var(--bg-surface-alt)}.region-table td{padding:2px 6px;border:1px solid var(--border);font-size:11px}.region-table tbody tr{cursor:pointer}.region-table tbody tr:hover{background:var(--bg-hover)}.region-row-selected{background:var(--bg-hover)!important;outline:1px solid var(--primary);outline-offset:-1px}.region-checkbox-cell{width:20px;text-align:center}.region-checkbox-cell input[type=checkbox],.region-table thead th:first-child input[type=checkbox]{cursor:pointer;accent-color:var(--primary)}.batch-actions-bar{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--bg-surface);border:1px solid var(--primary);border-radius:var(--radius);margin-bottom:4px;font-size:11px}.batch-count{font-weight:600;color:var(--primary);margin-right:auto}.region-time-cell{font-variant-numeric:tabular-nums;color:var(--text-muted);font-size:11px;font-family:var(--font-mono)}.region-label-input{width:100%;background:transparent;border:1px solid transparent;font-family:var(--font-ui);font-size:11px;color:var(--text);padding:1px 2px}.region-label-input:hover{border-color:var(--border)}.region-label-input:focus{border-color:var(--primary)}.region-actions{display:flex;gap:2px}.region-edit-hint{margin-top:4px;font-size:10px;color:var(--text-muted);font-style:italic}.version-history{margin-top:4px}.version-list{margin-top:4px;display:flex;flex-direction:column;gap:2px;max-height:200px;overflow-y:auto}.version-row{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;background:var(--bg-surface);border:1px solid var(--border);font-size:11px}.version-info{display:flex;gap:8px;align-items:center}.version-number{font-weight:700;color:var(--primary);min-width:24px;font-family:var(--font-mono)}.version-meta{color:var(--text-muted)}.region-color-cell{position:relative}.region-color-swatch{width:14px;height:14px;border:2px solid var(--border);cursor:pointer;padding:0}.region-color-swatch:hover{border-color:var(--text-highlight)}.color-picker-popup{position:absolute;top:100%;left:0;z-index:30;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0006;padding:4px;display:flex;gap:3px;flex-wrap:wrap;width:110px}.color-picker-option{width:16px;height:16px;border:1px solid transparent;cursor:pointer;padding:0}.color-picker-option:hover{border-color:var(--text-highlight)}.invite-section{padding:6px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light)}.invite-section h3{margin-bottom:4px;font-size:12px}.invite-form{display:flex;gap:4px}.invite-form input{flex:1}.invite-msg{margin-top:4px;font-size:11px;color:var(--text-muted)}.invite-card-actions{display:flex;gap:4px}.member-list{display:flex;flex-direction:column;gap:2px;margin-bottom:8px}.member-card{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;background:var(--bg-inset);border:1px solid var(--border);font-size:12px}.invite-section h4{margin-bottom:4px;font-size:11px;color:var(--text-muted)}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#000000b3;display:flex;justify-content:center;align-items:center;z-index:100}.modal{background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 24px #00000080;padding:0;min-width:300px;max-width:90vw}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:3px 8px;background:var(--primary);color:var(--text-highlight);font-size:12px}.modal-header h3{font-size:12px}.shortcuts-table{width:100%}.shortcuts-table td{padding:3px 6px;border-bottom:1px solid var(--border);font-size:11px}.shortcuts-table td:first-child{width:120px}kbd{display:inline-block;padding:1px 6px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 -1px 0 var(--border-dark);font-family:var(--font-mono);font-size:11px}.project-header-actions{display:flex;gap:4px;align-items:center}.sequencer-page{display:flex;flex-direction:column;gap:4px}.seq-header{display:flex;align-items:center;gap:8px;padding:4px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light)}.seq-header h1{font-size:13px;font-family:var(--font-mono)}.seq-arrangement{display:flex;gap:2px;align-items:flex-start}.seq-browser{width:180px;min-width:180px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);max-height:500px;overflow-y:auto;flex-shrink:0}.seq-browser-title{padding:3px 8px;font-size:11px;font-weight:700;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg-surface-alt);z-index:1;text-transform:uppercase;letter-spacing:.5px}.seq-browser-empty{padding:8px;font-size:11px;color:var(--text-muted);font-style:italic}.seq-browser-group-title{padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted);background:var(--bg-inset);letter-spacing:.5px;border-bottom:1px solid var(--border)}.seq-browser-item{display:flex;align-items:center;gap:4px;padding:3px 8px;font-size:11px;cursor:grab;border-bottom:1px solid var(--border-dark)}.seq-browser-item:hover{background:var(--bg-hover)}.seq-browser-item:active{cursor:grabbing}.seq-browser-item-disabled{opacity:.4;cursor:not-allowed}.seq-browser-item-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.seq-browser-item-status{font-size:9px;color:var(--text-muted)}.seq-browser-item-key{font-size:8px;color:var(--primary);background:var(--bg-inset);padding:0 3px;border-radius:2px;margin-left:auto;flex-shrink:0}.seq-browser-filter{display:block;width:calc(100% - 16px);margin:4px 8px;padding:2px 4px;font-size:10px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.seq-transport{display:flex;justify-content:space-between;align-items:center;padding:4px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light);flex-wrap:wrap;gap:8px}.seq-transport-left{display:flex;align-items:center;gap:8px}.seq-transport-right{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.seq-control{display:flex;align-items:center;gap:4px;font-size:11px;color:var(--text-muted)}.seq-control select,.seq-bpm-input{padding:3px 4px;background:var(--bg-inset);border:1px solid var(--border-dark);border-radius:var(--radius);color:var(--text-highlight);font-size:12px;font-family:var(--font-mono)}.seq-bpm-input{width:50px;text-align:center}.seq-step-indicator{font-variant-numeric:tabular-nums;font-size:12px;color:var(--text-highlight);font-family:var(--font-mono);min-width:40px;padding:2px 6px;background:var(--bg-inset);border:1px solid var(--border-dark);border-radius:var(--radius);text-align:center}.seq-file-attacher{padding:4px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:inset 0 1px 0 var(--border-light)}.seq-file-attacher h3{margin-bottom:4px;font-size:11px;text-transform:uppercase}.seq-track-file-list{display:flex;flex-direction:column;gap:2px}.seq-track-file-row{display:flex;justify-content:space-between;align-items:center;padding:2px 6px;background:var(--bg-inset);border:1px solid var(--border);font-size:11px}.seq-track-file-info{display:flex;gap:8px;align-items:center}.seq-track-file-title{font-weight:700}.seq-track-file-status{color:var(--text-muted)}.seq-track-file-actions{display:flex;gap:3px}.status-ready{color:var(--success)}.status-loading{color:var(--warning)}.status-error{color:var(--danger)}.status-pending{color:var(--text-muted)}.seq-grid-wrapper{overflow-x:auto;border:1px solid var(--border-dark);border-radius:var(--radius);background:var(--bg-inset);flex:1}.seq-grid-empty{padding:16px;text-align:center}.seq-header-row{display:flex;border-bottom:2px solid var(--border);background:var(--bg-surface-alt)}.seq-grid-header{padding:2px 0;text-align:center;font-size:10px;font-family:var(--font-mono);color:var(--text-muted);flex-shrink:0;border-right:1px solid var(--border-dark)}.seq-track-header{padding:2px 8px;font-size:10px;font-weight:700;text-transform:uppercase;color:var(--text-muted);background:var(--bg-surface-alt);border-bottom:1px solid var(--border);letter-spacing:.5px}.seq-sample-row{display:flex;border-bottom:1px solid var(--border)}.seq-grid-label{width:200px;min-width:200px;padding:2px 6px;font-size:11px;display:flex;align-items:center;gap:4px;white-space:nowrap;border-right:2px solid var(--border);background:var(--bg-surface)}.seq-color-dot{width:6px;height:6px;flex-shrink:0}.seq-timeline{position:relative;display:flex;flex-shrink:0}.seq-grid-cell{flex-shrink:0;border-right:1px solid var(--border-dark);cursor:pointer}.seq-grid-cell:hover{background:var(--bg-hover)}.seq-beat-start{border-left:2px solid var(--border)}.seq-playhead{background:#ffffff0f!important}.seq-disabled{opacity:.3;cursor:not-allowed;pointer-events:none}.seq-muted-row{opacity:.35}.seq-clip{position:absolute;top:1px;bottom:1px;border:1px solid;border-radius:var(--radius);overflow:hidden;cursor:grab;z-index:5}.seq-clip:active{cursor:grabbing}.seq-clip-waveform{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;pointer-events:none}.seq-clip-label{position:absolute;top:1px;left:3px;font-size:9px;font-family:var(--font-mono);color:var(--text-highlight);text-shadow:0 1px 1px rgba(0,0,0,.8);pointer-events:none;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:calc(100% - 12px)}.seq-clip-resize-handle{position:absolute;top:0;right:0;width:5px;height:100%;cursor:ew-resize;background:#ffffff1a}.seq-clip-resize-handle:hover{background:#ffffff4d}.seq-clip-selected{outline:2px solid var(--primary);outline-offset:-1px;z-index:6!important}.seq-drop-ghost{position:absolute;top:2px;bottom:2px;background:var(--primary);opacity:.2;border:2px dashed var(--primary);border-radius:var(--radius);pointer-events:none;z-index:4;overflow:hidden}.seq-drop-ghost-label{position:absolute;top:1px;left:3px;font-size:9px;font-family:var(--font-mono);color:var(--text-highlight);opacity:.8;white-space:nowrap}.seq-clip-fade{position:absolute;top:0;bottom:0;pointer-events:none;z-index:2}.seq-clip-fade-in{left:0;background:linear-gradient(to right,rgba(0,0,0,.6),transparent)}.seq-clip-fade-out{right:0;background:linear-gradient(to left,rgba(0,0,0,.6),transparent)}.seq-color-picker{width:12px;height:12px;padding:0;border:1px solid var(--border);border-radius:50%;cursor:pointer;flex-shrink:0;-webkit-appearance:none;-moz-appearance:none;appearance:none}.seq-color-picker::-webkit-color-swatch-wrapper{padding:0}.seq-color-picker::-webkit-color-swatch{border:none;border-radius:50%}.seq-context-menu{z-index:100;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0006;padding:4px 0;min-width:160px}.seq-context-menu button{display:flex;align-items:center;justify-content:space-between;width:100%;padding:4px 12px;background:none;border:none;color:var(--text);font-size:11px;font-family:var(--font-ui);cursor:pointer;text-align:left}.seq-context-menu button:hover{background:var(--bg-hover)}.seq-context-menu button:disabled{opacity:.4;cursor:not-allowed}.seq-context-menu button:disabled:hover{background:none}.seq-context-menu kbd{font-size:9px;opacity:.5;margin-left:12px}.seq-context-divider{height:1px;background:var(--border);margin:4px 0}.seq-edit-menu{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius)}.seq-edit-menu-hint{font-size:10px;color:var(--text-muted);margin-left:8px}.seq-pitch-controls{display:flex;align-items:center;gap:6px;margin-left:8px;padding-left:8px;border-left:1px solid var(--border)}.seq-pitch-input{width:42px;padding:1px 4px;font-size:11px;font-family:var(--font-mono);background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);text-align:center}.seq-track-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;cursor:default;font-size:11px}.seq-track-name-input{flex:1;min-width:0;padding:1px 3px;font-size:11px;background:var(--bg-inset);border:1px solid var(--primary);color:var(--text);outline:none;font-family:var(--font-ui)}.seq-delete-track-btn{width:16px;height:16px;border:1px solid var(--border);background:transparent;color:var(--text-muted);font-size:10px;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.seq-delete-track-btn:hover{color:var(--danger);border-color:var(--danger)}.seq-add-track-row{padding:4px 8px;border-top:1px solid var(--border)}.seq-timeline.seq-drop-active{background:#5a8fbf14}.seq-sample-name{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0}.seq-row-controls{display:flex;align-items:center;gap:2px;margin-left:auto;flex-shrink:0}.seq-volume-slider{width:36px;height:4px;cursor:pointer;accent-color:var(--primary)}.seq-mute-btn,.seq-solo-btn{width:16px;height:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-muted);font-size:9px;font-weight:700;cursor:pointer;padding:0;display:flex;align-items:center;justify-content:center;line-height:1}.seq-mute-btn:hover{color:var(--danger);border-color:var(--danger)}.seq-solo-btn:hover{color:var(--warning);border-color:var(--warning)}.seq-btn-active.seq-mute-btn{background:var(--danger);color:var(--text-highlight);border-color:var(--danger);box-shadow:0 0 4px var(--danger)}.seq-btn-active.seq-solo-btn{background:var(--warning);color:#000;border-color:var(--warning);box-shadow:0 0 4px var(--warning)}.seq-master-vol{width:50px;cursor:pointer;accent-color:var(--primary)}.seq-snap-on,.seq-loop-on,.seq-metro-on,.seq-warp-on{background:var(--success);border-color:var(--success);color:var(--text-highlight)}.seq-snap-on:hover,.seq-loop-on:hover,.seq-metro-on:hover,.seq-warp-on:hover{opacity:.9}.seq-theme-controls{display:flex;gap:4px;align-items:center}.seq-theme-select{padding:2px 4px;font-size:11px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text)}.seq-zoom-controls{display:flex;align-items:center;gap:4px;margin-left:auto}.seq-zoom-label{font-size:10px;font-family:var(--font-mono);color:var(--text-muted);min-width:30px;text-align:center}.seq-minimap{position:relative;height:24px;background:var(--bg-inset);border:1px solid var(--border-dark);border-radius:var(--radius);overflow:hidden}.seq-minimap-clip{position:absolute;background:var(--primary);opacity:.4;border-radius:1px}.seq-minimap-playhead{position:absolute;top:0;bottom:0;width:1px;background:var(--text-highlight);z-index:1}.seq-vu-meter{border-radius:1px;background:var(--bg-inset);flex-shrink:0}.seq-pattern-selector{display:flex;gap:2px;margin-left:auto}.seq-chain-bar{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);flex-wrap:wrap}.seq-chain-label{font-size:10px;color:var(--text-muted);font-weight:600}.seq-chain-item{display:inline-flex;align-items:center;gap:2px;padding:1px 6px;font-size:11px;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:var(--radius)}.seq-chain-active{border-color:var(--primary);background:var(--primary);color:var(--text-highlight)}.seq-chain-remove{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:12px;padding:0 1px;line-height:1}.seq-chain-remove:hover{color:var(--danger)}.seq-track-grip{cursor:grab;color:var(--text-muted);font-size:10px;flex-shrink:0;opacity:.5}.seq-track-grip:hover{opacity:1}.seq-grid-label[draggable]:active .seq-track-grip{cursor:grabbing}.seq-fx-btn{width:20px;height:16px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);color:var(--text-muted);cursor:pointer;font-size:8px;font-weight:700;font-family:var(--font-mono);padding:0;display:flex;align-items:center;justify-content:center}.seq-fx-btn:hover{color:var(--primary);border-color:var(--primary)}.seq-fx-active{background:var(--primary);color:var(--text-highlight);border-color:var(--primary);box-shadow:0 0 4px var(--primary)}.fx-modal{max-width:420px;width:100%}.fx-chain-list{display:flex;flex-direction:column;gap:2px;padding:8px;max-height:400px;overflow-y:auto}.fx-chain-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.fx-signal-label{text-align:center;font-size:9px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:1px;padding:4px 0}.fx-chain-arrow{text-align:center;color:var(--text-muted);font-size:12px;line-height:1;padding:2px 0}.fx-card{border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-surface);overflow:hidden}.fx-card-disabled{opacity:.5}.fx-card-header{display:flex;align-items:center;gap:6px;padding:4px 6px;background:var(--bg-surface-alt);border-bottom:1px solid var(--border-dark)}.fx-card-order{display:flex;flex-direction:column;gap:0}.fx-arrow-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:10px;line-height:1;padding:0 2px}.fx-arrow-btn:hover{color:var(--text-highlight)}.fx-arrow-btn:disabled{opacity:.3;cursor:not-allowed}.fx-toggle{padding:1px 4px;font-size:9px;font-weight:700;font-family:var(--font-mono);border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-inset);color:var(--text-muted);cursor:pointer}.fx-toggle-on{background:var(--success);color:var(--text-highlight);border-color:var(--success)}.fx-card-name{flex:1;font-size:11px;font-weight:600}.fx-remove-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:14px;line-height:1;padding:0 2px}.fx-remove-btn:hover{color:var(--danger)}.fx-card-params{padding:6px 8px;display:flex;flex-direction:column;gap:4px}.fx-param-row{display:flex;align-items:center;gap:6px}.fx-param-label{font-size:10px;color:var(--text-muted);width:60px;flex-shrink:0}.fx-param-slider{flex:1;height:4px;cursor:pointer;accent-color:var(--primary)}.fx-param-value{font-size:10px;font-family:var(--font-mono);color:var(--text);width:55px;text-align:right;flex-shrink:0}.fx-add-section{padding:8px;border-top:1px solid var(--border)}.fx-picker{display:flex;flex-direction:column;gap:6px}.fx-picker-group{display:flex;flex-wrap:wrap;gap:4px;align-items:center}.fx-picker-category{font-size:9px;font-family:var(--font-mono);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;width:60px;flex-shrink:0}.fx-picker-item{padding:4px 10px;font-size:11px;background:var(--bg-surface-alt);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);cursor:pointer}.fx-picker-item:hover{background:var(--bg-hover);border-color:var(--primary)}.fx-picker-cancel{padding:4px 10px;font-size:11px;background:none;border:1px solid var(--border);border-radius:var(--radius);color:var(--text-muted);cursor:pointer}.fx-picker-cancel:hover{color:var(--text)}.chat-fab{position:fixed;bottom:32px;right:16px;z-index:200;padding:6px 14px;background:var(--primary);color:var(--text-highlight);border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-ui);box-shadow:0 2px 8px #0006}.chat-fab:hover{opacity:.9}.chat-badge{display:inline-block;margin-left:4px;padding:0 5px;background:var(--danger);border-radius:8px;font-size:10px}.chat-panel{position:fixed;bottom:32px;right:16px;z-index:200;width:300px;max-height:400px;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000080}.chat-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600}.chat-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:16px}.chat-messages{flex:1;overflow-y:auto;padding:6px 10px;max-height:280px;min-height:80px}.chat-load-older{display:block;width:100%;background:none;border:none;color:var(--primary);font-size:10px;padding:6px 0;cursor:pointer;font-family:var(--font-ui);text-align:center}.chat-load-older:hover{text-decoration:underline}.chat-load-older:disabled{color:var(--text-muted);cursor:default;text-decoration:none}.chat-empty{text-align:center;color:var(--text-muted);font-size:11px;padding:16px 0}.chat-msg{margin-bottom:4px;font-size:11px;line-height:1.4}.chat-msg-user{font-weight:600;color:var(--primary);margin-right:4px}.chat-msg-text{color:var(--text)}.chat-msg-time{color:var(--text-muted);font-size:9px;margin-left:4px}.chat-input-row{display:flex;gap:4px;padding:6px 10px;border-top:1px solid var(--border)}.chat-input{flex:1;padding:4px 8px;font-size:11px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-ui)}.activity-container{position:relative;display:inline-block}.activity-toggle{position:relative}.activity-count{display:inline-block;margin-left:3px;padding:0 4px;background:var(--primary);color:var(--text-highlight);border-radius:6px;font-size:9px}.activity-panel{position:absolute;top:100%;right:0;z-index:100;width:280px;max-height:300px;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 12px #0006;margin-top:4px}.activity-entry{padding:4px 10px;border-bottom:1px solid var(--border-dark);font-size:11px;line-height:1.4}.activity-entry:last-child{border-bottom:none}.activity-user{font-weight:600;color:var(--primary);margin-right:4px}.activity-detail{color:var(--text)}.activity-time{color:var(--text-muted);font-size:9px;margin-left:4px}@media (max-width: 768px){.main-content{padding:2px}.navbar{padding:2px 4px}.editor-header{flex-direction:column;align-items:flex-start;gap:4px}.editor-actions{width:100%;justify-content:space-between}.waveform-controls{flex-wrap:wrap;gap:4px}.zoom-controls{margin-left:0;width:100%;justify-content:center}.region-table{font-size:11px}.region-table th,.region-table td{padding:2px 4px}.region-table th:nth-child(2),.region-table td:nth-child(2),.region-table th:nth-child(3),.region-table td:nth-child(3){display:none}.region-list-header{flex-wrap:wrap;gap:4px}.region-actions{flex-wrap:wrap}.create-project-form,.invite-form{flex-direction:column}.conflict-banner,.error-banner{flex-direction:column;gap:4px;align-items:flex-start}.file-mismatch{flex-direction:column}.file-attached{flex-wrap:wrap}.auth-form{margin:8px}}.comment-strip{position:relative;height:22px;overflow:visible;z-index:20}.comment-tag{position:absolute;top:0;transform:translate(-50%);display:flex;align-items:center;gap:4px;height:20px;padding:0 6px 0 0;background:var(--bg-surface);border:1px solid var(--border);border-radius:10px;cursor:pointer;white-space:nowrap;z-index:5;transition:background .15s,border-color .15s;font-family:var(--font-ui)}.comment-tag:hover{background:var(--bg-hover);border-color:var(--primary);z-index:6}.comment-tag--resolved{opacity:.45}.comment-tag--resolved:hover{opacity:.75}.comment-tag-avatar{width:20px;height:20px;border-radius:50%;background:var(--primary);color:#fff;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;flex-shrink:0;margin-left:-1px}.comment-tag-text{font-size:10px;color:var(--text-secondary);max-width:120px;overflow:hidden;text-overflow:ellipsis}.comment-tag:hover .comment-tag-text{color:var(--text-primary)}.comment-tag-replies{font-size:9px;font-weight:600;color:var(--primary);margin-left:2px}.comment-tick{position:absolute;top:0;width:1px;height:100%;background:var(--primary);opacity:.4;pointer-events:none;z-index:15;transform:translate(-50%)}.comment-tick--resolved{opacity:.15}.comment-marker{position:absolute;width:20px;height:20px;cursor:pointer;z-index:18;transform:translate(-50%);transition:opacity .15s}.comment-marker-pin{width:16px;height:16px;background:var(--primary);border:2px solid var(--bg-surface);border-radius:50% 50% 50% 0;transform:rotate(-45deg);box-shadow:0 1px 4px #0000004d}.comment-marker:hover .comment-marker-pin{transform:rotate(-45deg) scale(1.15)}.comment-marker--resolved{opacity:.4}.comment-marker--resolved:hover{opacity:.7}.comment-marker-badge{position:absolute;top:-4px;right:-4px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0 3px;background:var(--danger);color:#fff;border-radius:7px;font-size:9px;font-weight:600;font-family:var(--font-ui);line-height:1}.comment-fab{position:fixed;bottom:32px;right:90px;z-index:200;padding:6px 14px;background:var(--primary);color:var(--text-highlight);border:none;border-radius:20px;cursor:pointer;font-size:12px;font-weight:600;font-family:var(--font-ui);box-shadow:0 2px 8px #0006}.comment-fab:hover{opacity:.9}.comment-panel{position:fixed;bottom:32px;right:90px;z-index:200;width:340px;max-height:480px;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000080}.comment-panel-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600}.comment-panel-filters{display:flex;align-items:center;gap:6px;padding:4px 10px;border-bottom:1px solid var(--border)}.comment-filter-tabs{display:flex;gap:2px}.comment-filter-tab{padding:2px 8px;border:none;border-radius:10px;background:transparent;color:var(--text-muted);font-size:10px;font-family:var(--font-ui);cursor:pointer}.comment-filter-tab.active{background:var(--primary);color:var(--text-highlight)}.comment-resolved-toggle{display:flex;align-items:center;gap:3px;font-size:10px;color:var(--text-muted);margin-left:auto;cursor:pointer}.comment-resolved-toggle input{width:12px;height:12px}.comment-panel-list{flex:1;overflow-y:auto;padding:4px 0;max-height:360px;min-height:60px}.comment-panel-item{padding:6px 10px;cursor:pointer;border-bottom:1px solid var(--border-light);transition:background .1s}.comment-panel-item:hover{background:var(--bg-inset)}.comment-panel-item--resolved{opacity:.5}.comment-panel-item-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.comment-panel-anchor{font-size:9px;color:var(--text-muted);background:var(--bg-inset);padding:1px 5px;border-radius:6px}.comment-panel-item-text{font-size:11px;color:var(--text);line-height:1.4;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.comment-panel-item-footer{display:flex;align-items:center;gap:6px;margin-top:3px}.comment-reply-count{font-size:9px;color:var(--text-muted)}.comment-popover{position:fixed;z-index:300;width:280px;max-height:360px;overflow-y:auto;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000080;padding:0}.comment-popover-msg{padding:8px 10px;border-bottom:1px solid var(--border-light)}.comment-popover-reply{padding-left:18px;background:var(--bg-inset)}.comment-popover-header{display:flex;align-items:center;gap:6px;margin-bottom:2px}.comment-popover-author{font-size:11px;font-weight:600;color:var(--primary)}.comment-popover-time{font-size:9px;color:var(--text-muted)}.comment-popover-text{font-size:11px;color:var(--text);line-height:1.4}.comment-popover-actions{display:flex;gap:6px;margin-top:4px}.comment-popover-loading{font-size:10px;color:var(--text-muted);padding:6px 10px}.comment-popover-input-row{display:flex;gap:4px;padding:6px 10px;border-top:1px solid var(--border)}.comment-popover-input{flex:1;padding:4px 8px;font-size:11px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-ui)}.comment-resolve-btn{background:none;border:1px solid var(--border);border-radius:8px;padding:1px 8px;font-size:9px;color:var(--text-muted);cursor:pointer;font-family:var(--font-ui)}.comment-resolve-btn:hover{background:var(--bg-inset)}.comment-resolved{color:var(--success, #22c55e);border-color:var(--success, #22c55e)}.comment-delete-btn{background:none;border:1px solid var(--danger);border-radius:8px;padding:1px 8px;font-size:9px;color:var(--danger);cursor:pointer;font-family:var(--font-ui)}.comment-delete-btn:hover{background:#ef44441a}.fx-preview-panel{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);margin:4px 0;flex-wrap:wrap}.fx-preview-label{font-size:10px;font-weight:600;color:var(--text-muted);margin-right:4px;font-family:var(--font-ui)}.fx-preset-btn{padding:3px 10px;border:1px solid var(--border);border-radius:12px;background:var(--bg-surface);color:var(--text);font-size:10px;font-family:var(--font-ui);cursor:pointer;transition:all .1s}.fx-preset-btn:hover{background:var(--bg-inset);border-color:var(--primary)}.fx-preset-active{background:var(--primary);color:var(--text-highlight);border-color:var(--primary)}.fx-stop-btn{color:var(--danger);border-color:var(--danger)}.fx-stop-btn:hover{background:#ef44441a}.remote-cursor{position:absolute;top:0;bottom:0;width:0;border-left:2px solid;pointer-events:none;z-index:9;transition:left .1s linear}.remote-cursor-label{position:absolute;top:-16px;left:-1px;font-size:9px;padding:1px 4px;border-radius:3px;color:#fff;white-space:nowrap;font-family:var(--font-ui);font-weight:600}.mention-tag{color:var(--primary);font-weight:600}.mention-input-wrapper{position:relative;flex:1}.mention-dropdown{position:absolute;bottom:100%;left:0;right:0;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);max-height:140px;overflow-y:auto;z-index:300;margin-bottom:4px;box-shadow:0 4px 12px #0006}.mention-option{padding:5px 10px;cursor:pointer;font-size:11px;font-family:var(--font-ui);color:var(--text);display:flex;align-items:center;gap:6px}.mention-option:hover,.mention-option.active{background:var(--bg-inset)}.mention-option-email{color:var(--text-muted);font-size:9px}.seq-automation-row{display:flex;border-bottom:1px solid var(--border-light);background:var(--bg-inset)}.seq-automation-label{display:flex;align-items:center;justify-content:center;font-size:9px;color:var(--text-muted)}.automation-lane{position:relative;overflow:hidden;border-left:1px solid var(--border-light)}.automation-lane-label{position:absolute;top:2px;left:4px;font-size:9px;color:var(--text-muted);font-family:var(--font-ui);pointer-events:none;z-index:2}.automation-lane-svg{display:block;cursor:crosshair}.automation-grid-line{stroke:var(--border-light);stroke-width:.5}.automation-center-line{stroke:var(--text-muted);stroke-width:.5;stroke-dasharray:4 4;opacity:.4}.automation-curve{stroke:var(--primary);stroke-width:1.5}.automation-point{fill:var(--primary);stroke:var(--bg-surface);stroke-width:2;cursor:grab}.automation-point:hover{r:7}.seq-pattern-btn-group{display:inline-flex;align-items:stretch;gap:0}.seq-pattern-btn-group>.btn{border-radius:var(--radius) 0 0 var(--radius)}.seq-pattern-dup-btn{padding:0 5px;border:1px solid var(--border);border-left:none;border-radius:0 var(--radius) var(--radius) 0;background:var(--bg-surface);color:var(--text-muted);cursor:pointer;font-size:10px;font-family:var(--font-ui)}.seq-pattern-dup-btn:hover{background:var(--bg-inset);color:var(--text)}.seq-ab-bar{display:inline-flex;align-items:center;gap:3px;margin-left:8px;padding-left:8px;border-left:1px solid var(--border)}.seq-bounce-progress{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);margin:4px 12px}.seq-bounce-progress-bar{flex:1;height:4px;background:var(--border);border-radius:2px;overflow:hidden}.seq-bounce-progress-fill{height:100%;background:var(--primary);border-radius:2px;transition:width .2s}.seq-bounce-progress-text{font-size:10px;color:var(--text-muted);font-family:var(--font-ui);white-space:nowrap}.region-row-dragover{border-top:2px solid var(--primary)!important}.region-row-playing{background:rgba(var(--primary-rgb, 99, 102, 241),.08)}.region-row-playing td:first-child:before{content:"";display:inline-block;width:6px;height:6px;border-radius:50%;background:var(--primary);margin-right:4px;animation:pulse-dot 1s infinite}@keyframes pulse-dot{0%,to{opacity:1}50%{opacity:.3}}tr[draggable=true]{cursor:grab}tr[draggable=true]:active{cursor:grabbing;opacity:.5}.snap-controls{display:flex;align-items:center;gap:4px}.snap-select{padding:2px 4px;font-size:10px;background:var(--bg-inset);border:1px solid var(--border);border-radius:var(--radius);color:var(--text);font-family:var(--font-ui);cursor:pointer}.editor-theme-controls{display:flex;align-items:center;gap:4px}.notification-bell{position:relative;background:none;border:none;color:var(--text);cursor:pointer;padding:4px;display:flex;align-items:center}.notification-bell:hover{color:var(--primary)}.notification-badge{position:absolute;top:-2px;right:-4px;min-width:14px;height:14px;display:flex;align-items:center;justify-content:center;padding:0 3px;background:var(--danger);color:#fff;border-radius:7px;font-size:9px;font-weight:600;font-family:var(--font-ui)}.notification-panel{position:fixed;top:48px;right:16px;z-index:300;width:320px;max-height:400px;display:flex;flex-direction:column;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 4px 16px #00000080}.notification-header{display:flex;justify-content:space-between;align-items:center;padding:6px 10px;border-bottom:1px solid var(--border);font-size:11px;font-weight:600}.notification-header>div{display:flex;align-items:center;gap:6px}.notification-clear{background:none;border:none;color:var(--primary);font-size:10px;cursor:pointer;font-family:var(--font-ui)}.notification-list{flex:1;overflow-y:auto;max-height:320px}.notification-item{padding:8px 10px;border-bottom:1px solid var(--border-light);cursor:pointer;transition:background .1s}.notification-item:hover{background:var(--bg-inset)}.notification-item-header{display:flex;gap:6px;margin-bottom:2px}.notification-item-text{font-size:11px;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;background:#00000080;display:flex;justify-content:center;padding-top:15vh}.search-modal{width:520px;max-height:60vh;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;overflow:hidden}.search-input{padding:12px 16px;font-size:14px;background:transparent;border:none;border-bottom:1px solid var(--border);color:var(--text);font-family:var(--font-ui);outline:none}.search-results{flex:1;overflow-y:auto;max-height:400px}.search-loading,.search-empty{padding:16px;text-align:center;color:var(--text-muted);font-size:12px}.search-result{display:flex;align-items:center;gap:10px;padding:8px 16px;cursor:pointer;transition:background .1s}.search-result:hover,.search-result-active{background:var(--bg-inset)}.search-type-badge{width:22px;height:22px;display:flex;align-items:center;justify-content:center;border-radius:4px;font-size:10px;font-weight:700;font-family:var(--font-ui);flex-shrink:0}.search-type-project{background:var(--primary);color:#fff}.search-type-track{background:#22c55e;color:#fff}.search-type-region{background:#f97316;color:#fff}.search-result-text{display:flex;flex-direction:column;min-width:0}.search-result-label{font-size:13px;font-weight:500;color:var(--text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-result-detail{font-size:10px;color:var(--text-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.search-hint{padding:6px 16px;border-top:1px solid var(--border);font-size:10px;color:var(--text-muted);display:flex;gap:12px}.search-hint kbd{padding:1px 4px;background:var(--bg-inset);border:1px solid var(--border);border-radius:3px;font-size:9px;font-family:var(--font-ui)}.landing{min-height:100vh;background:var(--bg);color:var(--text);font-family:var(--font-ui);overflow-x:hidden}.landing-nav{display:flex;justify-content:space-between;align-items:center;padding:16px 32px;border-bottom:1px solid var(--border);position:sticky;top:0;background:var(--bg);z-index:100}.landing-brand{font-size:16px;font-weight:700;letter-spacing:.08em;text-transform:uppercase;color:var(--primary)}.landing-nav-links{display:flex;align-items:center;gap:12px}.landing-hero{display:flex;flex-direction:column;align-items:center;text-align:center;padding:80px 32px 48px;max-width:800px;margin:0 auto}.landing-hero-content{max-width:640px}.landing-title{font-size:48px;font-weight:700;line-height:1.1;letter-spacing:-.02em;color:var(--text-highlight);margin-bottom:20px}.landing-title-accent{color:var(--primary)}.landing-subtitle{font-size:15px;line-height:1.6;color:var(--text-muted);margin-bottom:32px;max-width:520px;margin-left:auto;margin-right:auto}.landing-cta{display:flex;gap:12px;justify-content:center}.btn-lg{padding:10px 28px;font-size:13px;font-weight:600}.landing-hero-visual{margin-top:48px;width:100%;overflow:hidden}.landing-ascii{font-size:14px;line-height:1.4;color:var(--primary);opacity:.3;text-align:center;white-space:pre;overflow:hidden;animation:ascii-drift 20s linear infinite}@keyframes ascii-drift{0%{transform:translate(0)}50%{transform:translate(-20px)}to{transform:translate(0)}}.landing-stats{display:flex;justify-content:center;gap:48px;padding:40px 32px;border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--bg-surface)}.landing-stat{display:flex;flex-direction:column;align-items:center;gap:4px}.landing-stat-value{font-size:32px;font-weight:700;color:var(--primary);line-height:1}.landing-stat-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em}.landing-features{padding:64px 32px;max-width:960px;margin:0 auto}.landing-section-title{text-align:center;font-size:28px;font-weight:700;color:var(--text-highlight);margin-bottom:40px;letter-spacing:-.01em}.landing-features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px}.landing-feature-card{padding:24px;background:var(--bg-surface);border:1px solid var(--border);border-radius:var(--radius);transition:border-color .2s,box-shadow .2s}.landing-feature-card:hover{border-color:var(--primary);box-shadow:var(--glow) rgba(var(--primary-rgb, 62, 198, 198),.15)}.landing-feature-icon{color:var(--primary);margin-bottom:12px}.landing-feature-card h3{font-size:14px;font-weight:600;color:var(--text-highlight);margin-bottom:8px}.landing-feature-card p{font-size:12px;line-height:1.5;color:var(--text-muted)}.landing-workflow{padding:64px 32px;background:var(--bg-surface);border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.landing-workflow-steps{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;max-width:960px;margin:0 auto}.landing-step{position:relative;padding:20px}.landing-step-num{font-size:36px;font-weight:700;color:var(--primary);opacity:.2;position:absolute;top:8px;right:12px;line-height:1}.landing-step h3{font-size:14px;font-weight:600;color:var(--text-highlight);margin-bottom:8px}.landing-step p{font-size:12px;line-height:1.5;color:var(--text-muted)}.link-picker-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;z-index:1000;display:flex;align-items:center;justify-content:center}.link-picker{background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;width:480px;max-height:70vh;display:flex;flex-direction:column;box-shadow:0 8px 32px #0006}.link-picker-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border)}.link-picker-header h3{font-size:13px;font-weight:700;color:var(--text-highlight)}.link-picker-controls{padding:10px 16px;display:flex;flex-direction:column;gap:8px;border-bottom:1px solid var(--border)}.link-picker-search{width:100%;padding:6px 10px;background:var(--bg-inset);border:1px solid var(--border);border-radius:4px;color:var(--text);font-family:var(--font-ui);font-size:12px;outline:none}.link-picker-search:focus{border-color:var(--primary)}.link-picker-filters{display:flex;gap:4px}.link-picker-list{overflow-y:auto;flex:1;max-height:400px}.link-picker-empty{padding:32px 16px;text-align:center;color:var(--text-muted);font-size:12px}.link-picker-item{display:flex;align-items:center;justify-content:space-between;padding:8px 16px;cursor:pointer;border-bottom:1px solid var(--border-dark)}.link-picker-item:last-child{border-bottom:none}.link-picker-item:hover{background:var(--bg-hover)}.link-picker-item-info{display:flex;flex-direction:column;gap:2px;min-width:0;flex:1}.link-picker-item-name{font-size:12px;font-weight:500;color:var(--text-highlight);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.link-picker-item-meta{font-size:10px;color:var(--text-muted);display:flex;gap:8px;align-items:center}.link-picker-item-source{padding:1px 5px;background:#3ec6c626;color:var(--primary);border-radius:2px;font-size:9px;text-transform:capitalize}.link-picker-item-hash{font-size:10px;color:var(--text-muted);font-family:var(--font-mono);flex-shrink:0;margin-left:12px}.landing-download{text-align:center;padding:64px 32px;border-top:1px solid var(--border)}.landing-download-subtitle{font-size:13px;color:var(--text-muted);max-width:480px;margin:0 auto 32px;line-height:1.6}.landing-download-cards{display:flex;justify-content:center;gap:16px;margin-bottom:20px;flex-wrap:wrap}.landing-download-card{display:flex;flex-direction:column;align-items:center;gap:8px;padding:20px 32px;background:var(--bg-surface);border:1px solid var(--border);border-radius:8px;color:var(--text-highlight);text-decoration:none;font-size:13px;font-weight:600;font-family:var(--font-ui);transition:border-color .15s,background .15s;min-width:130px;position:relative}.landing-download-card:hover{border-color:var(--primary);background:var(--bg-hover)}.landing-download-card.disabled{opacity:.45;pointer-events:none}.landing-download-soon{font-size:9px;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);font-weight:400}.landing-download-note{font-size:11px;color:var(--text-muted)}.landing-bottom-cta{text-align:center;padding:64px 32px}.landing-bottom-cta h2{font-size:32px;font-weight:700;color:var(--text-highlight);margin-bottom:8px}.landing-bottom-cta p{font-size:13px;color:var(--text-muted);margin-bottom:24px}.landing-footer{display:flex;justify-content:space-between;align-items:center;padding:20px 32px;border-top:1px solid var(--border);font-size:11px}.landing-footer-text{color:var(--text-muted)}@media (max-width: 768px){.landing-title{font-size:32px}.landing-features-grid{grid-template-columns:1fr}.landing-workflow-steps{grid-template-columns:repeat(2,1fr)}.landing-stats{gap:24px;flex-wrap:wrap}.landing-hero{padding:48px 20px 32px}.landing-nav{padding:12px 16px}.landing-nav-links .theme-picker{display:none}}@media (max-width: 480px){.landing-workflow-steps{grid-template-columns:1fr}.landing-title{font-size:28px}.landing-cta{flex-direction:column;align-items:center}}