:root{--abyss-50: #E6EAF0;--abyss-100: #E0E4EC;--abyss-200: #D4DAE2;--abyss-300: #C0C8D4;--abyss-400: #AAB4C3;--abyss-500: #768196;--abyss-600: #3A4356;--abyss-700: #242B36;--abyss-800: #1C2330;--abyss-850: #161C24;--abyss-900: #11151B;--abyss-925: #0F1319;--abyss-950: #0B0D10;--ember-50: #FEF2F0;--ember-100: #FDE0DC;--ember-200: #FCC5BC;--ember-300: #F9A08F;--ember-400: #F06B58;--ember-500: #E23B2E;--ember-600: #C4301F;--ember-700: #A02718;--ember-800: #822114;--ember-900: #6B1D14;--easel-50: #eff6ff;--easel-100: #dbeafe;--easel-200: #bfdbfe;--easel-300: #93c5fd;--easel-400: #60a5fa;--easel-500: #3b82f6;--easel-600: #2563eb;--easel-700: #1d4ed8;--color-bg: var(--abyss-950);--color-surface: var(--abyss-900);--color-surface-hover: var(--abyss-850);--color-surface-raised: var(--abyss-800);--color-border: var(--abyss-700);--color-border-subtle: var(--abyss-800);--color-text: var(--abyss-50);--color-text-secondary: var(--abyss-400);--color-text-muted: var(--abyss-500);--color-accent: var(--ember-500);--color-accent-hover: var(--ember-400);--color-accent-subtle: var(--ember-900);--color-info: var(--easel-500);--color-success: #22c55e;--color-warning: #eab308;--color-error: #ef4444;--canvas-surface: var(--abyss-925);--canvas-board: #F4F6F8;--canvas-shadow: 0 12px 40px rgba(0, 0, 0, .45);--font-display: "Playfair Display", serif;--font-body: "DM Sans", -apple-system, BlinkMacSystemFont, sans-serif;--font-mono: "JetBrains Mono", monospace;--sidebar-width: 68px;--prompt-bar-height: auto;--radius-sm: 6px;--radius-md: 10px;--radius-lg: 14px}[data-theme=light]{--color-bg: #F0F2F5;--color-surface: #FFFFFF;--color-surface-hover: #F5F7FA;--color-surface-raised: #E8ECF0;--color-border: #D1D5DB;--color-border-subtle: #E5E7EB;--color-text: #1A1D23;--color-text-secondary: #4B5563;--color-text-muted: #9CA3AF;--color-accent: var(--ember-500);--color-accent-hover: var(--ember-600);--color-accent-subtle: var(--ember-50);--canvas-surface: #E4E7EC;--canvas-shadow: 0 12px 40px rgba(0, 0, 0, .12)}[data-theme=light] ::-webkit-scrollbar-track{background:#f0f2f5}[data-theme=light] ::-webkit-scrollbar-thumb{background:#c8cdd4}[data-theme=light] ::-webkit-scrollbar-thumb:hover{background:#a0a8b4}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-body);background:var(--color-bg);color:var(--color-text);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--abyss-600);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--abyss-500)}.app-shell{display:flex;height:100vh;width:100vw}.main-area{flex:1;display:flex;flex-direction:column;min-width:0}.sidebar{width:var(--sidebar-width);background:var(--abyss-925);border-right:1px solid var(--color-border-subtle);display:flex;flex-direction:column;align-items:center;padding:8px 0;-webkit-user-select:none;user-select:none;flex-shrink:0}.sidebar-logo{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 0 12px;color:var(--color-accent)}.logo-icon{stroke-width:1.5}.logo-text{font-family:var(--font-display);font-size:11px;font-weight:900;letter-spacing:1px}.sidebar-pillars{flex:1;display:flex;flex-direction:column;gap:2px;width:100%;padding:0 6px;overflow-y:auto}.pillar-btn{display:flex;flex-direction:column;align-items:center;gap:2px;padding:8px 4px;border:none;background:transparent;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease;font-family:var(--font-body);width:100%}.pillar-btn:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.pillar-btn.active{background:var(--color-accent-subtle);color:var(--color-accent)}.pillar-icon{display:flex}.pillar-label{font-size:9px;font-weight:600;letter-spacing:.3px;text-transform:uppercase}.sidebar-footer{padding:8px;display:flex;flex-direction:column;align-items:center;gap:6px}.theme-toggle-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);background:var(--color-surface-hover);color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s}.theme-toggle-btn:hover{background:var(--color-surface-raised);color:var(--color-text)}.version-tag{font-size:9px;color:var(--color-text-muted);font-family:var(--font-mono)}.save-indicator{display:flex;align-items:center;gap:4px;font-size:10px;font-family:var(--font-mono);padding:4px 6px;border-radius:4px;margin-bottom:4px;transition:opacity .3s ease}.save-indicator--saving{color:var(--color-text-muted)}.save-indicator--saved{color:#4ade80}.save-spinner{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.send-to-btn{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-surface, #11151B);border:1px solid var(--color-border, #242B36);border-radius:4px;color:var(--color-text, #E6EAF0);font-size:12px;cursor:pointer;transition:background .15s}.send-to-btn:hover{background:var(--color-hover, #161C24)}.send-to-backdrop{position:fixed;inset:0;z-index:999}.send-to-dropdown{position:absolute;top:100%;left:0;z-index:1000;min-width:180px;background:var(--color-surface, #11151B);border:1px solid var(--color-border, #242B36);border-radius:6px;box-shadow:0 8px 24px #0006;padding:4px;margin-top:4px}.send-to-option{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:none;border:none;border-radius:4px;color:var(--color-text, #E6EAF0);font-size:12px;cursor:pointer;text-align:left}.send-to-option:hover{background:var(--color-hover, #161C24)}.transfer-toast{position:fixed;top:16px;right:16px;z-index:10000;animation:slideIn .3s ease}@keyframes slideIn{0%{transform:translate(100%);opacity:0}to{transform:translate(0);opacity:1}}.transfer-toast-content{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--color-surface, #11151B);border:1px solid #4ade80;border-radius:8px;box-shadow:0 8px 32px #00000080;max-width:400px}.transfer-toast-preview{width:48px;height:48px;object-fit:cover;border-radius:4px;border:1px solid var(--color-border, #242B36)}.transfer-toast-info{flex:1;min-width:0}.transfer-toast-title{display:flex;align-items:center;gap:4px;font-size:12px;font-weight:600;color:#4ade80;margin-bottom:2px}.transfer-toast-label{font-size:12px;color:var(--color-text, #E6EAF0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-toast-meta{font-size:10px;color:var(--color-text-muted, #768196)}.transfer-toast-actions{display:flex;align-items:center;gap:4px}.transfer-accept-btn{padding:6px 14px;background:#4ade80;color:#000;border:none;border-radius:4px;font-size:12px;font-weight:600;cursor:pointer}.transfer-accept-btn:hover{background:#22c55e}.transfer-dismiss-btn{padding:4px;background:none;border:none;color:var(--color-text-muted, #768196);cursor:pointer;border-radius:4px}.transfer-dismiss-btn:hover{color:var(--color-text, #E6EAF0);background:var(--color-hover, #161C24)}.asset-tray{position:relative}.asset-tray-toggle{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--color-surface, #11151B);border:1px solid var(--color-border, #242B36);border-radius:4px;color:var(--color-text, #E6EAF0);font-size:11px;cursor:pointer}.asset-tray-toggle:hover{background:var(--color-hover, #161C24)}.asset-tray-count{background:#4ade80;color:#000;font-size:10px;font-weight:700;padding:0 5px;border-radius:8px;min-width:16px;text-align:center}.asset-tray-panel{position:absolute;bottom:100%;left:0;z-index:1000;width:260px;background:var(--color-surface, #11151B);border:1px solid var(--color-border, #242B36);border-radius:6px;box-shadow:0 8px 24px #0006;margin-bottom:4px;max-height:300px;overflow-y:auto}.asset-tray-header{display:flex;justify-content:space-between;align-items:center;padding:8px 10px;border-bottom:1px solid var(--color-border, #242B36);font-size:11px;font-weight:600;color:var(--color-text-muted, #768196)}.asset-tray-close{background:none;border:none;color:var(--color-text-muted, #768196);cursor:pointer;padding:2px}.asset-tray-list{padding:4px}.asset-tray-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 8px;background:none;border:none;border-radius:4px;color:var(--color-text, #E6EAF0);cursor:pointer;text-align:left}.asset-tray-item:hover{background:var(--color-hover, #161C24)}.asset-tray-thumb{width:32px;height:32px;object-fit:cover;border-radius:3px;border:1px solid var(--color-border, #242B36)}.asset-tray-item-info{flex:1;min-width:0}.asset-tray-item-label{display:block;font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.asset-tray-item-source{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--color-text-muted, #768196)}.send-to-btn--smart{border-color:var(--color-accent, #E23B2E)}.send-to-dropdown--smart{min-width:220px}.send-to-conversion-header{display:flex;align-items:center;gap:8px;padding:6px 10px;font-size:11px;color:var(--color-text-muted, #768196);border-bottom:1px solid var(--color-border, #242B36);margin-bottom:2px}.send-to-back{background:none;border:none;color:var(--color-accent, #E23B2E);cursor:pointer;font-size:11px;padding:2px 4px}.transfer-drawer{position:fixed;bottom:80px;right:16px;z-index:1000}.transfer-drawer-toggle{display:flex;align-items:center;gap:4px;padding:6px 10px;background:#0f1319e0;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border:1px solid var(--color-border, #242B36);border-radius:20px;color:var(--color-text, #E6EAF0);font-size:11px;cursor:pointer;transition:all .2s}.transfer-drawer-toggle:hover{background:var(--color-hover, #161C24);border-color:var(--color-accent, #E23B2E)}.transfer-drawer-count{background:var(--color-accent, #E23B2E);color:#fff;font-size:9px;font-weight:700;padding:1px 5px;border-radius:8px;min-width:14px;text-align:center}.transfer-drawer-panel{position:absolute;bottom:100%;right:0;width:320px;max-height:360px;overflow-y:auto;background:#0f1319f2;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);border:1px solid var(--color-border, #242B36);border-radius:8px;box-shadow:0 8px 32px #00000080;margin-bottom:8px;animation:slideUp .2s ease}@keyframes slideUp{0%{transform:translateY(8px);opacity:0}to{transform:translateY(0);opacity:1}}.transfer-drawer-header{display:flex;justify-content:space-between;align-items:center;padding:10px 12px;border-bottom:1px solid var(--color-border, #242B36);font-size:12px;font-weight:600;color:var(--color-text-muted, #768196)}.transfer-drawer-close{background:none;border:none;color:var(--color-text-muted, #768196);cursor:pointer;padding:2px}.transfer-drawer-list{padding:4px}.transfer-drawer-item{display:flex;align-items:center;gap:8px;padding:8px;border-radius:4px;transition:background .15s}.transfer-drawer-item:hover{background:var(--color-hover, #161C24)}.transfer-drawer-item-preview{width:36px;height:36px;flex-shrink:0;border-radius:3px;overflow:hidden;border:1px solid var(--color-border, #242B36);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted, #768196)}.transfer-drawer-item-preview img{width:100%;height:100%;object-fit:cover}.transfer-drawer-item-info{flex:1;min-width:0}.transfer-drawer-item-label{font-size:11px;color:var(--color-text, #E6EAF0);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.transfer-drawer-item-flow{display:flex;align-items:center;gap:4px;font-size:10px;color:var(--color-text-muted, #768196);margin-top:2px}.transfer-drawer-item-conversion{font-size:9px;background:var(--color-surface-raised, #1A2030);padding:1px 5px;border-radius:3px;margin-left:4px}.transfer-drawer-item-time{display:flex;align-items:center;gap:3px;font-size:9px;color:var(--color-text-muted, #768196);margin-top:1px}.transfer-drawer-item-dismiss{flex-shrink:0;background:none;border:none;color:var(--color-text-muted, #768196);cursor:pointer;padding:4px;border-radius:4px;opacity:0;transition:opacity .15s}.transfer-drawer-item:hover .transfer-drawer-item-dismiss{opacity:1}.transfer-drawer-item-dismiss:hover{color:var(--color-text, #E6EAF0);background:var(--color-hover, #161C24)}.derived-asset-panel{padding:8px;background:var(--color-surface, #11151B);border:1px solid var(--color-border, #242B36);border-radius:6px;font-size:11px}.derived-asset-header{display:flex;align-items:center;gap:6px;font-weight:600;color:var(--color-text-muted, #768196);padding-bottom:6px;border-bottom:1px solid var(--color-border, #242B36);margin-bottom:6px}.derived-asset-link,.derived-asset-current{display:flex;align-items:center;gap:6px;padding:4px 0}.derived-asset-current{font-weight:600}.derived-asset-tag{font-size:9px;font-weight:700;padding:1px 5px;border-radius:3px;text-transform:uppercase;flex-shrink:0}.derived-asset-tag--master{background:#4ade8026;color:#4ade80}.derived-asset-tag--current{background:var(--color-accent-subtle, rgba(226, 59, 46, .15));color:var(--color-accent, #E23B2E)}.derived-asset-tag--derived{background:#60a5fa26;color:#60a5fa}.derived-asset-name{flex:1;min-width:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;color:var(--color-text, #E6EAF0)}.derived-asset-conversion{font-size:9px;color:var(--color-text-muted, #768196);background:var(--color-surface-raised, #1A2030);padding:1px 5px;border-radius:3px}.derived-asset-source{flex-shrink:0;color:var(--color-text-muted, #768196)}.derived-asset-children{padding-left:12px;border-left:2px solid var(--color-border, #242B36);margin-left:6px}.cmd-palette-overlay{position:fixed;inset:0;z-index:20000;background:#00000080;display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;animation:fadeIn .1s ease}.cmd-palette{width:520px;max-width:90vw;max-height:420px;background:var(--color-surface, #11151B);border:1px solid var(--color-border, #242B36);border-radius:12px;box-shadow:0 16px 64px #000000b3;display:flex;flex-direction:column;overflow:hidden}.cmd-palette-search{display:flex;align-items:center;gap:10px;padding:12px 16px;border-bottom:1px solid var(--color-border, #242B36);color:var(--color-text-muted, #768196)}.cmd-palette-input{flex:1;background:none;border:none;color:var(--color-text, #E6EAF0);font-size:15px;font-family:var(--font-body);outline:none}.cmd-palette-input::placeholder{color:var(--color-text-muted, #768196)}.cmd-palette-esc{padding:2px 6px;background:var(--color-surface-raised, #1A2030);border:1px solid var(--color-border, #242B36);border-radius:3px;color:var(--color-text-muted, #768196);font-size:10px;font-family:var(--font-mono, monospace)}.cmd-palette-results{flex:1;overflow-y:auto;padding:4px}.cmd-palette-group-label{padding:6px 12px 4px;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted, #768196)}.cmd-palette-item{display:flex;align-items:center;gap:10px;width:100%;padding:8px 12px;background:none;border:none;border-radius:6px;color:var(--color-text, #E6EAF0);font-size:13px;cursor:pointer;text-align:left;transition:background .1s}.cmd-palette-item:hover,.cmd-palette-item--selected{background:var(--color-hover, #161C24)}.cmd-palette-item--selected{background:var(--color-accent-subtle, rgba(226, 59, 46, .12))}.cmd-palette-item-icon{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:var(--color-surface-raised, #1A2030);border-radius:4px;color:var(--color-text-secondary, #99A0AE)}.cmd-palette-item--selected .cmd-palette-item-icon{background:var(--color-accent-subtle, rgba(226, 59, 46, .2));color:var(--color-accent, #E23B2E)}.cmd-palette-item-label{flex:1}.cmd-palette-item-shortcut{padding:2px 6px;background:var(--color-surface-raised, #1A2030);border:1px solid var(--color-border, #242B36);border-radius:3px;color:var(--color-text-muted, #768196);font-size:10px;font-family:var(--font-mono, monospace);flex-shrink:0}.cmd-palette-empty{padding:24px;text-align:center;color:var(--color-text-muted, #768196);font-size:13px}.output-hub-overlay{position:fixed;inset:0;z-index:10000;background:#0009;display:flex;align-items:center;justify-content:center;animation:fadeIn .15s ease}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.output-hub{width:720px;max-width:90vw;max-height:80vh;background:var(--color-surface, #11151B);border:1px solid var(--color-border, #242B36);border-radius:12px;box-shadow:0 16px 64px #0009;display:flex;flex-direction:column;overflow:hidden}.output-hub-header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--color-border, #242B36)}.output-hub-title{display:flex;align-items:center;gap:8px;font-size:16px;font-weight:700;color:var(--color-text, #E6EAF0)}.output-hub-close{background:none;border:none;color:var(--color-text-muted, #768196);cursor:pointer;padding:4px;border-radius:4px}.output-hub-close:hover{color:var(--color-text, #E6EAF0);background:var(--color-hover, #161C24)}.output-hub-body{flex:1;display:flex;flex-direction:column;overflow:hidden}.output-hub-tabs{display:flex;gap:2px;padding:8px 20px 0;border-bottom:1px solid var(--color-border, #242B36)}.output-hub-tab{display:flex;align-items:center;gap:6px;padding:8px 14px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted, #768196);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s;margin-bottom:-1px}.output-hub-tab:hover{color:var(--color-text, #E6EAF0)}.output-hub-tab--active{color:var(--color-accent, #E23B2E);border-bottom-color:var(--color-accent, #E23B2E)}.output-hub-content{display:flex;flex:1;overflow:hidden}.output-hub-presets{width:240px;flex-shrink:0;border-right:1px solid var(--color-border, #242B36);overflow-y:auto;padding:8px}.output-hub-settings{flex:1;padding:20px;overflow-y:auto}.output-hub-preset-list{display:flex;flex-direction:column;gap:2px}.output-hub-preset{display:flex;align-items:center;justify-content:space-between;width:100%;padding:8px 10px;background:none;border:none;border-radius:4px;color:var(--color-text, #E6EAF0);font-size:12px;cursor:pointer;text-align:left;transition:background .15s}.output-hub-preset:hover{background:var(--color-hover, #161C24)}.output-hub-preset--selected{background:var(--color-accent-subtle, rgba(226, 59, 46, .15));color:var(--color-accent, #E23B2E)}.output-hub-preset-ext{font-size:10px;color:var(--color-text-muted, #768196);opacity:.7}.output-hub-profiles{display:flex;flex-direction:column;gap:4px}.output-hub-profile-card{display:flex;align-items:center;gap:10px;width:100%;padding:10px;background:none;border:1px solid var(--color-border, #242B36);border-radius:6px;color:var(--color-text, #E6EAF0);cursor:pointer;text-align:left;transition:all .15s}.output-hub-profile-card:hover{background:var(--color-hover, #161C24);border-color:var(--color-accent, #E23B2E)}.output-hub-profile-label{font-size:12px;font-weight:600}.output-hub-profile-desc{font-size:10px;color:var(--color-text-muted, #768196)}.output-hub-settings-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.output-hub-settings-header h3{margin:0;font-size:16px;font-weight:600;color:var(--color-text, #E6EAF0)}.output-hub-ext{font-size:12px;color:var(--color-text-muted, #768196);background:var(--color-surface-raised, #1A2030);padding:2px 6px;border-radius:3px}.output-hub-desc{font-size:12px;color:var(--color-text-secondary, #99A0AE);margin:0 0 16px}.output-hub-settings-list{display:flex;flex-direction:column;gap:10px;margin-bottom:20px}.output-hub-setting{display:flex;align-items:center;justify-content:space-between;gap:12px}.output-hub-setting label{font-size:12px;color:var(--color-text-secondary, #99A0AE);flex-shrink:0}.output-hub-input{width:140px;padding:5px 8px;background:var(--color-surface-raised, #1A2030);border:1px solid var(--color-border, #242B36);border-radius:4px;color:var(--color-text, #E6EAF0);font-size:12px;font-family:var(--font-body);outline:none;text-align:right}.output-hub-input:focus{border-color:var(--color-accent, #E23B2E)}.output-hub-toggle{padding:4px 10px;background:var(--color-surface-raised, #1A2030);border:1px solid var(--color-border, #242B36);border-radius:4px;color:var(--color-text-muted, #768196);font-size:11px;cursor:pointer;transition:all .15s}.output-hub-toggle--on{background:var(--color-accent-subtle, rgba(226, 59, 46, .15));border-color:var(--color-accent, #E23B2E);color:var(--color-accent, #E23B2E)}.output-hub-export-btn{display:flex;align-items:center;gap:8px;width:100%;padding:10px;background:var(--color-accent, #E23B2E);border:none;border-radius:6px;color:#fff;font-size:13px;font-weight:600;cursor:pointer;justify-content:center;transition:background .15s}.output-hub-export-btn:hover:not(:disabled){background:#c5322a}.output-hub-export-btn:disabled{opacity:.6;cursor:not-allowed}.output-hub-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:200px;color:var(--color-text-muted, #768196);gap:8px}.output-hub-empty p{font-size:13px;margin:0}.output-hub-trigger{display:inline-flex;align-items:center;gap:4px;padding:4px 10px;background:var(--color-surface, #11151B);border:1px solid var(--color-border, #242B36);border-radius:4px;color:var(--color-text, #E6EAF0);font-size:12px;cursor:pointer;transition:all .15s}.output-hub-trigger:hover{background:var(--color-hover, #161C24);border-color:var(--color-accent, #E23B2E)}.mode-dock{position:fixed;bottom:16px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:4px;height:56px;padding:0 12px;background:#0f1319e0;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:16px;box-shadow:0 8px 32px #0006;z-index:1000;-webkit-user-select:none;user-select:none;animation:dock-appear .2s ease-out}.mode-dock--overlay{bottom:80px;animation:dock-overlay-in .2s ease-out}@keyframes dock-appear{0%{opacity:0;transform:translate(-50%) translateY(8px)}to{opacity:1;transform:translate(-50%) translateY(0)}}@keyframes dock-overlay-in{0%{opacity:0;transform:translate(-50%) scale(.98)}to{opacity:1;transform:translate(-50%) scale(1)}}.mode-dock-home{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:10px;border:none;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s}.mode-dock-home:hover{background:var(--color-surface-hover);color:var(--color-text)}.mode-dock-items{display:flex;align-items:center;gap:2px}.mode-dock-item{position:relative;display:flex;flex-direction:column;align-items:center;justify-content:center;width:42px;height:42px;border:none;border-radius:10px;background:transparent;color:var(--color-text-secondary);cursor:pointer;transition:background .15s,color .15s,transform .1s}.mode-dock-item:hover{background:var(--color-surface-hover);color:var(--color-text)}.mode-dock-item--active,.mode-dock-item--active .mode-dock-item-icon{color:var(--color-text)}.mode-dock-item--locked{opacity:.5}.mode-dock-item--locked:hover{opacity:.75}.mode-dock-item-icon{position:relative;display:flex;align-items:center;justify-content:center}.mode-dock-lock-badge{position:absolute;bottom:-2px;right:-4px;color:var(--color-text-muted)}.mode-dock-underline{position:absolute;bottom:2px;left:50%;transform:translate(-50%);width:16px;height:2px;background:var(--color-accent);border-radius:1px}.mode-dock-pill{position:fixed;bottom:16px;left:16px;display:flex;align-items:center;gap:6px;height:40px;padding:0 14px;background:#0f1319e6;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);border:1px solid var(--color-border);border-radius:12px;box-shadow:0 4px 16px #0000004d;color:var(--color-text-secondary);cursor:pointer;z-index:1000;-webkit-user-select:none;user-select:none;transition:transform .15s ease,box-shadow .15s ease,color .15s;animation:pill-appear .2s ease-out}@keyframes pill-appear{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.mode-dock-pill--hover{transform:translateY(-2px);box-shadow:0 6px 20px #0006;color:var(--color-text)}.mode-dock-pill-label{font-family:var(--font-body);font-size:12px;font-weight:600;letter-spacing:.3px}.workspace{flex:1;overflow:hidden;min-height:0;display:flex}.workspace-pillar{flex:1;overflow-y:auto;min-height:0;min-width:0}.pillar-content{height:100%;display:flex;flex-direction:column}.ai-studio .server-panel{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;gap:16px;padding:40px;text-align:center}.server-icon{color:var(--color-text-muted)}.server-panel h2{font-family:var(--font-display);font-size:28px;font-weight:900;color:var(--color-text)}.server-desc{color:var(--color-text-secondary);max-width:500px;line-height:1.6}.start-server-btn{display:flex;align-items:center;gap:8px;padding:12px 28px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:background .15s;font-family:var(--font-body)}.start-server-btn:hover:not(:disabled){background:var(--color-accent-hover)}.start-server-btn:disabled{opacity:.6;cursor:wait}.server-hint{font-size:12px;color:var(--color-text-muted);font-style:italic}.studio-topbar{display:flex;justify-content:space-between;align-items:center;padding:8px 16px;border-bottom:1px solid var(--color-border-subtle);background:var(--color-surface);flex-shrink:0}.studio-model-info{display:flex;align-items:center;gap:8px;font-size:13px}.model-label{color:var(--color-text-muted)}.model-name{color:var(--color-text);font-weight:600;font-family:var(--font-mono);font-size:12px}.studio-layout{flex:1;display:flex;flex-direction:column;min-height:0}.studio-canvas{flex:1;display:flex;align-items:center;justify-content:center;min-height:0;padding:16px;background:var(--color-bg)}.canvas-placeholder{display:flex;flex-direction:column;align-items:center;gap:16px;color:var(--color-text-muted)}.canvas-placeholder p{font-size:14px}.canvas-placeholder kbd{background:var(--color-surface-raised);padding:2px 6px;border-radius:4px;font-family:var(--font-mono);font-size:12px;border:1px solid var(--color-border)}.canvas-image-container{position:relative;max-height:100%;display:flex;flex-direction:column;align-items:center;gap:8px}.canvas-image{max-height:calc(100vh - 260px);max-width:100%;object-fit:contain;border-radius:var(--radius-md);cursor:zoom-in;box-shadow:var(--canvas-shadow)}.canvas-actions{display:flex;gap:4px}.canvas-actions button,.lightbox-actions button{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface);color:var(--color-text-secondary);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;font-family:var(--font-body);transition:all .15s}.canvas-actions button:hover,.lightbox-actions button:hover{background:var(--color-surface-hover);color:var(--color-text)}.canvas-meta{display:flex;gap:16px;font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.canvas-meta span{display:flex;align-items:center;gap:4px}.studio-gallery{border-top:1px solid var(--color-border-subtle);background:var(--color-surface);flex-shrink:0;max-height:160px}.gallery-header{padding:8px 16px 4px}.gallery-header h3{font-size:12px;font-weight:600;color:var(--color-text-secondary);text-transform:uppercase;letter-spacing:.5px}.gallery-grid{display:flex;gap:6px;padding:4px 16px 12px;overflow-x:auto}.gallery-thumb{position:relative;flex-shrink:0;width:96px;height:96px;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.gallery-thumb:hover{border-color:var(--color-border)}.gallery-thumb.selected{border-color:var(--color-accent)}.gallery-thumb img{width:100%;height:100%;object-fit:cover}.thumb-overlay{position:absolute;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;gap:4px;opacity:0;transition:opacity .15s}.gallery-thumb:hover .thumb-overlay{opacity:1}.thumb-overlay button{padding:4px;background:#ffffff26;border:none;color:#fff;border-radius:4px;cursor:pointer;display:flex}.thumb-overlay button:hover{background:#ffffff4d}.lightbox{position:fixed;inset:0;z-index:1000;background:#000000eb;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;cursor:zoom-out}.lightbox img{max-width:90vw;max-height:75vh;object-fit:contain;border-radius:var(--radius-md);cursor:default}.lightbox-info{display:flex;flex-direction:column;align-items:center;gap:8px;max-width:600px;cursor:default}.lightbox-prompt{color:var(--color-text-secondary);font-size:13px;text-align:center;line-height:1.5}.lightbox-meta{display:flex;gap:16px;font-size:11px;color:var(--color-text-muted);font-family:var(--font-mono)}.lightbox-actions{display:flex;gap:8px}.gpu-badge{display:flex;align-items:center;gap:8px;padding:4px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);font-size:11px;font-family:var(--font-mono)}.gpu-name{color:var(--color-text-secondary)}.gpu-vram{font-weight:600}.gpu-bar{width:48px;height:4px;background:var(--abyss-700);border-radius:2px;overflow:hidden}.gpu-bar-fill{height:100%;border-radius:2px;transition:width .3s ease}.prompt-bar{border-top:1px solid var(--color-border-subtle);background:var(--color-surface);flex-shrink:0}.prompt-main{display:flex;align-items:flex-end;gap:8px;padding:10px 16px}.prompt-input{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;color:var(--color-text);font-family:var(--font-body);font-size:14px;resize:none;line-height:1.5;outline:none;transition:border-color .15s;min-height:42px;max-height:120px}.prompt-input:focus{border-color:var(--color-accent)}.prompt-input::placeholder{color:var(--color-text-muted)}.prompt-input:disabled{opacity:.5}.advanced-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;flex-shrink:0;transition:all .15s}.advanced-toggle:hover{background:var(--color-surface-hover);color:var(--color-text-secondary)}.generate-btn{display:flex;align-items:center;justify-content:center;width:42px;height:42px;background:var(--color-accent);border:none;border-radius:var(--radius-md);color:#fff;cursor:pointer;flex-shrink:0;transition:background .15s}.generate-btn:hover:not(:disabled){background:var(--color-accent-hover)}.generate-btn:disabled{opacity:.4;cursor:not-allowed}.generate-btn.generating{background:var(--color-accent-subtle)}.spinner{width:18px;height:18px;border:2px solid rgba(255,255,255,.3);border-top-color:#fff;border-radius:50%;animation:spin .8s linear infinite}.spin{animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.prompt-advanced{padding:12px 16px;display:flex;flex-direction:column;gap:10px;border-bottom:1px solid var(--color-border-subtle)}.advanced-row{display:flex;align-items:center;gap:12px}.advanced-row label{font-size:12px;color:var(--color-text-secondary);min-width:100px;font-weight:500}.advanced-row input[type=text],.advanced-row input[type=number]{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;color:var(--color-text);font-family:var(--font-body);font-size:13px;outline:none}.advanced-row input[type=text]:focus,.advanced-row input[type=number]:focus{border-color:var(--color-accent)}.seed-input{max-width:150px}.advanced-row input[type=range]{flex:1;accent-color:var(--color-accent)}.aspect-buttons{display:flex;gap:4px}.aspect-btn{padding:4px 10px;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;cursor:pointer;font-family:var(--font-mono);transition:all .15s}.aspect-btn:hover{background:var(--color-surface-hover)}.aspect-btn.active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.error-banner{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#ef44441a;border:1px solid rgba(239,68,68,.2);border-radius:var(--radius-sm);color:var(--color-error);font-size:13px;margin:8px 16px}.dismiss-btn{margin-left:auto;background:none;border:none;color:var(--color-error);cursor:pointer;font-size:18px;padding:0 4px}.server-ready-toast{display:flex;align-items:center;gap:8px;padding:8px 16px;background:#22c55e1a;border:1px solid rgba(34,197,94,.2);border-radius:var(--radius-sm);color:var(--color-success, #22c55e);font-size:13px;margin:8px 16px;animation:toast-slide-in .3s ease-out}.server-ready-toast .dismiss-btn{color:var(--color-success, #22c55e)}@keyframes toast-slide-in{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.pillar-stub{padding:40px;overflow-y:auto}.stub-header{display:flex;align-items:center;gap:16px;margin-bottom:12px;color:var(--color-text)}.stub-header h2{font-family:var(--font-display);font-size:28px;font-weight:900}.phase-badge{padding:3px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border);border-radius:20px;font-size:11px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.stub-desc{color:var(--color-text-secondary);font-size:15px;line-height:1.7;max-width:700px;margin-bottom:32px}.stub-features{display:flex;flex-direction:column;gap:16px;max-width:600px}.stub-feature{display:flex;gap:14px;padding:14px 16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.stub-feature>svg{flex-shrink:0;color:var(--color-accent);margin-top:2px}.stub-feature strong{display:block;font-size:14px;font-weight:600;margin-bottom:4px}.stub-feature p{font-size:13px;color:var(--color-text-secondary);line-height:1.5}.studio-tabs{display:flex;gap:2px;padding:0 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.studio-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.studio-tab:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.studio-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.studio-controls{display:flex;gap:8px;padding:10px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0;flex-wrap:wrap;align-items:center}.studio-controls label{font-size:12px;color:var(--color-text-secondary);font-weight:500}.studio-controls select,.studio-select{background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:5px 8px;color:var(--color-text);font-family:var(--font-body);font-size:12px;outline:none;cursor:pointer}.studio-controls select:focus,.studio-select:focus{border-color:var(--color-accent)}.control-group{display:flex;align-items:center;gap:6px}.control-separator{width:1px;height:24px;background:var(--color-border-subtle);margin:0 4px}.studio-prompt-area{display:flex;gap:8px;padding:10px 16px;background:var(--color-surface);border-top:1px solid var(--color-border-subtle);flex-shrink:0;align-items:flex-end}.studio-prompt-input{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 14px;color:var(--color-text);font-family:var(--font-body);font-size:14px;resize:none;line-height:1.5;outline:none;transition:border-color .15s;min-height:42px;max-height:120px}.studio-prompt-input:focus{border-color:var(--color-accent)}.studio-prompt-input::placeholder{color:var(--color-text-muted)}.studio-prompt-input:disabled{opacity:.5}.studio-neg-prompt{flex:.5;min-width:200px}.studio-advanced{display:flex;gap:12px;padding:8px 16px;background:var(--abyss-925);border-top:1px solid var(--color-border-subtle);flex-shrink:0;flex-wrap:wrap;align-items:center}.studio-advanced .control-group label{min-width:50px}.studio-advanced input[type=range]{width:100px;accent-color:var(--color-accent)}.studio-advanced input[type=number]{width:70px;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:4px 6px;color:var(--color-text);font-family:var(--font-mono);font-size:11px;outline:none}.studio-generate-btn{display:flex;align-items:center;gap:8px;padding:10px 24px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-md);font-size:14px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:background .15s;flex-shrink:0;height:42px}.studio-generate-btn:hover:not(:disabled){background:var(--color-accent-hover)}.studio-generate-btn:disabled{opacity:.4;cursor:not-allowed}.studio-generate-btn.generating{background:var(--color-accent-subtle);color:var(--color-accent)}.studio-dropzone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:32px;text-align:center;color:var(--color-text-muted);cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;gap:12px;min-height:200px;justify-content:center}.studio-dropzone:hover,.studio-dropzone.drag-over{border-color:var(--color-accent);background:var(--color-accent-subtle);color:var(--color-text-secondary)}.studio-dropzone img{max-height:300px;max-width:100%;object-fit:contain;border-radius:var(--radius-md)}.inpaint-canvas-container{position:relative;display:flex;align-items:center;justify-content:center;flex:1}.inpaint-canvas{cursor:crosshair;border-radius:var(--radius-md)}.inpaint-toolbar{display:flex;gap:8px;padding:8px 16px;align-items:center}.inpaint-toolbar label{font-size:12px;color:var(--color-text-secondary)}.inpaint-toolbar input[type=range]{width:120px;accent-color:var(--color-accent)}.studio-batch-input{width:100%;min-height:150px;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;color:var(--color-text);font-family:var(--font-body);font-size:13px;line-height:1.6;resize:vertical;outline:none}.studio-batch-input:focus{border-color:var(--color-accent)}.batch-progress{display:flex;flex-direction:column;gap:8px;padding:12px 16px}.batch-progress-bar{width:100%;height:6px;background:var(--abyss-700);border-radius:3px;overflow:hidden}.batch-progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s}.batch-progress-text{font-size:12px;color:var(--color-text-secondary);font-family:var(--font-mono)}.batch-results{display:flex;gap:8px;flex-wrap:wrap;padding:12px 16px}.training-panel{display:flex;flex-direction:column;gap:16px;padding:20px;max-width:700px}.training-panel h3{font-family:var(--font-display);font-size:18px;font-weight:700}.training-form{display:flex;flex-direction:column;gap:12px}.training-form .form-row{display:flex;align-items:center;gap:12px}.training-form .form-row label{font-size:13px;color:var(--color-text-secondary);min-width:120px;font-weight:500}.training-form input[type=text],.training-form input[type=number]{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--color-text);font-family:var(--font-body);font-size:13px;outline:none;max-width:300px}.training-form input:focus{border-color:var(--color-accent)}.training-progress{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.training-stats{display:flex;gap:24px;font-size:12px;font-family:var(--font-mono);color:var(--color-text-secondary)}.training-stats span{display:flex;align-items:center;gap:4px}.studio-history{display:flex;flex-direction:column;height:100%}.history-search{display:flex;gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle)}.history-search input{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 12px;color:var(--color-text);font-family:var(--font-body);font-size:13px;outline:none}.history-search input:focus{border-color:var(--color-accent)}.history-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:8px;padding:12px 16px;overflow-y:auto;flex:1}.history-item{position:relative;aspect-ratio:1;border-radius:var(--radius-sm);overflow:hidden;cursor:pointer;border:2px solid transparent;transition:border-color .15s}.history-item:hover{border-color:var(--color-border)}.history-item.selected{border-color:var(--color-accent)}.history-item img{width:100%;height:100%;object-fit:cover}.history-item-meta{position:absolute;bottom:0;left:0;right:0;padding:4px 6px;background:linear-gradient(transparent,#000c);font-size:10px;color:#fffc;font-family:var(--font-mono)}.studio-checkbox{display:flex;align-items:center;gap:6px;cursor:pointer;font-size:12px;color:var(--color-text-secondary)}.studio-checkbox input[type=checkbox]{accent-color:var(--color-accent)}.strength-display{font-family:var(--font-mono);font-size:12px;color:var(--color-accent);min-width:35px;text-align:right}.lora-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--easel-700);color:var(--easel-100);border-radius:12px;font-size:11px;font-weight:500}.lora-badge button{background:none;border:none;color:var(--easel-200);cursor:pointer;padding:0;display:flex}.studio-mode-tabs{display:flex;gap:2px;padding:0 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);flex-shrink:0}.studio-mode-tab{display:flex;align-items:center;gap:6px;padding:8px 16px;background:none;border:none;border-bottom:2px solid transparent;color:var(--color-text-muted);font-family:var(--font-body);font-size:13px;font-weight:500;cursor:pointer;transition:all .15s}.studio-mode-tab:hover{color:var(--color-text-secondary);background:var(--color-surface-hover)}.studio-mode-tab.active{color:var(--color-accent);border-bottom-color:var(--color-accent)}.studio-topbar-right{display:flex;align-items:center;gap:8px}.studio-history-btn{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-body);font-size:12px;cursor:pointer;transition:all .15s}.studio-history-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.studio-lora-area{position:relative;display:inline-flex}.studio-lora-toggle{display:flex;align-items:center;gap:6px;padding:5px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-body);font-size:12px;cursor:pointer;transition:all .15s}.studio-lora-toggle:hover{background:var(--color-surface-hover);color:var(--color-text)}.studio-lora-count{background:var(--color-accent);color:#fff;font-size:10px;font-weight:700;border-radius:8px;padding:1px 5px;min-width:16px;text-align:center}.studio-lora-dropdown{position:absolute;top:100%;left:0;z-index:100;width:300px;max-height:320px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;overflow:hidden;display:flex;flex-direction:column}.studio-lora-dropdown-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:12px;font-weight:600;color:var(--color-text-secondary)}.studio-lora-dropdown-header button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex}.studio-lora-empty{padding:16px 12px;font-size:12px;color:var(--color-text-muted);text-align:center}.studio-lora-list{overflow-y:auto;flex:1}.studio-lora-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle)}.studio-lora-item:last-child{border-bottom:none}.studio-lora-name{font-size:12px;color:var(--color-text);font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:130px}.studio-lora-weight{display:flex;align-items:center;gap:6px;font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary)}.studio-lora-weight input[type=range]{width:80px;accent-color:var(--color-accent)}.studio-lora-load-btn{padding:3px 10px;background:var(--color-accent-subtle);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-accent);font-size:11px;font-weight:600;cursor:pointer;font-family:var(--font-body);transition:background .15s}.studio-lora-load-btn:hover{background:var(--color-accent);color:#fff}.studio-zoom-controls{display:flex;align-items:center;gap:4px;margin-top:4px}.studio-zoom-controls button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .15s}.studio-zoom-controls button:hover{background:var(--color-surface-hover);color:var(--color-text)}.studio-zoom-level{font-size:11px;font-family:var(--font-mono);color:var(--color-text-muted);min-width:40px;text-align:center}.studio-drop-zone{border:2px dashed var(--color-border);border-radius:var(--radius-lg);padding:32px;text-align:center;color:var(--color-text-muted);cursor:pointer;transition:all .15s;display:flex;flex-direction:column;align-items:center;justify-content:center;min-height:200px;width:100%}.studio-drop-zone:hover{border-color:var(--color-accent);background:var(--color-accent-subtle);color:var(--color-text-secondary)}.studio-drop-placeholder{display:flex;flex-direction:column;align-items:center;gap:12px}.studio-drop-placeholder p{font-size:14px}.studio-file-label{font-size:13px;color:var(--color-accent);cursor:pointer;text-decoration:underline}.studio-file-input{display:none}.studio-source-preview{position:relative;display:inline-block}.studio-source-image{max-height:300px;max-width:100%;object-fit:contain;border-radius:var(--radius-md)}.studio-clear-source{position:absolute;top:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:#0009;border:none;border-radius:50%;color:#fff;cursor:pointer;transition:background .15s}.studio-clear-source:hover{background:#000000d9}.studio-img2img-panel{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%;max-width:800px}.studio-img2img-settings{width:100%;max-width:400px}.studio-img2img-result{display:flex;flex-direction:column;align-items:center;gap:8px}.studio-inpaint-panel{display:flex;flex-direction:column;align-items:center;gap:16px;width:100%}.studio-inpaint-workspace{display:flex;flex-direction:column;align-items:center;gap:8px;width:100%}.studio-inpaint-toolbar{display:flex;gap:12px;align-items:center;padding:8px 0;flex-wrap:wrap}.studio-inpaint-tool-btn{display:flex;align-items:center;gap:6px;padding:6px 12px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.studio-inpaint-tool-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.studio-inpaint-canvas-wrap{position:relative;display:inline-block}.studio-inpaint-canvas{max-height:calc(100vh - 400px);max-width:100%;border-radius:var(--radius-md);display:block}.studio-inpaint-overlay{position:absolute;top:0;left:0;width:100%;height:100%;cursor:crosshair;border-radius:var(--radius-md)}.studio-inpaint-result{display:flex;flex-direction:column;align-items:center;gap:8px;margin-top:16px}.studio-batch-panel{display:flex;flex-direction:column;gap:16px;width:100%;max-width:700px;padding:16px}.studio-batch-label{font-size:13px;color:var(--color-text-secondary);font-weight:600;margin-bottom:8px;display:block}.studio-batch-textarea{width:100%;min-height:180px;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:12px;color:var(--color-text);font-family:var(--font-body);font-size:13px;line-height:1.6;resize:vertical;outline:none}.studio-batch-textarea:focus{border-color:var(--color-accent)}.studio-batch-textarea:disabled{opacity:.5}.studio-batch-info{display:flex;align-items:center;justify-content:space-between;margin-top:8px;font-size:12px;color:var(--color-text-muted);font-family:var(--font-mono)}.studio-batch-progress{display:flex;flex-direction:column;gap:12px}.studio-batch-error{color:var(--color-error);font-size:12px}.studio-progress-header{display:flex;gap:16px;align-items:center;font-size:12px;font-family:var(--font-mono);color:var(--color-text-secondary)}.studio-progress-bar{width:100%;height:6px;background:var(--abyss-700);border-radius:3px;overflow:hidden}.studio-progress-fill{height:100%;background:var(--color-accent);border-radius:3px;transition:width .3s}.studio-training-panel{display:flex;flex-direction:column;gap:16px;width:100%;max-width:600px;padding:20px}.studio-training-title{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--color-text)}.studio-training-form{display:flex;flex-direction:column;gap:12px}.studio-folder-picker{display:flex;gap:6px;flex:1}.studio-folder-picker input{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:6px 10px;color:var(--color-text);font-family:var(--font-body);font-size:13px;outline:none}.studio-folder-picker button{display:flex;align-items:center;justify-content:center;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);cursor:pointer;transition:all .15s}.studio-folder-picker button:hover{background:var(--color-surface-hover);color:var(--color-text)}.studio-training-progress{display:flex;flex-direction:column;gap:12px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md)}.studio-training-preview{display:flex;flex-direction:column;gap:8px}.studio-training-preview h4{font-size:13px;font-weight:600;color:var(--color-text-secondary)}.studio-training-preview-img{max-width:256px;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.studio-controlnet-panel{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto}.studio-controlnet-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.studio-controlnet-type-btn{padding:8px 12px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:12px;cursor:pointer;transition:all .15s}.studio-controlnet-type-btn:hover{border-color:var(--color-border);color:var(--color-text)}.studio-controlnet-type-btn.active{border-color:var(--color-accent);background:var(--color-accent-subtle);color:var(--color-accent)}.studio-controlnet-images{display:flex;gap:12px;align-items:flex-start;flex-wrap:wrap}.studio-controlnet-img-wrap{position:relative;max-width:300px}.studio-controlnet-img-wrap img{max-width:100%;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.studio-controlnet-img-label{position:absolute;top:6px;left:6px;padding:2px 8px;background:#000000b3;border-radius:var(--radius-sm);font-size:11px;color:#fff}.studio-sprites-panel{display:flex;flex-direction:column;gap:16px;padding:16px;height:100%;overflow-y:auto}.studio-sprites-result{margin-top:12px}.studio-sprites-result img{max-width:100%;image-rendering:pixelated;border-radius:var(--radius-md);border:1px solid var(--color-border-subtle)}.studio-pillar-picker{background:var(--color-surface);border-radius:var(--radius-lg);padding:24px;max-width:400px;width:90%}.studio-pillar-picker h3{font-size:16px;margin-bottom:4px}.studio-pillar-picker-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:8px;margin-top:16px}.studio-pillar-picker-btn{padding:12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-md);color:var(--color-text);font-size:13px;cursor:pointer;transition:all .15s}.studio-pillar-picker-btn:hover{border-color:var(--color-accent);background:var(--color-accent-subtle)}.studio-training-complete{padding:8px 0}.studio-training-done-text{color:var(--color-success);font-size:14px;font-weight:600}.studio-history-overlay{position:fixed;inset:0;z-index:900;background:#0009;display:flex;justify-content:flex-end}.studio-history-panel{width:420px;max-width:90vw;height:100%;background:var(--color-surface);border-left:1px solid var(--color-border);display:flex;flex-direction:column;box-shadow:-8px 0 32px #0006}.studio-history-header{display:flex;align-items:center;justify-content:space-between;padding:16px;border-bottom:1px solid var(--color-border-subtle)}.studio-history-header h3{font-family:var(--font-display);font-size:18px;font-weight:700}.studio-history-header button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;display:flex;padding:4px;border-radius:var(--radius-sm);transition:all .15s}.studio-history-header button:hover{background:var(--color-surface-hover);color:var(--color-text)}.studio-history-search{display:flex;align-items:center;gap:8px;padding:12px 16px;border-bottom:1px solid var(--color-border-subtle);color:var(--color-text-muted)}.studio-history-search input{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:8px 10px;color:var(--color-text);font-family:var(--font-body);font-size:13px;outline:none}.studio-history-search input:focus{border-color:var(--color-accent)}.studio-history-list{flex:1;overflow-y:auto}.studio-history-empty{padding:32px 16px;text-align:center;color:var(--color-text-muted);font-size:13px}.studio-history-entry{display:flex;gap:12px;padding:10px 16px;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .15s}.studio-history-entry:hover{background:var(--color-surface-hover)}.studio-history-thumb{width:64px;height:64px;object-fit:cover;border-radius:var(--radius-sm);flex-shrink:0}.studio-history-meta{flex:1;min-width:0;display:flex;flex-direction:column;gap:4px;justify-content:center}.studio-history-prompt{font-size:12px;color:var(--color-text);line-height:1.4;overflow:hidden;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical}.studio-history-details{display:flex;gap:10px;font-size:10px;font-family:var(--font-mono);color:var(--color-text-muted)}.studio-history-pagination{display:flex;justify-content:center;gap:8px;padding:12px 16px;border-top:1px solid var(--color-border-subtle)}.studio-history-pagination button{padding:6px 16px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-family:var(--font-body);font-size:12px;cursor:pointer;transition:all .15s}.studio-history-pagination button:hover:not(:disabled){background:var(--color-surface-hover);color:var(--color-text)}.studio-history-pagination button:disabled{opacity:.4;cursor:not-allowed}.illustration-layout{display:flex;flex:1;overflow:hidden;height:100%}.illust-toolbar{display:flex;flex-direction:column;gap:2px;padding:8px 4px;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);width:44px;flex-shrink:0;align-items:center}.illust-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.illust-tool-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.illust-tool-btn.active{background:var(--color-accent-subtle);color:var(--color-accent)}.illust-tool-separator{width:28px;height:1px;background:var(--color-border-subtle);margin:4px 0}.illust-color-swatches{position:relative;width:32px;height:32px;margin-top:auto;margin-bottom:8px}.illust-fg-swatch,.illust-bg-swatch{position:absolute;width:20px;height:20px;border-radius:3px;border:2px solid var(--color-border);cursor:pointer}.illust-fg-swatch{top:0;left:0;z-index:2}.illust-bg-swatch{bottom:0;right:0;z-index:1}.illust-canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas-surface);position:relative}.illust-topbar{display:flex;align-items:center;gap:12px;padding:6px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);font-size:12px;color:var(--color-text-secondary);flex-shrink:0}.illust-topbar .tool-name{font-weight:600;color:var(--color-text)}.illust-topbar .zoom-display{font-family:var(--font-mono);font-size:11px}.illust-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.illust-canvas-container canvas{box-shadow:var(--canvas-shadow);cursor:crosshair}.illust-right-panel{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border-subtle);overflow-y:auto}.illust-layers-section{display:flex;flex-direction:column;flex:1;min-height:0}.illust-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.illust-panel-header-actions{display:flex;gap:2px}.illust-panel-header-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .12s}.illust-panel-header-actions button:hover{background:var(--color-surface-hover);color:var(--color-text)}.illust-layer-list{flex:1;overflow-y:auto}.illust-layer-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .1s;font-size:12px}.illust-layer-item:hover{background:var(--color-surface-hover)}.illust-layer-item.active{background:var(--color-accent-subtle);border-left:3px solid var(--color-accent);padding-left:9px}.illust-layer-name{flex:1;font-size:12px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.illust-layer-actions{display:flex;gap:2px}.illust-layer-actions button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:3px}.illust-layer-actions button:hover{color:var(--color-text)}.illust-layer-actions button.active{color:var(--color-accent)}.illust-layer-actions button.hidden{color:var(--color-text-muted);opacity:.3}.illust-properties-section{border-top:1px solid var(--color-border);padding:12px;display:flex;flex-direction:column;gap:10px}.illust-prop-row{display:flex;align-items:center;gap:8px;font-size:12px}.illust-prop-row label{color:var(--color-text-muted);min-width:55px;font-size:11px;font-weight:500}.illust-prop-row input[type=range]{flex:1;accent-color:var(--color-accent)}.illust-prop-row input[type=number],.illust-prop-row input[type=text]{width:60px;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;color:var(--color-text);font-family:var(--font-mono);font-size:11px;outline:none}.illust-prop-row input[type=color]{width:28px;height:28px;padding:0;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:none}.illust-prop-row select{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;color:var(--color-text);font-size:11px;outline:none}.illust-prop-value{font-family:var(--font-mono);font-size:11px;color:var(--color-text-secondary);min-width:30px;text-align:right}.illust-ai-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.illust-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.illust-ai-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.paint-layout{display:flex;flex:1;overflow:hidden;height:100%}.paint-toolbar{display:flex;flex-direction:column;gap:2px;padding:8px 4px;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);width:44px;flex-shrink:0;align-items:center}.paint-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.paint-tool-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.paint-tool-btn.active{background:var(--color-accent-subtle);color:var(--color-accent)}.paint-tool-separator{width:28px;height:1px;background:var(--color-border-subtle);margin:4px 0}.paint-color-area{margin-top:auto;display:flex;flex-direction:column;align-items:center;gap:6px;margin-bottom:8px}.paint-color-swatches{position:relative;width:32px;height:32px}.paint-fg-swatch,.paint-bg-swatch{position:absolute;width:20px;height:20px;border-radius:3px;border:2px solid var(--color-border);cursor:pointer}.paint-fg-swatch{top:0;left:0;z-index:2}.paint-bg-swatch{bottom:0;right:0;z-index:1}.paint-recent-colors{display:flex;flex-wrap:wrap;gap:2px;width:36px}.paint-recent-swatch{width:10px;height:10px;border-radius:2px;border:1px solid var(--color-border-subtle);cursor:pointer}.paint-canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas-surface);position:relative}.paint-topbar{display:flex;align-items:center;gap:12px;padding:6px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);font-size:12px;color:var(--color-text-secondary);flex-shrink:0}.paint-topbar .tool-name{font-weight:600;color:var(--color-text)}.paint-topbar .brush-preview{display:inline-flex;align-items:center;justify-content:center}.paint-topbar .brush-preview span{display:inline-block;border-radius:50%;background:var(--color-text)}.paint-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.paint-canvas-container canvas{box-shadow:var(--canvas-shadow);background-image:linear-gradient(45deg,var(--abyss-800) 25%,transparent 25%),linear-gradient(-45deg,var(--abyss-800) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--abyss-800) 75%),linear-gradient(-45deg,transparent 75%,var(--abyss-800) 75%);background-size:16px 16px;background-position:0 0,0 8px,8px -8px,-8px 0px;background-color:var(--abyss-850)}.paint-right-panel{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border-subtle);overflow-y:auto}.paint-layers-section{display:flex;flex-direction:column;min-height:160px}.paint-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.paint-panel-actions{display:flex;gap:2px}.paint-panel-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.paint-panel-actions button:hover{background:var(--color-surface-hover);color:var(--color-text)}.paint-layer-list{overflow-y:auto;flex:1}.paint-layer-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .1s}.paint-layer-item:hover{background:var(--color-surface-hover)}.paint-layer-item.active{background:var(--color-accent-subtle);border-left:3px solid var(--color-accent);padding-left:9px}.paint-layer-thumb{width:32px;height:32px;border-radius:3px;border:1px solid var(--color-border);object-fit:cover;background:var(--abyss-850)}.paint-layer-info{flex:1;min-width:0}.paint-layer-name{font-size:12px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.paint-layer-blend{font-size:10px;color:var(--color-text-muted)}.paint-layer-controls{display:flex;gap:2px}.paint-layer-controls button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:3px}.paint-layer-controls button:hover{color:var(--color-text)}.paint-layer-controls button.active{color:var(--color-accent)}.paint-layer-controls button.hidden{opacity:.3}.paint-blend-row{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle)}.paint-blend-row select{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;color:var(--color-text);font-size:11px;outline:none}.paint-blend-row label{font-size:11px;color:var(--color-text-muted)}.paint-blend-row input[type=range]{width:60px;accent-color:var(--color-accent)}.paint-opacity-val{font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);min-width:28px;text-align:right}.paint-adjustments-section{border-top:1px solid var(--color-border)}.paint-adjustment-row{display:flex;align-items:center;gap:8px;padding:4px 12px}.paint-adjustment-row label{font-size:11px;color:var(--color-text-muted);min-width:60px}.paint-adjustment-row input[type=range]{flex:1;accent-color:var(--color-accent)}.paint-adjustment-val{font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);min-width:30px;text-align:right}.paint-brush-settings{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.paint-brush-row{display:flex;align-items:center;gap:8px;font-size:12px}.paint-brush-row label{font-size:11px;color:var(--color-text-muted);min-width:55px}.paint-brush-row input[type=range]{flex:1;accent-color:var(--color-accent)}.paint-brush-val{font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);min-width:28px;text-align:right}.paint-ai-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.paint-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.paint-ai-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.paint-ai-btn:disabled{opacity:.4;cursor:not-allowed}.paint-history-section{padding:8px 12px;border-top:1px solid var(--color-border);max-height:120px;overflow-y:auto}.paint-history-item{font-size:11px;color:var(--color-text-muted);padding:2px 0}.paint-history-item.current{color:var(--color-text);font-weight:600}.motion-layout{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.motion-top{display:flex;flex:1;overflow:hidden;min-height:0}.motion-toolbar{display:flex;flex-direction:column;gap:2px;padding:8px 4px;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);width:44px;flex-shrink:0;align-items:center}.motion-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.motion-tool-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.motion-tool-btn.active{background:var(--color-accent-subtle);color:var(--color-accent)}.motion-tool-separator{width:28px;height:1px;background:var(--color-border-subtle);margin:4px 0}.motion-canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas-surface);position:relative}.motion-topbar{display:flex;align-items:center;gap:12px;padding:6px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);font-size:12px;color:var(--color-text-secondary);flex-shrink:0}.motion-topbar .frame-display{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-text)}.motion-topbar .fps-display{font-family:var(--font-mono);font-size:11px}.motion-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.motion-canvas-container canvas{box-shadow:var(--canvas-shadow);cursor:crosshair}.motion-onion-controls{position:absolute;top:8px;right:8px;background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;display:flex;flex-direction:column;gap:6px;font-size:11px;color:var(--color-text-secondary);box-shadow:0 4px 16px #0000004d;z-index:10}.motion-onion-controls label{display:flex;align-items:center;gap:6px;cursor:pointer}.motion-onion-controls input[type=checkbox]{accent-color:var(--color-accent)}.motion-onion-controls input[type=range]{width:80px;accent-color:var(--color-accent)}.motion-right-panel{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border-subtle);overflow-y:auto}.motion-layers-section{display:flex;flex-direction:column;min-height:140px}.motion-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.motion-panel-actions{display:flex;gap:2px}.motion-panel-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.motion-panel-actions button:hover{background:var(--color-surface-hover);color:var(--color-text)}.motion-layer-list{overflow-y:auto;flex:1}.motion-layer-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .1s}.motion-layer-item:hover{background:var(--color-surface-hover)}.motion-layer-item.active{background:var(--color-accent-subtle);border-left:3px solid var(--color-accent);padding-left:9px}.motion-layer-name{flex:1;font-size:12px;color:var(--color-text)}.motion-layer-type-badge{font-size:9px;padding:1px 5px;border-radius:8px;background:var(--abyss-700);color:var(--color-text-muted);font-weight:600;text-transform:uppercase}.motion-layer-controls{display:flex;gap:2px}.motion-layer-controls button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:3px}.motion-layer-controls button:hover{color:var(--color-text)}.motion-layer-controls button.active{color:var(--color-accent)}.motion-ai-coach{border-top:1px solid var(--color-border);padding:10px 12px;display:flex;flex-direction:column;gap:8px}.motion-ai-coach-header{display:flex;align-items:center;gap:6px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-accent)}.motion-coach-tip{display:flex;gap:8px;padding:8px 10px;background:var(--color-accent-subtle);border:1px solid rgba(210,120,100,.2);border-radius:var(--radius-sm);font-size:11px;line-height:1.5;color:var(--color-text-secondary)}.motion-coach-tip-icon{flex-shrink:0;color:var(--color-accent);margin-top:1px}.motion-ai-actions{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.motion-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.motion-ai-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.motion-brush-settings{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.motion-brush-row{display:flex;align-items:center;gap:8px}.motion-brush-row label{font-size:11px;color:var(--color-text-muted);min-width:45px}.motion-brush-row input[type=range]{flex:1;accent-color:var(--color-accent)}.motion-brush-row input[type=color]{width:24px;height:24px;padding:0;border:2px solid var(--color-border);border-radius:var(--radius-sm);cursor:pointer;background:none}.motion-brush-val{font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);min-width:28px;text-align:right}.motion-timeline{height:200px;min-height:140px;background:var(--color-surface);border-top:2px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.motion-transport{display:flex;align-items:center;gap:4px;padding:6px 12px;border-bottom:1px solid var(--color-border-subtle);background:var(--abyss-925)}.motion-transport-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.motion-transport-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.motion-transport-btn.active{color:var(--color-accent)}.motion-transport-btn.playing{color:var(--color-success)}.motion-transport-info{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary)}.motion-fps-select{background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:2px 6px;color:var(--color-text);font-size:11px;font-family:var(--font-mono);outline:none}.motion-frame-strip{flex:1;overflow-x:auto;overflow-y:hidden;position:relative}.motion-frame-ruler{display:flex;height:20px;border-bottom:1px solid var(--color-border-subtle);background:var(--abyss-925);min-width:fit-content}.motion-frame-number{width:32px;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:9px;font-family:var(--font-mono);color:var(--color-text-muted);border-right:1px solid var(--color-border-subtle);cursor:pointer;-webkit-user-select:none;user-select:none}.motion-frame-number:hover{background:var(--color-surface-hover);color:var(--color-text)}.motion-frame-number.current{background:var(--color-accent);color:#fff;font-weight:700}.motion-frame-number.has-content{color:var(--color-text);font-weight:600}.motion-tracks{flex:1;overflow-y:auto;min-width:fit-content}.motion-track{display:flex;height:28px;border-bottom:1px solid var(--color-border-subtle)}.motion-track-label{width:100px;flex-shrink:0;display:flex;align-items:center;padding:0 8px;font-size:11px;color:var(--color-text-secondary);background:var(--abyss-925);border-right:1px solid var(--color-border-subtle);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.motion-track-frames{display:flex;flex:1}.motion-track-cell{width:32px;flex-shrink:0;border-right:1px solid var(--color-border-subtle);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:background .1s}.motion-track-cell:hover{background:var(--color-surface-hover)}.motion-track-cell.current{background:#d278641a}.motion-keyframe-dot{width:8px;height:8px;background:var(--color-accent);border-radius:2px;transform:rotate(45deg)}.motion-frame-dot{width:6px;height:6px;background:var(--color-text-muted);border-radius:50%;opacity:.4}.motion-playhead{position:absolute;top:0;width:2px;height:100%;background:var(--color-accent);z-index:5;pointer-events:none}.motion-frame-actions{display:flex;gap:4px;margin-left:12px}.motion-frame-action-btn{display:flex;align-items:center;gap:4px;padding:3px 8px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-muted);font-size:10px;font-family:var(--font-body);cursor:pointer;transition:all .12s}.motion-frame-action-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.motion-export-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.motion-export-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.motion-export-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.layout-container{display:flex;flex:1;overflow:hidden;height:100%}.layout-toolbar{display:flex;flex-direction:column;gap:2px;padding:8px 4px;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);width:44px;flex-shrink:0;align-items:center}.layout-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.layout-tool-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.layout-tool-btn.active{background:var(--color-accent-subtle);color:var(--color-accent)}.layout-tool-separator{width:28px;height:1px;background:var(--color-border-subtle);margin:4px 0}.layout-canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas-surface)}.layout-topbar{display:flex;align-items:center;gap:12px;padding:6px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);font-size:12px;color:var(--color-text-secondary);flex-shrink:0}.layout-topbar select{background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 8px;color:var(--color-text);font-size:11px;outline:none}.layout-topbar .page-display{font-family:var(--font-mono);font-size:11px;font-weight:600;color:var(--color-text)}.layout-spread-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative;padding:40px}.layout-page{background:#fff;box-shadow:0 4px 24px #0006;position:relative;overflow:hidden}.layout-page .bleed-indicator{position:absolute;border:1px dashed rgba(255,0,0,.3);pointer-events:none}.layout-page .margin-indicator{position:absolute;border:1px dashed rgba(0,120,255,.3);pointer-events:none}.layout-text-frame{position:absolute;border:1px solid transparent;cursor:move;min-width:20px;min-height:20px}.layout-text-frame:hover,.layout-text-frame.selected{border-color:var(--color-accent)}.layout-text-frame.selected .layout-frame-handle{display:block}.layout-frame-handle{display:none;position:absolute;width:8px;height:8px;background:var(--color-accent);border:1px solid white;border-radius:1px}.layout-overflow-indicator{display:none;position:absolute;right:-3px;bottom:-3px;width:10px;height:10px;background:#e53935;border-radius:50%;pointer-events:none}.layout-overflow-indicator:before{content:"+";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:8px;font-weight:700;color:#fff;line-height:1}.layout-text-frame:has([data-overflow=true]) .layout-overflow-indicator{display:block}.layout-image-frame{position:absolute;border:1px solid transparent;cursor:move;overflow:hidden;background:var(--abyss-850)}.layout-image-frame:hover,.layout-image-frame.selected{border-color:var(--color-accent)}.layout-image-frame img{width:100%;height:100%;object-fit:cover}.layout-right-panel{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border-subtle);overflow-y:auto}.layout-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.layout-panel-actions{display:flex;gap:2px}.layout-panel-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.layout-panel-actions button:hover{background:var(--color-surface-hover);color:var(--color-text)}.layout-pages-section{display:flex;flex-direction:column;min-height:120px}.layout-page-list{display:flex;flex-wrap:wrap;gap:6px;padding:8px 12px;overflow-y:auto}.layout-page-thumb{width:48px;height:64px;background:#fff;border:2px solid var(--color-border);border-radius:3px;cursor:pointer;display:flex;align-items:flex-end;justify-content:center;font-size:9px;padding-bottom:2px;color:var(--color-text-muted);transition:border-color .15s}.layout-page-thumb:hover{border-color:var(--color-text-secondary)}.layout-page-thumb.active{border-color:var(--color-accent);box-shadow:0 0 0 1px var(--color-accent)}.layout-page-thumb.master{background:var(--canvas-board);border-style:dashed}.layout-styles-section{border-top:1px solid var(--color-border)}.layout-style-list{overflow-y:auto;max-height:180px}.layout-style-item{display:flex;align-items:center;gap:8px;padding:5px 12px;cursor:pointer;font-size:12px;color:var(--color-text-secondary);border-bottom:1px solid var(--color-border-subtle);transition:background .1s}.layout-style-item:hover{background:var(--color-surface-hover)}.layout-style-item.active{background:var(--color-accent-subtle);color:var(--color-text);font-weight:600}.layout-style-swatch{font-size:14px;line-height:1}.layout-text-props{padding:10px 12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.layout-prop-row{display:flex;align-items:center;gap:8px}.layout-prop-row label{font-size:11px;color:var(--color-text-muted);min-width:55px}.layout-prop-row select,.layout-prop-row input[type=number]{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;color:var(--color-text);font-size:11px;outline:none}.layout-prop-row input[type=number]{width:50px;flex:unset}.layout-ai-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.layout-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.layout-ai-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.layout-ai-btn:disabled{opacity:.4;cursor:not-allowed}.layout-export-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.layout-export-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.layout-export-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.video-layout{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.video-top{display:flex;flex:1;overflow:hidden;min-height:0}.video-media-bin{width:220px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);overflow-y:auto}.video-bin-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.video-bin-actions{display:flex;gap:2px}.video-bin-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.video-bin-actions button:hover{background:var(--color-surface-hover);color:var(--color-text)}.video-bin-list{overflow-y:auto;flex:1}.video-bin-item{display:flex;align-items:center;gap:8px;padding:6px 12px;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .1s}.video-bin-item:hover{background:var(--color-surface-hover)}.video-bin-item.selected{background:var(--color-accent-subtle)}.video-bin-thumb{width:48px;height:28px;border-radius:3px;background:var(--abyss-850);object-fit:cover;flex-shrink:0}.video-bin-info{flex:1;min-width:0}.video-bin-name{font-size:11px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.video-bin-meta{font-size:10px;color:var(--color-text-muted)}.video-bin-type-badge{font-size:9px;padding:1px 5px;border-radius:8px;background:var(--abyss-700);color:var(--color-text-muted);font-weight:600;text-transform:uppercase}.video-preview-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas-surface)}.video-preview-bar{display:flex;align-items:center;gap:8px;padding:4px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);font-size:11px;color:var(--color-text-secondary)}.video-preview-bar .tab{padding:3px 10px;border-radius:var(--radius-sm);cursor:pointer;transition:all .12s}.video-preview-bar .tab:hover{background:var(--color-surface-hover)}.video-preview-bar .tab.active{background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}.video-monitor{flex:1;display:flex;align-items:center;justify-content:center;position:relative}.video-monitor canvas,.video-monitor video{max-width:100%;max-height:100%;box-shadow:0 4px 24px #0006}.video-monitor-overlay{position:absolute;bottom:12px;left:50%;transform:translate(-50%);display:flex;gap:4px;background:#000000b3;padding:6px 12px;border-radius:var(--radius-md)}.video-monitor-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;color:#ffffffb3;cursor:pointer;border-radius:var(--radius-sm);transition:all .12s}.video-monitor-btn:hover{color:#fff;background:#ffffff1a}.video-monitor-btn.active{color:var(--color-accent)}.video-timecode{font-family:var(--font-mono);font-size:12px;color:#fff;padding:0 8px;display:flex;align-items:center}.video-inspector{width:260px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border-subtle);overflow-y:auto}.video-inspector-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.video-effect-list{overflow-y:auto;flex:1}.video-effect-item{padding:8px 12px;border-bottom:1px solid var(--color-border-subtle)}.video-effect-name{font-size:12px;color:var(--color-text);margin-bottom:6px;display:flex;align-items:center;justify-content:space-between}.video-effect-param{display:flex;align-items:center;gap:8px;padding:2px 0}.video-effect-param label{font-size:11px;color:var(--color-text-muted);min-width:55px}.video-effect-param input[type=range]{flex:1;accent-color:var(--color-accent)}.video-effect-val{font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);min-width:28px;text-align:right}.video-color-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:8px}.video-color-wheel{width:80px;height:80px;border-radius:50%;border:2px solid var(--color-border);background:conic-gradient(red,#ff0,#0f0,#0ff,#00f,#f0f,red);cursor:crosshair;margin:0 auto}.video-color-label{font-size:10px;text-align:center;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px}.video-ai-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.video-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.video-ai-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.video-ai-btn:disabled{opacity:.4;cursor:not-allowed}.video-timeline{height:220px;min-height:160px;background:var(--color-surface);border-top:2px solid var(--color-border);display:flex;flex-direction:column;flex-shrink:0}.video-timeline-toolbar{display:flex;align-items:center;gap:4px;padding:4px 12px;border-bottom:1px solid var(--color-border-subtle);background:var(--abyss-925)}.video-tl-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.video-tl-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.video-tl-btn.active{color:var(--color-accent)}.video-tl-info{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary)}.video-tl-ruler{height:20px;background:var(--abyss-925);border-bottom:1px solid var(--color-border-subtle);position:relative;overflow:hidden}.video-tl-ruler-mark{position:absolute;top:0;height:100%;border-left:1px solid var(--color-border-subtle);font-size:9px;font-family:var(--font-mono);color:var(--color-text-muted);padding-left:3px;padding-top:2px}.video-tl-tracks{flex:1;overflow:auto;position:relative}.video-tl-track{display:flex;height:36px;border-bottom:1px solid var(--color-border-subtle)}.video-tl-track-label{width:100px;flex-shrink:0;display:flex;align-items:center;gap:4px;padding:0 8px;font-size:11px;color:var(--color-text-secondary);background:var(--abyss-925);border-right:1px solid var(--color-border-subtle)}.video-tl-track-label .track-icon{color:var(--color-text-muted)}.video-tl-track-clips{flex:1;position:relative;overflow:hidden}.video-tl-clip{position:absolute;top:3px;height:30px;border-radius:4px;display:flex;align-items:center;padding:0 8px;font-size:10px;color:#fff;cursor:pointer;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;transition:opacity .1s}.video-tl-clip:hover{opacity:.9}.video-tl-clip.selected{outline:2px solid white;outline-offset:-2px}.video-tl-clip.video-clip{background:#3b7dd8}.video-tl-clip.audio-clip{background:#2d8f5e}.video-tl-clip.title-clip{background:#9b59b6}.video-tl-clip.image-clip{background:#e67e22}.video-tl-playhead{position:absolute;top:0;width:2px;height:100%;background:var(--color-accent);z-index:10;pointer-events:none}.video-tl-playhead:before{content:"";position:absolute;top:-2px;left:-5px;width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-top:8px solid var(--color-accent)}.cad2d-layout{display:flex;flex:1;overflow:hidden;min-height:0}.cad2d-toolbar{display:flex;flex-direction:column;gap:2px;padding:8px 4px;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);width:44px;flex-shrink:0;align-items:center;overflow-y:auto;overflow-x:hidden}.cad2d-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.cad2d-tool-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.cad2d-tool-btn.active{background:var(--color-accent-subtle);color:var(--color-accent)}.cad2d-tool-separator{width:28px;height:1px;background:var(--color-border-subtle);margin:4px 0}.cad2d-canvas-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--canvas-surface);position:relative}.cad2d-topbar{display:flex;align-items:center;gap:12px;padding:6px 16px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle);font-size:12px;color:var(--color-text-secondary);flex-shrink:0}.cad2d-topbar .coord-display{font-family:var(--font-mono);font-size:11px;color:var(--color-text);font-weight:600}.cad2d-snap-indicator{display:flex;align-items:center;gap:4px;font-size:10px;padding:2px 8px;border-radius:10px;background:var(--color-accent-subtle);color:var(--color-accent);font-weight:600}.cad2d-snap-indicator.off{background:var(--abyss-800);color:var(--color-text-muted)}.cad2d-canvas-container{flex:1;display:flex;align-items:center;justify-content:center;overflow:auto;position:relative}.cad2d-canvas-container canvas{cursor:crosshair}.cad2d-grid-info{position:absolute;bottom:8px;left:8px;font-family:var(--font-mono);font-size:10px;color:#fff6;pointer-events:none}.cad2d-commandline{display:flex;align-items:center;gap:8px;padding:6px 12px;background:var(--abyss-950);border-top:1px solid var(--color-border-subtle);font-family:var(--font-mono);font-size:12px}.cad2d-commandline .prompt{color:var(--color-accent);font-weight:700}.cad2d-commandline input{flex:1;background:none;border:none;color:var(--color-text);font-family:var(--font-mono);font-size:12px;outline:none}.cad2d-commandline .history{max-height:60px;overflow-y:auto;color:var(--color-text-muted);font-size:11px}.cad2d-right-panel{width:240px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border-subtle);overflow-y:auto}.cad2d-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.cad2d-properties{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.cad2d-prop-row{display:flex;align-items:center;gap:8px}.cad2d-prop-row label{font-size:11px;color:var(--color-text-muted);min-width:55px}.cad2d-prop-row input{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;color:var(--color-text);font-size:11px;font-family:var(--font-mono);outline:none}.cad2d-layers-section{border-top:1px solid var(--color-border)}.cad2d-layer-list{overflow-y:auto;max-height:180px}.cad2d-layer-item{display:flex;align-items:center;gap:6px;padding:5px 12px;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;font-size:11px;transition:background .1s}.cad2d-layer-item:hover{background:var(--color-surface-hover)}.cad2d-layer-item.active{background:var(--color-accent-subtle)}.cad2d-layer-color{width:12px;height:12px;border-radius:2px;flex-shrink:0}.cad2d-layer-name{flex:1;color:var(--color-text)}.cad2d-layer-controls{display:flex;gap:2px}.cad2d-layer-controls button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:3px}.cad2d-layer-controls button:hover{color:var(--color-text)}.cad2d-dim-section{border-top:1px solid var(--color-border);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.cad2d-dim-row{display:flex;align-items:center;gap:8px}.cad2d-dim-row label{font-size:11px;color:var(--color-text-muted);min-width:55px}.cad2d-dim-row select{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;color:var(--color-text);font-size:11px;outline:none}.cad2d-ai-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.cad2d-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.cad2d-ai-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.cad2d-panel-section{border-top:1px solid var(--color-border)}.cad2d-panel-section:first-child{border-top:none}.cad2d-panel-header--collapsible{cursor:pointer;-webkit-user-select:none;user-select:none;transition:background .12s}.cad2d-panel-header--collapsible:hover{background:var(--color-surface-hover)}.cad2d-tool-options{padding:0}.cad2d-tool-options-body{padding:8px 12px;display:flex;flex-direction:column;gap:6px}.cad2d-tool-options-label{font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);margin-top:4px;margin-bottom:2px}.cad2d-tool-hint{font-size:11px;color:var(--color-text-muted);padding:4px 0;line-height:1.4}.cad2d-tool-readout{font-family:var(--font-mono);font-size:11px;color:var(--color-text);padding:3px 6px;background:var(--abyss-850);border-radius:var(--radius-sm);min-width:40px;text-align:right}.cad2d-toggle-btn{display:flex;align-items:center;justify-content:center;background:none;border:none;cursor:pointer;padding:2px;border-radius:var(--radius-sm)}.cad2d-toggle-btn:hover{background:var(--color-surface-hover)}.cad2d-tool-steps{display:flex;flex-direction:column;gap:4px;margin-top:2px}.cad2d-tool-step{display:flex;align-items:flex-start;gap:8px;font-size:11px;color:var(--color-text-muted);line-height:1.35;opacity:.6}.cad2d-tool-step.active{color:var(--color-text);opacity:1}.cad2d-step-num{display:flex;align-items:center;justify-content:center;width:16px;height:16px;border-radius:50%;background:var(--color-border);color:var(--color-text);font-size:9px;font-weight:700;flex-shrink:0}.cad2d-tool-step.active .cad2d-step-num{background:var(--color-accent);color:#fff}.cad2d-snap-settings{padding:8px 12px;display:flex;flex-direction:column;gap:6px}.cad2d-dim-controls{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.cad3d-layout{display:flex;flex:1;overflow:hidden;height:100%}.cad3d-tools-panel{width:200px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);overflow-y:auto}.cad3d-tools-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.cad3d-tools-group{padding:6px 8px;border-bottom:1px solid var(--color-border-subtle)}.cad3d-tools-group-label{font-size:10px;font-weight:600;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.5px;padding:0 4px 4px}.cad3d-tools-grid{display:flex;flex-wrap:wrap;gap:2px}.cad3d-tool-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.cad3d-tool-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.cad3d-tool-btn.active{background:var(--color-accent-subtle);color:var(--color-accent)}.cad3d-tree-section{flex:1;overflow-y:auto}.cad3d-tree-item{display:flex;align-items:center;gap:6px;padding:4px 8px 4px 16px;cursor:pointer;font-size:11px;color:var(--color-text-secondary);transition:background .1s}.cad3d-tree-item:hover{background:var(--color-surface-hover)}.cad3d-tree-item.active{background:var(--color-accent-subtle);color:var(--color-text)}.cad3d-tree-item.suppressed{opacity:.4;text-decoration:line-through}.cad3d-tree-icon{width:16px;height:16px;color:var(--color-text-muted);flex-shrink:0}.cad3d-viewport{flex:1;display:flex;flex-direction:column;overflow:hidden;background:linear-gradient(180deg,var(--abyss-950) 0%,var(--abyss-925) 100%);position:relative}.cad3d-viewport-bar{display:flex;align-items:center;gap:8px;padding:4px 12px;background:#0000004d;font-size:11px;color:#fff9;flex-shrink:0}.cad3d-viewport-bar button{background:none;border:none;color:#ffffff80;cursor:pointer;padding:3px 8px;border-radius:var(--radius-sm);font-size:10px;font-family:var(--font-body);transition:all .12s}.cad3d-viewport-bar button:hover{background:#ffffff1a;color:#fffc}.cad3d-viewport-bar button.active{color:var(--color-accent)}.cad3d-viewport-canvas{flex:1;display:flex;align-items:center;justify-content:center}.cad3d-viewport-canvas canvas{width:100%;height:100%}.cad3d-viewcube{position:absolute;top:12px;right:12px;width:80px;height:80px;perspective:200px}.cad3d-cube{width:60px;height:60px;position:relative;transform-style:preserve-3d;margin:10px auto}.cad3d-cube-face{position:absolute;width:60px;height:60px;border:1px solid rgba(255,255,255,.2);background:#ffffff0d;display:flex;align-items:center;justify-content:center;font-size:9px;color:#ffffff80;cursor:pointer;transition:background .15s;backface-visibility:visible}.cad3d-cube-face:hover{background:#d2786433;color:#fff}.cad3d-axes{position:absolute;bottom:12px;left:12px}.cad3d-right-panel{width:250px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border-subtle);overflow-y:auto}.cad3d-panel-section{border-bottom:1px solid var(--color-border)}.cad3d-panel-header{display:flex;align-items:center;gap:6px;padding:8px 12px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted);-webkit-user-select:none;user-select:none;transition:background .12s}.cad3d-panel-header:hover{background:var(--color-surface-hover)}.cad3d-properties{padding:10px 12px;display:flex;flex-direction:column;gap:6px}.cad3d-prop-row{display:flex;align-items:center;gap:8px}.cad3d-prop-row label{font-size:11px;color:var(--color-text-muted);min-width:55px}.cad3d-prop-row input{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;color:var(--color-text);font-size:11px;font-family:var(--font-mono);outline:none}.cad3d-prop-row select{flex:1;background:var(--abyss-850);border:1px solid var(--color-border);border-radius:var(--radius-sm);padding:3px 6px;color:var(--color-text);font-size:11px;outline:none}.cad3d-material-section{border-top:1px solid var(--color-border);padding:10px 12px}.cad3d-material-preview{width:60px;height:60px;border-radius:50%;margin:0 auto 8px;border:2px solid var(--color-border);background:linear-gradient(135deg,#888,#ccc,#888)}.cad3d-material-list{display:flex;flex-wrap:wrap;gap:4px}.cad3d-material-chip{padding:3px 8px;border-radius:10px;border:1px solid var(--color-border);font-size:10px;color:var(--color-text-secondary);cursor:pointer;transition:all .12s}.cad3d-material-chip:hover,.cad3d-material-chip.active{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.cad3d-fab-section{border-top:1px solid var(--color-border);padding:10px 12px;display:flex;flex-direction:column;gap:6px}.cad3d-fab-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.cad3d-fab-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.cad3d-ai-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.cad3d-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.cad3d-ai-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.audio-layout{display:flex;flex-direction:column;flex:1;overflow:hidden;height:100%}.audio-top{display:flex;flex:1;overflow:hidden;min-height:0}.audio-track-list-panel{width:200px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-right:1px solid var(--color-border-subtle);overflow-y:auto}.audio-track-list-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.audio-track-list-actions{display:flex;gap:2px}.audio-track-list-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.audio-track-list-actions button:hover{background:var(--color-surface-hover);color:var(--color-text)}.audio-track-item{display:flex;align-items:center;gap:8px;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);cursor:pointer;transition:background .1s}.audio-track-item:hover{background:var(--color-surface-hover)}.audio-track-item.active{background:var(--color-accent-subtle);border-left:3px solid var(--color-accent);padding-left:9px}.audio-track-color{width:4px;height:32px;border-radius:2px;flex-shrink:0}.audio-track-info{flex:1;min-width:0}.audio-track-name{font-size:12px;color:var(--color-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.audio-track-meta{font-size:10px;color:var(--color-text-muted)}.audio-track-controls{display:flex;gap:2px}.audio-track-controls button{display:flex;align-items:center;justify-content:center;width:22px;height:22px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:3px;font-size:9px;font-weight:700}.audio-track-controls button:hover{background:var(--color-surface-hover);color:var(--color-text)}.audio-track-controls button.active{color:var(--color-accent)}.audio-track-controls button.solo-active{color:#f1c40f}.audio-track-controls button.mute-active{color:#e74c3c}.audio-track-meter{width:100%;height:4px;background:var(--abyss-800);border-radius:2px;overflow:hidden;margin-top:4px}.audio-track-meter-fill{height:100%;background:linear-gradient(90deg,#2ecc71,#f1c40f 70%,#e74c3c 95%);border-radius:2px;transition:width .05s}.audio-waveform-area{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--abyss-950)}.audio-waveform-toolbar{display:flex;align-items:center;gap:4px;padding:4px 12px;background:var(--color-surface);border-bottom:1px solid var(--color-border-subtle)}.audio-wf-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.audio-wf-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.audio-wf-btn.active{color:var(--color-accent)}.audio-wf-info{margin-left:auto;display:flex;gap:12px;align-items:center;font-size:11px;font-family:var(--font-mono);color:var(--color-text-secondary)}.audio-ruler{height:20px;background:var(--abyss-925);border-bottom:1px solid var(--color-border-subtle);position:relative;flex-shrink:0}.audio-waveform-tracks{flex:1;overflow:auto;position:relative}.audio-waveform-track{height:64px;border-bottom:1px solid var(--color-border-subtle);position:relative}.audio-waveform-track canvas{width:100%;height:100%}.audio-waveform-track .center-line{position:absolute;top:50%;left:0;right:0;height:1px;background:#ffffff1a;pointer-events:none}.audio-selection{position:absolute;top:0;height:100%;background:#d2786426;border-left:1px solid var(--color-accent);border-right:1px solid var(--color-accent);pointer-events:none}.audio-playhead{position:absolute;top:0;width:1px;height:100%;background:var(--color-accent);z-index:10;pointer-events:none}.audio-right-panel{width:250px;flex-shrink:0;display:flex;flex-direction:column;background:var(--color-surface);border-left:1px solid var(--color-border-subtle);overflow-y:auto}.audio-panel-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;border-bottom:1px solid var(--color-border-subtle);font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--color-text-muted)}.audio-effects-section{padding:8px;border-bottom:1px solid var(--color-border)}.audio-effect-slot{display:flex;align-items:center;gap:6px;padding:5px 8px;background:var(--abyss-850);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);margin-bottom:4px;cursor:pointer;font-size:11px;color:var(--color-text-secondary);transition:all .1s}.audio-effect-slot:hover{background:var(--color-surface-hover)}.audio-effect-slot.active{border-color:var(--color-accent);color:var(--color-text)}.audio-effect-slot.empty{border-style:dashed;color:var(--color-text-muted);justify-content:center}.audio-eq-section{padding:12px;border-bottom:1px solid var(--color-border)}.audio-eq-display{width:100%;height:80px;background:var(--abyss-900);border:1px solid var(--color-border);border-radius:var(--radius-sm);margin-bottom:8px}.audio-param-row{display:flex;align-items:center;gap:8px;padding:2px 0}.audio-param-row label{font-size:11px;color:var(--color-text-muted);min-width:45px}.audio-param-row input[type=range]{flex:1;accent-color:var(--color-accent)}.audio-param-val{font-family:var(--font-mono);font-size:10px;color:var(--color-text-secondary);min-width:35px;text-align:right}.audio-ai-section{padding:12px;border-top:1px solid var(--color-border);display:flex;flex-direction:column;gap:6px}.audio-ai-btn{display:flex;align-items:center;gap:6px;padding:6px 10px;background:var(--color-surface-raised);border:1px solid var(--color-border-subtle);border-radius:var(--radius-sm);color:var(--color-text-secondary);font-size:11px;font-family:var(--font-body);cursor:pointer;transition:all .15s}.audio-ai-btn:hover{background:var(--color-accent-subtle);border-color:var(--color-accent);color:var(--color-accent)}.audio-ai-btn:disabled{opacity:.4;cursor:not-allowed}.audio-transport{display:flex;align-items:center;gap:4px;padding:6px 16px;background:var(--color-surface);border-top:2px solid var(--color-border);flex-shrink:0}.audio-transport-btn{position:relative;display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:none;border:none;border-radius:var(--radius-sm);color:var(--color-text-muted);cursor:pointer;transition:all .12s}.audio-transport-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.audio-transport-btn.active{color:var(--color-accent)}.audio-transport-btn.recording{color:#e74c3c;animation:pulse-record 1s infinite}@keyframes pulse-record{0%,to{opacity:1}50%{opacity:.5}}.audio-transport-time{font-family:var(--font-mono);font-size:14px;font-weight:700;color:var(--color-text);padding:0 16px;letter-spacing:1px}.audio-transport-info{margin-left:auto;display:flex;gap:16px;align-items:center;font-size:11px;color:var(--color-text-secondary)}.audio-transport-info .bpm-display{font-family:var(--font-mono);font-weight:600}.audio-master-meter{display:flex;gap:2px;align-items:flex-end;height:24px;padding:0 8px}.audio-meter-bar{width:6px;background:linear-gradient(0deg,#2ecc71,#f1c40f 70%,#e74c3c 95%);border-radius:1px;transition:height .05s}.audio-meter-label{font-size:9px;font-family:var(--font-mono);color:var(--color-text-muted);margin-left:4px}.landing-page{height:100vh;width:100vw;background:var(--color-bg);display:flex;flex-direction:column;overflow:hidden}.landing-scroll{flex:1;overflow-y:auto;scroll-behavior:smooth}.hero{position:relative;display:flex;align-items:center;justify-content:center;min-height:520px;padding:64px 48px 48px;overflow:hidden}.hero-glow{position:absolute;top:-120px;left:50%;transform:translate(-50%);width:600px;height:600px;background:radial-gradient(circle,rgba(244,115,88,.12) 0%,rgba(244,115,88,.04) 40%,transparent 70%);pointer-events:none}.hero-content{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;text-align:center;max-width:640px}.hero-logo{width:180px;height:auto;display:block;margin-bottom:28px}.hero-title{font-family:var(--font-display);font-size:48px;font-weight:900;color:var(--color-text);line-height:1.1;margin:0 0 8px;letter-spacing:-.5px}.hero-accent{background:linear-gradient(135deg,var(--ember-400),var(--ember-600));-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero-tagline{font-size:18px;font-weight:500;color:var(--color-text-secondary);margin:0 0 16px;letter-spacing:2px;text-transform:uppercase}.hero-description{font-size:15px;line-height:1.6;color:var(--color-text-muted);margin:0 0 32px;max-width:480px}.hero-actions{display:flex;align-items:center;gap:16px}.hero-cta{display:inline-flex;align-items:center;gap:8px;padding:14px 32px;background:linear-gradient(135deg,var(--ember-600),var(--ember-500));color:#fff;border:none;border-radius:var(--radius-md);font-size:15px;font-weight:600;cursor:pointer;transition:transform .15s,box-shadow .15s;box-shadow:0 4px 16px #e84d304d}.hero-cta:hover{transform:translateY(-1px);box-shadow:0 6px 24px #e84d3066}.hero-cta:active{transform:translateY(0)}.hero-secondary{display:inline-flex;align-items:center;gap:8px;padding:14px 24px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-md);font-size:14px;font-weight:500;cursor:pointer;text-decoration:none;transition:border-color .15s,color .15s}.hero-secondary:hover{border-color:var(--color-text-muted);color:var(--color-text)}.pillars-section{padding:48px 48px 56px;border-top:1px solid var(--color-border-subtle);background:var(--abyss-925)}.section-heading{display:flex;align-items:center;gap:10px;font-family:var(--font-display);font-size:22px;font-weight:700;color:var(--color-text);margin:0 0 6px}.section-subheading{font-size:14px;color:var(--color-text-muted);margin:0 0 28px}.pillars-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}@media(max-width:900px){.pillars-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:560px){.pillars-grid{grid-template-columns:1fr}}.pillar-card{display:flex;align-items:center;gap:14px;padding:16px 18px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);transition:border-color .2s,transform .15s;cursor:default}.pillar-card:hover{border-color:var(--pillar-color, var(--color-accent));transform:translateY(-2px)}.pillar-card-icon{width:44px;height:44px;border-radius:10px;background:color-mix(in srgb,var(--pillar-color, var(--color-accent)) 15%,transparent);display:flex;align-items:center;justify-content:center;color:var(--pillar-color, var(--color-accent));flex-shrink:0}.pillar-card-info{flex:1;min-width:0}.pillar-card-info h3{font-size:14px;font-weight:600;color:var(--color-text);margin:0 0 2px}.pillar-card-info p{font-size:12px;color:var(--color-text-muted);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.pillar-card-phase{font-size:10px;font-weight:600;color:var(--color-text-muted);background:var(--abyss-800);padding:3px 8px;border-radius:20px;white-space:nowrap;flex-shrink:0}.projects-section{padding:48px 48px 40px;border-top:1px solid var(--color-border-subtle)}.projects-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.projects-header .section-heading{margin-bottom:0}.projects-new-btn{display:inline-flex;align-items:center;gap:6px;padding:8px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer;transition:background .15s}.projects-new-btn:hover{background:var(--color-accent-hover)}.landing-new-dialog{display:flex;align-items:center;gap:8px;margin-bottom:24px;padding:16px;background:var(--color-surface);border-radius:var(--radius-md);border:1px solid var(--color-border)}.landing-new-dialog input{flex:1;padding:8px 12px;background:var(--color-bg);border:1px solid var(--color-border);border-radius:var(--radius-sm);color:var(--color-text);font-size:14px;outline:none}.landing-new-dialog input:focus{border-color:var(--color-accent)}.landing-create-btn{padding:8px 16px;background:var(--color-accent);color:#fff;border:none;border-radius:var(--radius-sm);font-size:13px;font-weight:600;cursor:pointer}.landing-cancel-btn{padding:8px 16px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:13px;cursor:pointer}.landing-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:12px;padding:48px 0;color:var(--color-text-muted)}.landing-empty-hint{font-size:13px;color:var(--color-text-muted);max-width:320px;text-align:center}.landing-projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:12px}.landing-project-card{display:flex;align-items:center;gap:12px;padding:16px;background:var(--color-surface);border:1px solid var(--color-border-subtle);border-radius:var(--radius-md);cursor:pointer;transition:border-color .15s,background .15s}.landing-project-card:hover{border-color:var(--color-accent);background:var(--color-surface-hover)}.project-card-thumb{width:48px;height:48px;border-radius:var(--radius-sm);background:var(--abyss-800);display:flex;align-items:center;justify-content:center;color:var(--color-text-muted);flex-shrink:0;overflow:hidden}.project-card-thumb img{width:100%;height:100%;object-fit:cover}.project-card-info{flex:1;min-width:0}.project-card-info h3{font-size:14px;font-weight:600;color:var(--color-text);margin:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.project-card-date{font-size:12px;color:var(--color-text-muted)}.project-card-rename{display:flex;align-items:center;gap:4px}.project-card-rename input{flex:1;padding:4px 8px;background:var(--color-bg);border:1px solid var(--color-accent);border-radius:var(--radius-sm);color:var(--color-text);font-size:13px;outline:none}.project-card-rename button{padding:4px;background:none;border:none;color:var(--color-text-secondary);cursor:pointer}.project-card-actions{display:flex;gap:4px;opacity:0;transition:opacity .15s}.landing-project-card:hover .project-card-actions{opacity:1}.project-action-btn{padding:6px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;border-radius:var(--radius-sm)}.project-action-btn:hover{background:var(--color-surface-raised);color:var(--color-text)}.project-action-btn.delete:hover{color:var(--color-error)}.project-card-confirm-delete{display:flex;align-items:center;gap:6px;font-size:12px;color:var(--color-error)}.project-card-confirm-delete .confirm-yes{padding:2px 8px;background:var(--color-error);color:#fff;border:none;border-radius:var(--radius-sm);font-size:11px;cursor:pointer}.project-card-confirm-delete .confirm-no{padding:2px 8px;background:transparent;color:var(--color-text-secondary);border:1px solid var(--color-border);border-radius:var(--radius-sm);font-size:11px;cursor:pointer}.landing-footer{display:flex;justify-content:center;align-items:center;gap:12px;padding:32px 48px 24px;font-size:12px;color:var(--color-text-muted);border-top:1px solid var(--color-border-subtle)}.landing-divider{color:var(--color-border)}.landing-brand{color:var(--color-text-muted)}.sidebar-home-btn{background:none;border:none;color:var(--color-accent);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center}.sidebar-home-btn:hover{background:var(--color-surface-hover)}@keyframes fadeIn{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.smart-tooltip-wrapper{position:relative;display:inline-flex}.smart-tooltip{min-width:250px;max-width:320px;pointer-events:none;animation:tooltip-fade-in .15s ease}.smart-tooltip--expanded{pointer-events:auto}@keyframes tooltip-fade-in{0%{opacity:0}to{opacity:1}}.smart-tooltip-content{background:var(--abyss-925);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;box-shadow:0 8px 24px #00000080;color:var(--color-text);font-size:12px;line-height:1.5}.smart-tooltip-header{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:2px}.smart-tooltip-what{font-weight:600;color:var(--color-text)}.smart-tooltip-kbd{background:var(--color-surface-raised);padding:1px 6px;border-radius:4px;font-family:var(--font-mono);font-size:10px;color:var(--color-accent);border:1px solid var(--color-border)}.smart-tooltip-section{margin-top:6px;color:var(--color-text-secondary)}.smart-tooltip-label{font-weight:600;color:var(--color-text);margin-right:4px;font-size:11px}.smart-tooltip-protip{background:#f59e0b14;border-radius:var(--radius-sm);padding:6px 8px;margin-top:6px;border-left:2px solid #f59e0b}.smart-tooltip-pro-ref{margin-top:8px;font-size:10px;color:var(--color-text-muted);font-style:italic}.smart-tooltip-expand{background:none;border:none;color:var(--color-accent);cursor:pointer;font-size:11px;padding:2px 0;margin-top:4px}.smart-tooltip-expand:hover{text-decoration:underline}.explain-button-wrapper{display:inline-flex;position:relative}.explain-button{background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:2px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;transition:color .15s}.explain-button:hover{color:var(--color-accent)}.explain-popup{background:var(--abyss-925);border:1px solid var(--color-border);border-radius:var(--radius-md);padding:10px 12px;min-width:220px;max-width:280px;box-shadow:0 8px 24px #00000080;cursor:pointer;animation:tooltip-fade-in .15s ease}.explain-popup-title{font-weight:700;font-size:12px;color:var(--color-accent);margin-bottom:4px}.explain-popup-text{font-size:12px;line-height:1.5;color:var(--color-text)}.explain-popup-dismiss{font-size:10px;color:var(--color-text-muted);margin-top:6px;text-align:right}.login-screen{display:flex;align-items:center;justify-content:center;min-height:100vh;background:var(--abyss-950);padding:24px}.login-loading{color:var(--color-text-muted);font-size:14px}.login-card{width:100%;max-width:400px;background:var(--abyss-900);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:40px 32px;text-align:center}.login-logo{display:flex;justify-content:center;margin-bottom:16px}.login-tagline{color:var(--color-text-muted);font-size:13px;margin-bottom:28px}.login-form{display:flex;flex-direction:column;gap:12px}.login-input{width:100%;padding:10px 14px;background:var(--abyss-925);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);color:var(--color-text);font-size:14px;font-family:var(--font-body);outline:none;transition:border-color .15s;box-sizing:border-box}.login-input:focus{border-color:var(--color-accent)}.login-error{color:var(--ember-500, #E23B2E);font-size:12px;text-align:left;padding:4px 0}.login-btn{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;padding:10px 16px;border:none;border-radius:var(--radius-sm, 6px);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:opacity .15s}.login-btn:disabled{opacity:.6;cursor:not-allowed}.login-btn--primary{background:var(--color-accent);color:#fff}.login-btn--primary:hover:not(:disabled){opacity:.9}.login-btn--google{background:var(--abyss-925);color:var(--color-text);border:1px solid var(--color-border)}.login-btn--google:hover:not(:disabled){background:var(--color-surface-hover)}.login-divider{display:flex;align-items:center;gap:12px;margin:20px 0;color:var(--color-text-muted);font-size:12px}.login-divider:before,.login-divider:after{content:"";flex:1;height:1px;background:var(--color-border-subtle)}.login-toggle{display:block;margin:16px auto 0;background:none;border:none;color:var(--color-accent);font-size:13px;cursor:pointer;font-family:var(--font-body)}.login-toggle:hover{text-decoration:underline}.login-success{padding:20px 0}.login-success p{color:var(--color-text);font-size:14px;margin-bottom:16px}.login-footer{margin-top:24px;color:var(--color-text-muted);font-size:11px}.pillar-locked-screen{display:flex;align-items:center;justify-content:center;height:100%;padding:40px}.pillar-locked-card{text-align:center;max-width:480px}.pillar-locked-icon{color:var(--color-text-muted);margin-bottom:16px}.pillar-locked-title{font-size:24px;font-weight:700;color:var(--color-text);margin:0 0 8px}.pillar-locked-description{color:var(--color-text-secondary);font-size:14px;margin:0 0 20px}.pillar-locked-replaces{display:flex;align-items:center;justify-content:center;gap:8px;margin-bottom:24px}.pillar-locked-replaces-label{font-size:11px;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em}.pillar-locked-replaces-value{font-size:13px;color:var(--color-accent);font-weight:600}.pillar-locked-pricing{margin-bottom:24px}.pillar-locked-price-row{display:flex;align-items:baseline;justify-content:center;gap:8px}.pillar-locked-price{font-size:28px;font-weight:800;color:var(--color-text)}.pillar-locked-price-alt{font-size:14px;color:var(--color-text-muted)}.pillar-locked-credits{font-size:12px;color:var(--color-text-muted);margin-top:4px}.pillar-locked-actions{display:flex;flex-direction:column;gap:10px;margin-bottom:24px}.pillar-locked-btn{display:flex;align-items:center;justify-content:center;gap:8px;padding:12px 20px;border:none;border-radius:var(--radius-sm, 6px);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:opacity .15s}.pillar-locked-btn--primary{background:var(--color-accent);color:#fff}.pillar-locked-btn--primary:hover{opacity:.9}.pillar-locked-btn--bundle,.pillar-locked-btn--suite{background:var(--abyss-900);color:var(--color-text);border:1px solid var(--color-border)}.pillar-locked-btn--suite{border-color:var(--color-accent)}.pillar-locked-btn--bundle:hover,.pillar-locked-btn--suite:hover{background:var(--color-surface-hover)}.pillar-locked-savings{font-size:11px;color:var(--color-accent);margin-left:auto}.pillar-locked-footer{display:flex;align-items:center;justify-content:center;gap:8px}.pillar-locked-link{background:none;border:none;color:var(--color-accent);font-size:13px;cursor:pointer;font-family:var(--font-body)}.pillar-locked-link:hover{text-decoration:underline}.pillar-locked-dot{color:var(--color-text-muted)}.pillar-btn.pillar-locked{opacity:.5}.pillar-btn.pillar-locked:hover{opacity:.7}.pillar-icon{position:relative;display:inline-flex}.pillar-lock-badge{position:absolute;top:-4px;right:-6px;background:var(--abyss-800);border:1px solid var(--color-border);border-radius:50%;width:14px;height:14px;display:flex;align-items:center;justify-content:center;color:var(--color-text-muted)}.pricing-overlay{position:fixed;inset:0;background:#000000b3;display:flex;align-items:flex-start;justify-content:center;z-index:9999;overflow-y:auto;padding:40px 16px}.pricing-modal{background:var(--abyss-900);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);width:100%;max-width:720px;padding:32px;position:relative}.pricing-close{position:absolute;top:12px;right:12px;background:none;border:none;color:var(--color-text-muted);cursor:pointer;padding:4px}.pricing-close:hover{color:var(--color-text)}.pricing-header{text-align:center;margin-bottom:28px}.pricing-header h2{font-size:22px;font-weight:800;color:var(--color-text);margin:0 0 8px}.pricing-comparison{font-size:13px;color:var(--color-text-muted);margin:0 0 20px}.pricing-interval-toggle{display:inline-flex;background:var(--abyss-925);border-radius:var(--radius-sm, 6px);overflow:hidden;border:1px solid var(--color-border)}.pricing-interval-btn{padding:6px 16px;background:none;border:none;color:var(--color-text-muted);font-size:13px;font-weight:600;font-family:var(--font-body);cursor:pointer;display:flex;align-items:center;gap:6px}.pricing-interval-btn.active{background:var(--color-accent);color:#fff}.pricing-annual-badge{font-size:10px;background:#fff3;padding:1px 5px;border-radius:3px}.pricing-featured{background:linear-gradient(135deg,var(--abyss-925),var(--abyss-900));border:2px solid var(--color-accent);border-radius:var(--radius-md, 8px);padding:24px;text-align:center;margin-bottom:28px;position:relative}.pricing-featured-badge{position:absolute;top:-10px;left:50%;transform:translate(-50%);background:var(--color-accent);color:#fff;font-size:11px;font-weight:700;padding:2px 12px;border-radius:10px;display:flex;align-items:center;gap:4px}.pricing-featured h3{font-size:18px;font-weight:700;color:var(--color-text);margin:8px 0 4px}.pricing-featured-desc{color:var(--color-text-muted);font-size:13px;margin:0 0 16px}.pricing-featured-price{display:flex;align-items:baseline;justify-content:center;gap:4px}.pricing-big-price{font-size:32px;font-weight:800;color:var(--color-text)}.pricing-per{font-size:14px;color:var(--color-text-muted)}.pricing-featured-credits{font-size:12px;color:var(--color-text-muted);margin:8px 0 16px}.pricing-btn{padding:10px 24px;border:none;border-radius:var(--radius-sm, 6px);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:opacity .15s}.pricing-btn--featured{background:var(--color-accent);color:#fff;width:100%}.pricing-btn--featured:hover{opacity:.9}.pricing-btn--bundle,.pricing-btn--small{background:var(--abyss-925);color:var(--color-text);border:1px solid var(--color-border);width:100%}.pricing-btn--bundle:hover,.pricing-btn--small:hover{background:var(--color-surface-hover)}.pricing-bundles{margin-bottom:28px}.pricing-bundles h3,.pricing-individual h3,.pricing-credits-section h3{font-size:15px;font-weight:700;color:var(--color-text);margin:0 0 12px;display:flex;align-items:center;gap:6px}.pricing-bundle-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.pricing-bundle-card{background:var(--abyss-925);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);padding:16px;text-align:center}.pricing-bundle-card.owned{border-color:var(--color-accent);opacity:.7}.pricing-bundle-card h4{font-size:14px;font-weight:700;color:var(--color-text);margin:0 0 4px}.pricing-bundle-desc{font-size:11px;color:var(--color-text-muted);margin:0 0 12px}.pricing-bundle-price{font-size:20px;font-weight:800;color:var(--color-text);margin-bottom:4px}.pricing-bundle-price span{font-size:12px;font-weight:400;color:var(--color-text-muted)}.pricing-bundle-credits{font-size:11px;color:var(--color-text-muted);margin:0 0 12px}.pricing-owned-badge{display:flex;align-items:center;justify-content:center;gap:4px;color:var(--color-accent);font-size:12px;font-weight:600}.pricing-individual{margin-bottom:28px}.pricing-pillar-grid{display:flex;flex-direction:column;gap:8px}.pricing-pillar-card{display:flex;align-items:center;gap:12px;padding:10px 14px;background:var(--abyss-925);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px)}.pricing-pillar-card.owned{border-color:var(--color-accent);opacity:.7}.pricing-pillar-info{flex:1;display:flex;flex-direction:column}.pricing-pillar-name{font-size:13px;font-weight:700;color:var(--color-text)}.pricing-pillar-replaces{font-size:11px;color:var(--color-text-muted)}.pricing-pillar-price{font-size:16px;font-weight:700;color:var(--color-text);white-space:nowrap}.pricing-pillar-price span{font-size:11px;font-weight:400;color:var(--color-text-muted)}.pricing-owned-check{color:var(--color-accent)}.pricing-credits-section{border-top:1px solid var(--color-border-subtle);padding-top:24px}.pricing-credits-balance{font-size:13px;color:var(--color-text-muted);margin:0 0 12px}.pricing-credits-balance strong{color:var(--color-text)}.pricing-credits-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin-bottom:8px}.pricing-credit-card{background:var(--abyss-925);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);padding:14px 10px;display:flex;flex-direction:column;align-items:center;gap:4px;cursor:pointer;font-family:var(--font-body);transition:border-color .15s}.pricing-credit-card:hover{border-color:var(--color-accent)}.pricing-credit-amount{font-size:13px;font-weight:700;color:var(--color-text)}.pricing-credit-price{font-size:14px;font-weight:800;color:var(--color-accent)}.pricing-credits-note{font-size:11px;color:var(--color-text-muted);text-align:center}.credits-badge-wrapper{position:relative}.credits-badge{display:flex;align-items:center;gap:4px;padding:2px 8px;background:var(--abyss-925);border:1px solid var(--color-border);border-radius:12px;font-size:11px;font-weight:600;font-family:var(--font-mono);cursor:pointer;transition:border-color .15s}.credits-badge:hover{border-color:var(--color-accent)}.credits-badge--green{color:#22c55e}.credits-badge--yellow{color:#eab308}.credits-badge--red{color:#ef4444}.credits-dropdown{position:absolute;top:calc(100% + 6px);right:0;width:260px;background:var(--abyss-900);border:1px solid var(--color-border);border-radius:var(--radius-md, 8px);box-shadow:0 8px 32px #00000080;padding:12px;z-index:1000}.credits-dropdown-header{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:700;color:var(--color-text);margin-bottom:8px}.credits-dropdown-balance{text-align:center;margin-bottom:12px;padding:8px;background:var(--abyss-925);border-radius:var(--radius-sm, 6px)}.credits-dropdown-number{font-size:24px;font-weight:800;color:var(--color-text);display:block}.credits-dropdown-label{font-size:11px;color:var(--color-text-muted)}.credits-dropdown-section{margin-bottom:10px}.credits-dropdown-section-title{font-size:10px;font-weight:700;color:var(--color-text-muted);text-transform:uppercase;letter-spacing:.05em;margin-bottom:4px}.credits-dropdown-row{display:flex;justify-content:space-between;font-size:11px;color:var(--color-text-secondary);padding:2px 0}.credits-dropdown-cost{color:var(--color-text-muted);font-family:var(--font-mono);font-size:10px}.credits-dropdown-buy{display:flex;align-items:center;gap:6px;width:100%;padding:6px 8px;background:var(--abyss-925);border:1px solid var(--color-border);border-radius:var(--radius-sm, 6px);color:var(--color-text);font-size:12px;font-family:var(--font-body);cursor:pointer;margin-bottom:4px;transition:border-color .15s}.credits-dropdown-buy:hover{border-color:var(--color-accent)}.credits-dropdown-link{display:block;width:100%;background:none;border:none;color:var(--color-accent);font-size:11px;font-family:var(--font-body);cursor:pointer;text-align:center;padding:4px}.credit-prompt-overlay{position:fixed;inset:0;background:#0009;display:flex;align-items:center;justify-content:center;z-index:10000}.credit-prompt{background:var(--abyss-900);border:1px solid var(--color-border);border-radius:var(--radius-lg, 12px);padding:28px 24px;max-width:360px;width:100%;text-align:center}.credit-prompt-icon{margin-bottom:12px}.credit-prompt-icon--ok{color:var(--color-accent)}.credit-prompt-icon--warn{color:#eab308}.credit-prompt-title{font-size:16px;font-weight:700;color:var(--color-text);margin:0 0 8px}.credit-prompt-cost{font-size:13px;color:var(--color-text-secondary);margin:0 0 4px}.credit-prompt-cost strong{color:var(--color-text)}.credit-prompt-after{font-size:12px;color:var(--color-text-muted);margin:0 0 16px}.credit-prompt-actions{display:flex;flex-direction:column;gap:8px;margin-bottom:12px}.credit-prompt-btn{padding:10px 16px;border:none;border-radius:var(--radius-sm, 6px);font-size:14px;font-weight:600;font-family:var(--font-body);cursor:pointer;transition:opacity .15s}.credit-prompt-btn--primary{background:var(--color-accent);color:#fff}.credit-prompt-btn--primary:hover{opacity:.9}.credit-prompt-btn--secondary{background:var(--abyss-925);color:var(--color-text);border:1px solid var(--color-border)}.credit-prompt-btn--ghost{background:none;color:var(--color-text-muted)}.credit-prompt-dismiss{display:flex;align-items:center;justify-content:center;gap:6px;font-size:11px;color:var(--color-text-muted);cursor:pointer}.credit-prompt-dismiss input{accent-color:var(--color-accent)}.user-menubar-wrapper{position:relative;display:flex;flex-direction:column;height:100%;min-height:0}.user-menubar-wrapper>.user-menubar-content{flex:1;min-height:0;display:flex;flex-direction:column}.user-menubar-right{position:absolute;top:0;right:0;display:flex;align-items:center;gap:8px;padding:0 8px;height:26px;z-index:101;flex-shrink:0}.user-menu-trigger{position:relative}.user-menu-btn{display:flex;align-items:center;gap:4px;padding:2px 8px;background:transparent;border:none;color:var(--color-text-secondary);cursor:pointer;font-size:11px;font-family:var(--font-body);border-radius:3px}.user-menu-btn:hover{background:var(--color-surface-hover);color:var(--color-text)}.user-email{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.user-menu-dropdown{position:absolute;top:100%;right:0;min-width:220px;background:var(--abyss-900);border:1px solid var(--color-border);border-radius:6px;box-shadow:0 8px 32px #00000080;z-index:1000;padding:4px 0;margin-top:4px}.user-menu-header{padding:8px 12px;display:flex;flex-direction:column;gap:2px}.user-menu-email{font-size:12px;color:var(--color-text);font-weight:500}.user-menu-credits{font-size:11px;color:var(--color-accent);display:flex;align-items:center;gap:4px}.user-menu-sep{height:1px;background:var(--color-border-subtle);margin:4px 8px}.user-menu-item{display:flex;align-items:center;gap:8px;width:100%;padding:6px 12px;background:transparent;border:none;color:var(--color-text);cursor:pointer;font-size:12px;font-family:var(--font-body);text-align:left}.user-menu-item:hover{background:var(--color-surface-hover)}.user-menu-item--danger{color:var(--color-accent)}.user-menu-item--danger:hover{background:#e23b2e1a}