:root,body.theme-axiom-dark,body.theme-dark{--bg-app:#0d0d0f;--bg-panel:#141417;--bg-surface:#1a1a1e;--bg-hover:#1e1f24;--bg-active:#27272c;--bg-input:#1a1a1e;--border-subtle:#27272c;--border-strong:#3f3f46;--border-focus:#6366f1;--text-main:#fafafa;--text-muted:#a1a1aa;--text-dim:#71717a;--accent-blue:#6366f1;--accent-purple:#8b5cf6;--accent-green:#22c55e;--accent-amber:#f59e0b;--accent-rose:#f87171;--surface-canvas-chrome:#0d0d0f;--surface-raised:#141417;--surface-input:#1a1a1e;--surface-hover:#1e1f24;--surface-selected:#312e81;--text-primary:#fafafa;--text-secondary:#a1a1aa;--brand-accent:#6366f1;--brand-action:#4f46e5;--brand-accent-soft:#a5b4fc;--guide-info:#22d3ee;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--font-family:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--header-height:48px;--sidebar-width:272px;--inspector-width:312px}body.theme-axiom-light,body.theme-light{--bg-app:#f4f4f5;--bg-panel:#fff;--bg-surface:#f8fafc;--bg-hover:#f1f5f9;--bg-active:#e2e8f0;--bg-input:#fff;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#4f46e5;--text-main:#0f172a;--text-muted:#475569;--text-dim:#64748b;--accent-blue:#4f46e5;--accent-purple:#7c3aed;--accent-green:#16a34a;--accent-amber:#d97706;--accent-rose:#e11d48;--surface-canvas-chrome:#e4e4e7;--surface-raised:#fff;--surface-input:#fff;--surface-hover:#f1f5f9;--surface-selected:#eef2ff;--text-primary:#0f172a;--text-secondary:#475569;--brand-accent:#4f46e5;--brand-action:#4338ca;--brand-accent-soft:#4f46e5;--guide-info:#0284c7}body.theme-high-contrast{--bg-app:#000;--bg-panel:#0a0a0a;--bg-surface:#121212;--bg-hover:#262626;--bg-active:#333;--bg-input:#121212;--border-subtle:#52525b;--border-strong:#a1a1aa;--border-focus:#fff;--text-main:#fff;--text-muted:#e4e4e7;--text-dim:#a1a1aa;--accent-blue:#818cf8;--accent-purple:#c084fc;--accent-green:#4ade80;--accent-amber:#fbbf24;--accent-rose:#fb7185;--surface-canvas-chrome:#000;--surface-raised:#0a0a0a;--surface-input:#121212;--surface-hover:#262626;--surface-selected:#3730a3;--text-primary:#fff;--text-secondary:#e4e4e7;--brand-accent:#818cf8;--brand-action:#6366f1;--guide-info:#38bdf8}*{box-sizing:border-box;margin:0;padding:0}body,html{width:100%;height:100%;font-family:var(--font-family);background-color:var(--bg-app);color:var(--text-main);-webkit-user-select:none;user-select:none;-webkit-font-smoothing:antialiased;overflow:hidden}.app-container{flex-direction:column;width:100vw;height:100vh;display:flex;overflow:hidden}.top-bar{height:var(--header-height);background-color:var(--bg-panel);border-bottom:1px solid var(--border-subtle);z-index:50;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.top-bar-left,.top-bar-center,.top-bar-right{align-items:center;gap:12px;display:flex}.brand-badge{color:var(--text-main);cursor:pointer;align-items:center;gap:8px;font-size:14px;font-weight:700;display:flex}.brand-logo{color:#fff;background:linear-gradient(135deg,#0d99ff,#8b5cf6);border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex}.app-icon{vertical-align:middle;flex:none;justify-content:center;align-items:center;width:1em;height:1em;display:inline-flex}.app-icon>svg{width:var(--icon-size,1em);height:var(--icon-size,1em);display:block}.project-title-input{color:var(--text-main);border-radius:var(--radius-sm);background:0 0;border:1px solid #0000;outline:none;max-width:200px;padding:4px 8px;font-size:13px;font-weight:500;transition:all .15s}.project-title-input:hover,.project-title-input:focus{background:var(--bg-input);border-color:var(--border-subtle)}.menu-dropdown-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:5px 8px;font-size:12px;font-weight:500;transition:all .15s}.menu-dropdown-btn:hover{background:var(--bg-hover);color:var(--text-main)}.mode-switcher{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:2px;display:flex}.mode-tab{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .15s}.mode-tab:hover{color:var(--text-main)}.mode-tab.active{background:var(--bg-surface);color:var(--text-main);box-shadow:0 1px 3px #0000004d}.btn-icon{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;width:30px;height:30px;font-size:13px;transition:all .15s;display:flex}.btn-icon:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-subtle)}.btn-ai-sparkle{color:#c084fc;border-radius:var(--radius-sm);cursor:pointer;background:linear-gradient(135deg,#0d99ff33,#8b5cf633);border:1px solid #8b5cf666;align-items:center;gap:6px;padding:5px 12px;font-size:12px;font-weight:600;transition:all .2s;display:flex}.btn-ai-sparkle:hover{color:#fff;background:linear-gradient(135deg,#0d99ff59,#8b5cf659);border-color:#a855f7;transform:translateY(-1px)}.btn-primary{background:var(--accent-blue);color:#fff;border-radius:var(--radius-sm);cursor:pointer;border:none;align-items:center;gap:6px;padding:5px 14px;font-size:12px;font-weight:600;transition:all .15s;display:flex}.btn-primary:hover{background:#0284c7}.save-badge{color:var(--text-dim);align-items:center;gap:5px;font-size:11px;display:flex}.save-badge .dot{background:var(--accent-green);border-radius:50%;width:6px;height:6px}.main-workspace{flex:1;display:flex;position:relative;overflow:hidden}.left-sidebar{width:var(--sidebar-width);background-color:var(--bg-panel);border-right:1px solid var(--border-subtle);z-index:20;flex-direction:column;display:flex}.sidebar-tabs{border-bottom:1px solid var(--border-subtle);background:var(--bg-input);display:flex}.sidebar-tab-btn{color:var(--text-dim);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:10px 4px;font-size:11px;font-weight:600;transition:all .15s}.sidebar-tab-btn:hover{color:var(--text-muted)}.sidebar-tab-btn.active{color:var(--accent-blue);border-bottom:2px solid var(--accent-blue);background:var(--bg-panel)}.sidebar-content{flex:1;padding:10px 0;overflow-y:auto}.layer-item{height:28px;color:var(--text-muted);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:4px;align-items:center;gap:4px;margin:1px 4px;padding:0 8px;font-size:12px;transition:background 80ms,color 80ms;display:flex;position:relative}.layer-item:hover,.layer-item.hovered{background-color:var(--bg-hover,#ffffff0f);color:var(--text-main)}.layer-item.selected{font-weight:500;color:#fff!important;background-color:#0d99ff38!important}.layer-item.selected:before{content:"";background:var(--accent-blue,#0d99ff);border-radius:2px;width:3px;position:absolute;top:3px;bottom:3px;left:0}.layer-item[draggable=true]{position:relative}.layer-item.dragging{opacity:.35;background:#0d99ff1a}.layer-item[data-drop-position=before]:before,.layer-item[data-drop-position=after]:after{content:"";pointer-events:none;z-index:10;background:#38bdf8;border-radius:2px;height:2px;position:absolute;left:4px;right:4px;box-shadow:0 0 6px #38bdf8}.layer-item[data-drop-position=before]:before{top:-1px}.layer-item[data-drop-position=after]:after{bottom:-1px}.layer-item[data-drop-position=inside]{outline-offset:-1px;outline:1px dashed #38bdf8;background:#38bdf833!important}.layer-chevron{width:16px;height:16px;color:var(--text-dim,#64748b);cursor:pointer;background:0 0;border:none;border-radius:3px;flex-shrink:0;justify-content:center;align-items:center;margin:0;padding:0;font-size:10px;transition:transform .15s,color .1s;display:inline-flex}.layer-chevron:hover{color:#fff;background:#ffffff1a}.layer-chevron.collapsed{transform:rotate(-90deg)}.layer-chevron-spacer{flex-shrink:0;width:16px;height:16px;display:inline-block}.layer-icon{opacity:.85;width:16px;height:16px;font-size:11px;font-family:var(--font-mono,monospace);color:var(--text-secondary,#94a3b8);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.layer-name{white-space:nowrap;text-overflow:ellipsis;border-radius:2px;flex:1;padding:1px 2px;font-size:12px;line-height:1.4;overflow:hidden}.layer-rename-input{color:#fff;background:#0f172af2;border:1px solid #38bdf8;border-radius:3px;outline:none;flex:1;min-width:0;height:22px;padding:0 4px;font-family:inherit;font-size:12px;box-shadow:0 0 0 2px #38bdf84d}.layer-item.layer-hidden{opacity:.5}.layer-item.layer-locked{color:var(--text-dim,#64748b)}.layer-actions{flex-shrink:0;align-items:center;gap:2px;margin-left:auto;display:none}.layer-item:hover .layer-actions,.layer-item.selected .layer-actions,.layer-item.layer-locked .layer-actions,.layer-item.layer-hidden .layer-actions{display:flex}.layer-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;padding:2px 4px;font-size:11px;display:inline-flex}.layer-btn:hover{color:var(--text-main);background:#ffffff14}.canvas-wrapper{background:var(--surface-canvas-chrome);flex:1;display:flex;position:relative;overflow:hidden}#canvas2d{cursor:default;width:100%;height:100%;display:block}#canvas2d.hand-mode{cursor:grab}#canvas2d.hand-mode:active{cursor:grabbing}.tool-shelf{background:var(--bg-panel);border:1px solid var(--border-subtle);z-index:30;border-radius:24px;align-items:center;gap:4px;padding:4px 8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 12px 32px #00000073}.tool-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:18px;justify-content:center;align-items:center;width:36px;height:36px;font-size:14px;transition:all .15s;display:flex}.tool-btn:hover{background:var(--bg-hover);color:var(--text-main)}.tool-btn.active{background:var(--accent-blue);color:#fff}.shelf-divider{background:var(--border-subtle);width:1px;height:20px;margin:0 4px}.right-inspector{width:var(--inspector-width);background-color:var(--bg-panel);border-left:1px solid var(--border-subtle);z-index:20;flex-direction:column;display:flex;overflow-y:auto}.inspector-header{border-bottom:1px solid var(--border-subtle);color:var(--text-main);justify-content:space-between;align-items:center;padding:12px 16px;font-size:13px;font-weight:600;display:flex}.section-group{border-bottom:1px solid var(--border-subtle);padding:14px 16px}.section-title{text-transform:uppercase;letter-spacing:.05em;color:var(--text-dim);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.props-row{align-items:center;gap:8px;margin-bottom:10px;display:flex}.props-row:last-child{margin-bottom:0}.prop-field{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);flex:1;align-items:center;gap:6px;padding:4px 8px;display:flex}.prop-field:focus-within{border-color:var(--border-focus)}.prop-label{color:var(--text-dim);-webkit-user-select:none;user-select:none;font-size:11px;font-weight:600}.prop-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;width:100%;font-family:inherit;font-size:12px}.prop-select{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-main);outline:none;flex:1;padding:5px 8px;font-size:12px}.color-swatch-box{cursor:pointer;border:1px solid #fff3;border-radius:4px;flex-shrink:0;width:20px;height:20px}.btn-inspector-action{background:var(--bg-surface);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);border-radius:var(--radius-sm);cursor:pointer;text-align:center;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.btn-inspector-action:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.empty-inspector-note{text-align:center;color:var(--text-dim);padding:32px 20px;font-size:12px;line-height:1.6}.ai-drawer-overlay{border-radius:var(--radius-lg);z-index:100;background:#141824;border:1px solid #333d54;flex-direction:column;width:620px;max-width:90vw;animation:.2s cubic-bezier(.16,1,.3,1) slideDown;display:flex;position:absolute;top:60px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 20px 60px #000000a6,0 0 0 1px #8b5cf64d}@keyframes slideDown{0%{opacity:0;transform:translate(-50%,-12px)}to{opacity:1;transform:translate(-50%)}}.ai-drawer-header{border-bottom:1px solid var(--border-subtle);background:#8b5cf614;justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.ai-header-title{color:#c084fc;align-items:center;gap:8px;font-size:13px;font-weight:700;display:flex}.ai-prompt-box{flex-direction:column;gap:12px;padding:16px 18px;display:flex}.ai-textarea{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;color:var(--text-main);resize:vertical;outline:none;min-height:72px;padding:12px 14px;font-family:inherit;font-size:14px}.ai-textarea:focus{border-color:#a855f7;box-shadow:0 0 0 2px #a855f733}.ai-pills-row{flex-wrap:wrap;gap:8px;display:flex}.ai-prompt-pill{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;border-radius:12px;padding:4px 10px;font-size:11px;transition:all .15s}.ai-prompt-pill:hover{color:#38bdf8;background:#0d99ff26;border-color:#38bdf866}.ai-diff-container{background:var(--bg-input);border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle);padding:16px 18px}.ai-diff-title{color:var(--accent-green);margin-bottom:6px;font-size:12px;font-weight:600}.ai-diff-desc{color:var(--text-main);font-size:13px;line-height:1.5}.ai-drawer-footer{background:var(--bg-panel);justify-content:flex-end;align-items:center;gap:10px;padding:12px 18px;display:flex}.modal-backdrop{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:200;background:#000000bf;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.modal-window{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:900px;max-width:94vw;height:640px;max-height:90vh;display:flex;overflow:hidden;box-shadow:0 24px 72px #000c}.modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:14px 20px;display:flex}.modal-title{color:var(--text-main);align-items:center;gap:8px;font-size:15px;font-weight:700;display:flex}.modal-body{flex:1;display:flex;overflow:hidden}.code-files-list{border-right:1px solid var(--border-subtle);background:var(--bg-input);width:220px;padding:8px 0;overflow-y:auto}.code-file-item{color:var(--text-muted);cursor:pointer;align-items:center;gap:8px;padding:8px 16px;font-family:monospace;font-size:12px;display:flex}.code-file-item:hover{background:var(--bg-hover);color:var(--text-main)}.code-file-item.active{color:#38bdf8;background:#0d99ff26;font-weight:600}.code-viewer-container{background:#090d16;flex-direction:column;flex:1;display:flex;overflow:hidden}.code-viewer-pre{color:#e2e8f0;-webkit-user-select:text;user-select:text;flex:1;margin:0;padding:20px;font-family:JetBrains Mono,Fira Code,Menlo,monospace;font-size:13px;line-height:1.6;overflow:auto}.prototype-viewport-container{background:#0b0f19;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:24px;display:flex;overflow:auto}.device-bezel{background:#000;border:10px solid #222;border-radius:36px;transition:all .3s;overflow:hidden;box-shadow:0 24px 60px #000c}.device-bezel.desktop{border-width:6px;border-radius:12px}.preview-iframe{background:#090d16;border:none;width:100%;height:100%}.shortcut-grid{flex:1;grid-template-columns:1fr 1fr;gap:12px 24px;padding:24px;display:grid;overflow-y:auto}.shortcut-row{background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.shortcut-label{color:var(--text-main);font-size:13px}.shortcut-key{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--accent-blue);border-radius:4px;padding:3px 8px;font-family:monospace;font-size:11px;font-weight:600}.app-menu-bar{align-items:center;gap:2px;display:flex}.menu-item{position:relative}.menu-btn{color:var(--text-muted);border-radius:var(--radius-sm);cursor:pointer;background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:500;transition:all .12s}.menu-btn:hover,.menu-item.open .menu-btn{background:var(--bg-hover);color:var(--text-main)}.dropdown-menu{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);z-index:1000;min-width:220px;margin-top:4px;padding:4px;display:none;position:absolute;top:100%;left:0;box-shadow:0 12px 32px #0000004d}.menu-item.open .dropdown-menu{display:block}.dropdown-item{text-align:left;width:100%;color:var(--text-main);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;transition:background .1s;display:flex}.dropdown-item:hover{background:var(--accent-blue);color:#fff}.dropdown-divider{background:var(--border-subtle);height:1px;margin:4px 0}.zoom-pill{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:16px;align-items:center;gap:2px;padding:2px 4px;display:flex}.zoom-value{color:var(--text-muted);text-align:center;cursor:pointer;min-width:38px;padding:0 4px;font-size:11px;font-weight:600}.btn-icon-sm{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:22px;height:22px;font-size:12px;display:flex}.btn-icon-sm:hover{background:var(--bg-hover);color:var(--text-main)}.btn-icon-xs{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;width:18px;height:18px;font-size:11px;display:flex}.btn-icon-xs:hover{color:var(--text-main);background:var(--bg-hover)}.menu-dropdown-btn-sm{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-muted);cursor:pointer;border-radius:4px;padding:3px 8px;font-size:11px;transition:all .15s}.menu-dropdown-btn-sm:hover{background:var(--bg-hover);color:var(--text-main)}.sidebar-search-box{border-bottom:1px solid var(--border-subtle);padding:8px 12px}.sidebar-search-input{background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);border-radius:4px;outline:none;padding:5px 8px;font-size:12px}.sidebar-search-input:focus{border-color:var(--accent-blue)}.asset-section-header{text-transform:uppercase;color:var(--text-dim);letter-spacing:.05em;justify-content:space-between;align-items:center;margin-bottom:8px;font-size:11px;font-weight:700;display:flex}.asset-items-list{flex-direction:column;gap:8px;display:flex}.asset-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:4px;padding:10px;display:flex}.asset-card-title{color:#38bdf8;font-size:12px;font-weight:600}.asset-card-desc{color:var(--text-muted);font-size:11px}.btn-insert-asset{color:#38bdf8;cursor:pointer;background:#38bdf826;border:1px solid #38bdf84d;border-radius:4px;align-self:flex-start;margin-top:6px;padding:3px 10px;font-size:11px;font-weight:600;transition:all .15s}.btn-insert-asset:hover{color:#000;background:#38bdf8}.shapes-quick-grid{grid-template-columns:1fr 1fr;gap:6px;margin-bottom:12px;display:grid}.shape-grid-btn{background:var(--bg-input);border:1px solid var(--border-subtle);color:var(--text-main);cursor:pointer;text-align:left;border-radius:4px;padding:6px 8px;font-size:11px;transition:all .15s}.shape-grid-btn:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.pages-list-container{flex-direction:column;gap:4px;display:flex}.page-list-item{background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;font-size:12px;transition:all .15s;display:flex}.page-list-item:hover{background:var(--bg-hover)}.page-list-item.active{border-color:var(--accent-blue);color:#38bdf8;background:#0d99ff1f;font-weight:600}.page-actions-group{gap:4px;display:flex}.canvas-ruler{-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);z-index:10;pointer-events:none;color:var(--text-dim);background:#161a24d9;font-family:monospace;font-size:9px;position:absolute}.canvas-ruler.horizontal{border-bottom:1px solid #ffffff0f;width:100%;height:18px;top:0;left:0}.canvas-ruler.vertical{border-right:1px solid #ffffff0f;width:18px;height:100%;top:0;left:0}.comment-popup{border-radius:var(--radius-md);z-index:120;background:#1e2332;border:1px solid #333d54;width:240px;padding:12px;animation:.15s ease-out slideDown;position:absolute;box-shadow:0 12px 32px #00000080}.comment-popup-header{color:#f59e0b;justify-content:space-between;align-items:center;margin-bottom:6px;font-size:11px;font-weight:700;display:flex}.comment-popup-body{color:var(--text-main);margin-bottom:10px;font-size:12px;line-height:1.4}.comment-popup-footer{justify-content:flex-end;display:flex}.context-menu{border-radius:var(--radius-sm);z-index:500;background:#161a26;border:1px solid #2d364f;min-width:190px;padding:4px;position:absolute;box-shadow:0 14px 40px #000000a6}.context-menu-item{color:var(--text-main);cursor:pointer;border-radius:4px;justify-content:space-between;align-items:center;padding:6px 10px;font-size:12px;display:flex}.context-menu-item:hover{background:var(--accent-blue);color:#fff}.context-menu-item span{color:var(--text-dim);font-size:11px}.context-menu-divider{background:#2d364f;height:1px;margin:4px 0}.right-inspector{background-color:var(--bg-panel);border-left:1px solid var(--border-subtle);z-index:20;flex-direction:column;width:320px;min-width:280px;max-width:680px;transition:width 50ms ease-out;display:flex;position:relative}.right-inspector.side-by-side{grid-template-columns:1fr 1fr;width:640px;display:grid}.sidebar-resizer{cursor:col-resize;z-index:30;width:8px;height:100%;position:absolute;top:0;left:-4px}.sidebar-resizer:hover{background:#0d99ff66}.right-sidebar-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.right-segmented-tabs{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;flex:1;margin-right:8px;padding:2px;display:flex}.right-tab-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;justify-content:center;align-items:center;gap:6px;padding:5px 8px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.right-tab-btn.active{background:var(--bg-surface);color:var(--text-main);box-shadow:0 1px 3px #0000004d}.inspector-panel{flex-direction:column;flex:1;display:flex;overflow-y:auto}.inspector-subhead{border-bottom:1px solid var(--border-subtle);color:var(--text-main);justify-content:space-between;align-items:center;padding:10px 14px;font-size:12px;font-weight:600;display:flex}.selection-pill{color:var(--text-dim);background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:11px}.ai-assistant-header{border-bottom:1px solid var(--border-subtle);background:#8b5cf60f;justify-content:space-between;align-items:center;padding:10px 14px;display:flex}.ai-status-indicator{color:#c084fc;align-items:center;gap:6px;font-size:11px;font-weight:600;display:flex}.pulse-dot{background:#a855f7;border-radius:50%;width:7px;height:7px;animation:1.6s infinite pulse;box-shadow:0 0 8px #a855f7}@keyframes pulse{0%{opacity:.7;transform:scale(.9)}50%{opacity:1;transform:scale(1.2)}to{opacity:.7;transform:scale(.9)}}.ai-context-indicator{background:#0d99ff14;border:1px solid #0d99ff33;border-radius:6px;align-items:center;gap:8px;margin:10px 12px 6px;padding:8px 10px;display:flex}.context-icon{font-size:14px}.context-target{color:#38bdf8;white-space:nowrap;text-overflow:ellipsis;font-size:11px;font-weight:600;overflow:hidden}.context-sub{color:var(--text-dim);font-size:10px}.ai-input-mode-tabs{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;margin:6px 12px;padding:2px;display:flex}.ai-mode-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;flex:1;padding:4px;font-size:11px;font-weight:600;transition:all .15s}.ai-mode-btn.active{background:var(--bg-surface);color:var(--text-main)}.ai-input-subcontainer{flex-direction:column;gap:8px;padding:6px 12px;display:flex}.ai-textarea-input{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);width:100%;min-height:80px;color:var(--text-main);resize:vertical;outline:none;padding:8px;font-family:inherit;font-size:12px;line-height:1.4}.ai-textarea-input:focus{border-color:#a855f7}.ai-textarea-input.md-mode{min-height:140px;font-family:JetBrains Mono,monospace;font-size:11px}.md-tools-bar{gap:6px;display:flex}.ai-quick-pills{flex-wrap:wrap;gap:4px;display:flex}.ai-pill{color:var(--text-muted);cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;padding:3px 6px;font-size:10px;transition:all .12s}.ai-pill:hover{color:#fff;background:#8b5cf633;border-color:#a855f7}.ai-plan-preview{color:var(--text-main);background:#111520;border:1px solid #293248;border-radius:6px;max-height:160px;margin:6px 12px;padding:10px;font-size:11px;overflow-y:auto}.ai-actions-bar{gap:8px;padding:8px 12px;display:flex}.ai-conversation-stream{flex-direction:column;flex:1;gap:8px;padding:8px 12px;display:flex;overflow-y:auto}.ai-chat-bubble{border-radius:6px;padding:8px 10px;font-size:11px;line-height:1.4}.ai-chat-bubble.user{color:#bfdbfe;background:#2563eb26;border:1px solid #2563eb4d;align-self:flex-end}.ai-chat-bubble.assistant{color:#e9d5ff;background:#8b5cf61f;border:1px solid #8b5cf640;align-self:flex-start}.inspector-align-bar{border-bottom:1px solid var(--border-subtle);background:#ffffff05;justify-content:space-between;align-items:center;padding:8px 12px;display:flex}.btn-align-tool{color:var(--text-muted);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;width:26px;height:26px;font-size:13px;transition:all .15s;display:flex}.btn-align-tool:hover{background:var(--bg-hover);color:var(--text-main);border-color:var(--border-subtle)}.prop-label.scrubbable{cursor:ew-resize;transition:color .15s}.prop-label.scrubbable:hover{color:var(--accent-blue)}.btn-aspect-ratio{color:var(--text-dim);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .15s;display:flex}.btn-aspect-ratio.locked{color:var(--accent-blue);background:#0d99ff1f;border-color:#0d99ff4d}.radius-quad-inputs{grid-template-columns:repeat(4,1fr);gap:6px;margin-top:8px;display:grid}.align-pad-grid{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;grid-template-rows:repeat(3,1fr);grid-template-columns:repeat(3,1fr);gap:3px;width:60px;height:60px;padding:4px;display:grid}.align-pad-cell{cursor:pointer;background:0 0;border:none;border-radius:3px;justify-content:center;align-items:center;transition:all .12s;display:flex}.align-pad-cell .dot{background:var(--text-dim);border-radius:50%;width:4px;height:4px;transition:all .12s}.align-pad-cell:hover .dot{background:var(--text-main);transform:scale(1.3)}.align-pad-cell.active{background:#0d99ff33}.align-pad-cell.active .dot{background:var(--accent-blue);width:6px;height:6px}.sizing-pill-selector{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:4px;display:flex;overflow:hidden}.sizing-pill-btn{color:var(--text-dim);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:4px 6px;font-size:10px;font-weight:600;transition:all .15s}.sizing-pill-btn:hover{color:var(--text-main)}.sizing-pill-btn.active{background:var(--accent-blue);color:#fff}.selection-colors-list{flex-direction:column;gap:6px;margin-top:8px;display:flex}.selection-color-item{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:4px;justify-content:space-between;align-items:center;padding:4px 8px;font-size:11px;display:flex}.token-chip-badge{color:#38bdf8;cursor:pointer;background:#38bdf81f;border:1px solid #38bdf84d;border-radius:12px;align-items:center;gap:4px;padding:2px 6px;font-size:10px;font-weight:600;display:inline-flex}.breakpoint-selector{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;align-items:center;gap:2px;padding:2px;display:flex}.bp-btn{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:3px 8px;font-size:11px;font-weight:600;transition:all .15s}.bp-btn:hover{color:var(--text-main)}.bp-btn.active{background:var(--accent-blue);color:#fff}.command-palette-window{background:#141824;border:1px solid #333d54;border-radius:12px;flex-direction:column;width:620px;max-width:90vw;animation:.18s cubic-bezier(.16,1,.3,1) slideDown;display:flex;overflow:hidden;box-shadow:0 24px 64px #000000b3,0 0 0 1px #0d99ff40}.palette-input-row{border-bottom:1px solid var(--border-subtle);align-items:center;gap:12px;padding:14px 18px;display:flex}.palette-search-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:15px}.palette-esc-badge{color:var(--text-dim);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:4px;padding:2px 6px;font-size:10px;font-weight:700}.palette-results-list{flex-direction:column;gap:2px;max-height:380px;padding:8px;display:flex;overflow-y:auto}.palette-result-item{cursor:pointer;border-radius:6px;justify-content:space-between;align-items:center;padding:8px 12px;transition:background .1s;display:flex}.palette-result-item:hover,.palette-result-item.selected{background:#0d99ff2e}.palette-result-left{align-items:center;gap:10px;display:flex}.palette-result-icon{text-align:center;width:20px;font-size:14px}.palette-result-title{color:var(--text-main);font-size:13px}.palette-result-category{text-transform:uppercase;color:var(--text-dim);background:var(--bg-surface);border-radius:4px;margin-left:8px;padding:2px 6px;font-size:10px}.palette-result-shortcut{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.palette-footer-tips{border-top:1px solid var(--border-subtle);color:var(--text-dim);background:#00000026;gap:14px;padding:8px 16px;font-size:10px;display:flex}.palette-footer-tips kbd{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:3px;padding:1px 4px}.inspect-mode-switcher{background:var(--bg-input);border:1px solid var(--border-subtle);border-radius:6px;gap:2px;padding:2px;display:flex}.inspect-tab-btn{color:var(--text-dim);cursor:pointer;text-align:center;background:0 0;border:none;border-radius:4px;flex:1;padding:4px 6px;font-size:11px;font-weight:600}.inspect-tab-btn.active{background:var(--accent-blue);color:#fff}.inspect-box-model{border:1px dashed var(--border-subtle);background:#00000040;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;padding:12px;display:flex}.box-model-rect{text-align:center;color:#f59e0b;background:#f59e0b14;border:1px solid #f59e0b;border-radius:4px;width:100%;padding:10px;font-size:10px}.box-model-content{color:#38bdf8;background:#38bdf81f;border:1px solid #38bdf8;border-radius:3px;padding:8px;font-weight:600}.proto-interaction-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;flex-direction:column;gap:8px;margin-bottom:8px;padding:10px;display:flex}.proto-row{justify-content:space-between;align-items:center;gap:8px;font-size:11px;display:flex}.linter-issue-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-left:3px solid #f59e0b;border-radius:6px;justify-content:space-between;align-items:center;gap:12px;padding:10px 14px;display:flex}.linter-issue-card.warning{border-left-color:#10b981}.pivot-matrix{border:1px solid var(--border-subtle,#ffffff1f);background:#00000040;border-radius:4px;grid-template-rows:repeat(3,11px);grid-template-columns:repeat(3,11px);gap:3px;padding:3px;display:grid}.pivot-dot{cursor:pointer;background:0 0;border:1px solid #ffffff40;border-radius:2px;width:11px;height:11px;padding:0;transition:all .1s}.pivot-dot:hover{background:var(--accent-blue-hover,#38bdf8)}.pivot-dot.active{background:var(--accent-blue,#0d99ff);border-color:#fff;box-shadow:0 0 4px #0d99ff99}.top-bar-cluster{background:#ffffff06;border:1px solid #ffffff0f;border-radius:8px;flex-shrink:0;align-items:center;gap:4px;height:32px;padding:2px 5px;display:inline-flex}.top-cluster-divider{background:#ffffff14!important;height:18px!important;margin:0 2px!important}.cmd-palette-trigger{border:1px solid var(--border-subtle);height:26px;color:var(--text-dim);cursor:pointer;background:#ffffff08;border-radius:6px;align-items:center;gap:5px;padding:0 7px;font-size:11px;display:inline-flex}.cmd-k-badge{color:var(--accent-blue,#6366f1);font-size:10px;font-weight:700}.btn-play-header{color:#38bdf8;cursor:pointer;background:#38bdf814;border:1px solid #38bdf84d;border-radius:6px;align-items:center;gap:5px;height:26px;padding:0 9px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex}.btn-play-header:hover{background:#38bdf82e;border-color:#38bdf880}.btn-export-header{background:var(--brand-action,#4f46e5);color:#fff;cursor:pointer;border:1px solid #ffffff1f;border-radius:6px;align-items:center;gap:5px;height:26px;padding:0 10px;font-size:11px;font-weight:600;transition:all .15s;display:inline-flex;box-shadow:0 1px 4px #4f46e559}.btn-export-header:hover{background:#4338ca;box-shadow:0 2px 8px #4f46e580}.editor-tab-bar{background:var(--surface-raised,#141417);border-bottom:1px solid var(--border-subtle,#27272c);-webkit-user-select:none;user-select:none;z-index:40;border-top:1px solid #ffffff0a;flex-shrink:0;align-items:center;height:34px;padding:0 12px;display:flex;overflow:hidden}.editor-tabs-scroll{scrollbar-width:none;flex:0 auto;align-items:center;gap:4px;max-width:calc(100% - 40px);height:100%;display:inline-flex;overflow-x:auto}.editor-tabs-scroll::-webkit-scrollbar{display:none}.editor-doc-tab{height:26px;color:var(--text-muted,#94a3b8);cursor:pointer;white-space:nowrap;background:#ffffff08;border:1px solid #ffffff0d;border-radius:6px;align-items:center;gap:8px;max-width:220px;padding:0 10px;font-family:inherit;font-size:12px;transition:all .15s;display:inline-flex;position:relative}.editor-doc-tab:hover{color:var(--text-main,#f8fafc);background:#ffffff12;border-color:#ffffff1a}.editor-doc-tab.active{background:var(--surface-hover,#1e1f24);color:var(--text-main,#fff);border-color:#6366f166;font-weight:500;box-shadow:0 1px 3px #00000040}.editor-doc-tab.active:before{content:"";background:var(--accent-blue,#6366f1);border-radius:0 0 2px 2px;height:2px;position:absolute;top:0;left:6px;right:6px}.editor-doc-tab-title{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.editor-doc-tab-dot{background:#38bdf8;border-radius:50%;width:6px;height:6px;display:none}.editor-doc-tab.is-dirty .editor-doc-tab-dot{display:inline-block}.editor-doc-tab-close{color:#64748b;cursor:pointer;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;width:16px;height:16px;padding:0;font-size:13px;line-height:1;transition:all .1s;display:inline-flex}.editor-doc-tab-close:hover{color:#fff;background:#ffffff26}.btn-new-tab{color:#64748b;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:5px;flex-shrink:0;justify-content:center;align-items:center;width:24px;height:24px;margin-left:4px;font-size:14px;font-weight:600;transition:all .15s;display:inline-flex}.btn-new-tab:hover{color:#fff;background:#ffffff14;border-color:#ffffff1a}.mcp-hub-modal{z-index:9999;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000bf;justify-content:center;align-items:center;display:none;position:fixed;inset:0}.mcp-hub-dialog{background:var(--bg-panel);border:1px solid var(--border-subtle);width:960px;max-width:95vw;height:680px;max-height:90vh;color:var(--text-main);border-radius:12px;flex-direction:column;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #0006}.mcp-hub-header{border-bottom:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:space-between;align-items:center;padding:16px 20px;display:flex}.mcp-hub-title{color:var(--text-main);align-items:center;gap:10px;font-size:16px;font-weight:700;display:flex}.mcp-hub-nav{background:var(--bg-input);border-bottom:1px solid var(--border-subtle);gap:4px;padding:8px 16px;display:flex;overflow-x:auto}.mcp-nav-btn{color:#94a3b8;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:all .15s}.mcp-nav-btn:hover{color:#f8fafc;background:#ffffff0d}.mcp-nav-btn.active{color:#38bdf8;background:#38bdf81f}.mcp-hub-body{flex:1;padding:20px;overflow-y:auto}.mcp-kpi-grid{grid-template-columns:repeat(4,1fr);gap:14px;display:grid}.mcp-kpi-card{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:8px;padding:14px}.mcp-kpi-label{color:var(--text-dim);text-transform:uppercase;letter-spacing:.5px;font-size:11px;font-weight:600}.mcp-kpi-value{color:var(--text-main);margin:6px 0 2px;font-size:26px;font-weight:800}.mcp-kpi-sub{color:var(--text-muted);font-size:11px}.mcp-card{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:8px;margin-bottom:10px;padding:14px 16px;transition:border-color .15s}.mcp-card:hover{border-color:var(--accent-blue)}.mcp-servers-grid{grid-template-columns:repeat(2,1fr);gap:12px;display:grid}.mcp-server-mini-card{background:var(--bg-surface);border:1px solid var(--border-subtle);color:var(--text-main);border-radius:8px;padding:12px}.mcp-badge{text-transform:uppercase;letter-spacing:.3px;border-radius:4px;padding:2px 7px;font-size:10px;font-weight:700;display:inline-block}.badge-success{color:#34d399;background:#10b98126;border:1px solid #10b9814d}.badge-warning{color:#fbbf24;background:#f59e0b26;border:1px solid #f59e0b4d}.badge-error{color:#fb7185;background:#f43f5e26;border:1px solid #f43f5e4d}.badge-neutral{color:#cbd5e1;background:#ffffff0f;border:1px solid #ffffff1a}.mcp-btn-primary{color:#fff;cursor:pointer;background:#0284c7;border:none;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:600;transition:background .15s}.mcp-btn-primary:hover{background:#0369a1}.mcp-btn-secondary{color:#e2e8f0;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:6px;padding:6px 12px;font-size:12px;font-weight:500;transition:all .15s}.mcp-btn-secondary:hover{background:#ffffff14;border-color:#fff3}.mcp-search-input{color:#f8fafc;background:#0000004d;border:1px solid #ffffff1a;border-radius:6px;outline:none;flex:1;padding:7px 12px;font-size:12px}.mcp-search-input:focus{border-color:#38bdf8}.mcp-select{color:#f8fafc;background:#1e293b;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:7px 12px;font-size:12px}.mcp-switch{width:32px;height:18px;display:inline-block;position:relative}.mcp-switch input{opacity:0;width:0;height:0}.mcp-slider{cursor:pointer;background-color:#334155;border-radius:18px;transition:all .2s;position:absolute;inset:0}.mcp-slider:before{content:"";background-color:#fff;border-radius:50%;width:12px;height:12px;transition:all .2s;position:absolute;bottom:3px;left:3px}input:checked+.mcp-slider{background-color:#10b981}input:checked+.mcp-slider:before{transform:translate(14px)}.mcp-table{border-collapse:collapse;width:100%;font-size:12px}.mcp-table th{text-align:left;color:#94a3b8;border-bottom:1px solid #ffffff14;padding:8px 10px;font-weight:600}.mcp-table td{color:#e2e8f0;border-bottom:1px solid #ffffff0a;padding:8px 10px}.design-system-workspace{background:var(--bg-app);flex:1;width:100%;height:100%;display:flex;position:relative;overflow:hidden}.ds-subnav{background:var(--bg-panel);border-right:1px solid var(--border-subtle);flex-direction:column;flex-shrink:0;width:220px;display:flex}.ds-subnav-header{border-bottom:1px solid var(--border-subtle);flex-direction:column;gap:8px;padding:16px;display:flex}.ds-system-title{color:var(--text-main);align-items:center;gap:6px;font-size:13px;font-weight:700;display:flex}.ds-version-pill{color:var(--accent-blue);background:#0d99ff26;border:1px solid #0d99ff4d;border-radius:9999px;align-self:flex-start;padding:2px 6px;font-size:10px;font-weight:600}.ds-nav-list{flex-direction:column;flex:1;gap:2px;padding:10px 8px;display:flex;overflow-y:auto}.ds-nav-item{border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:none;align-items:center;gap:10px;width:100%;padding:8px 12px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.ds-nav-item:hover{background:var(--bg-hover);color:var(--text-main)}.ds-nav-item.active{background:var(--bg-active);color:var(--accent-blue);font-weight:600}.ds-nav-item .ds-nav-icon{text-align:center;width:18px;font-size:14px}.ds-nav-item .ds-nav-badge{background:var(--bg-surface);color:var(--text-dim);border-radius:9999px;margin-left:auto;padding:1px 5px;font-size:10px}.ds-content-area{background:var(--bg-app);flex-direction:column;flex:1;display:flex;overflow:hidden}.ds-toolbar{border-bottom:1px solid var(--border-subtle);background:var(--bg-panel);flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;height:52px;padding:0 20px;display:flex}.ds-toolbar-left{align-items:center;gap:12px;display:flex}.ds-view-heading{color:var(--text-main);font-size:16px;font-weight:700}.ds-theme-switcher{background:var(--bg-input);border-radius:var(--radius-sm);border:1px solid var(--border-subtle);padding:2px;display:flex}.ds-theme-btn{color:var(--text-muted);cursor:pointer;background:0 0;border:none;border-radius:4px;padding:4px 8px;font-size:11px}.ds-theme-btn.active{background:var(--bg-surface);color:var(--text-main);font-weight:600}.ds-toolbar-right{align-items:center;gap:8px;display:flex}.ds-action-btn{border-radius:var(--radius-sm);cursor:pointer;border:1px solid var(--border-subtle);background:var(--bg-surface);color:var(--text-main);align-items:center;gap:6px;padding:6px 12px;font-size:11px;font-weight:600;transition:all .15s;display:flex}.ds-action-btn:hover{background:var(--bg-hover);border-color:var(--accent-blue)}.ds-action-btn.primary{color:#fff;background:linear-gradient(135deg,#0d99ff 0%,#0284c7 100%);border:none}.ds-action-btn.primary:hover{filter:brightness(1.1);box-shadow:0 0 12px #0d99ff66}.ds-action-btn.ai{color:#fff;background:linear-gradient(135deg,#8b5cf6 0%,#6366f1 100%);border:none}.ds-action-btn.ai:hover{filter:brightness(1.1);box-shadow:0 0 12px #8b5cf666}.ds-viewport{flex:1;padding:24px;position:relative;overflow-y:auto}.ds-metrics-grid{grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:16px;margin-bottom:24px;display:grid}.ds-metric-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;flex-direction:column;gap:4px;padding:16px;transition:all .2s;display:flex}.ds-metric-card:hover{border-color:var(--accent-blue);transform:translateY(-2px);box-shadow:0 6px 16px #0000004d}.ds-metric-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px;font-size:11px;font-weight:600}.ds-metric-value{color:var(--text-main);font-family:JetBrains Mono,monospace;font-size:26px;font-weight:800}.ds-metric-subtext{color:var(--text-muted);font-size:11px}.ds-overview-row{grid-template-columns:2fr 1fr;gap:20px;margin-bottom:24px;display:grid}.ds-card{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:20px}.ds-card-title{color:var(--text-main);justify-content:space-between;align-items:center;margin-bottom:12px;font-size:14px;font-weight:700;display:flex}.ds-issue-item{border-radius:var(--radius-sm);background:var(--bg-surface);border-left:3px solid var(--accent-amber);justify-content:space-between;align-items:center;margin-bottom:8px;padding:10px 12px;font-size:12px;display:flex}.ds-issue-item.error{border-left-color:var(--accent-rose)}.ds-issue-item.info{border-left-color:var(--accent-blue)}.ds-table-controls{justify-content:space-between;align-items:center;gap:12px;margin-bottom:16px;display:flex}.ds-search-bar{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);align-items:center;gap:8px;width:320px;padding:6px 12px;display:flex}.ds-search-bar input{color:var(--text-main);background:0 0;border:none;outline:none;width:100%;font-size:12px}.ds-filter-tabs{gap:6px;display:flex;overflow-x:auto}.ds-filter-pill{background:var(--bg-surface);color:var(--text-muted);border:1px solid var(--border-subtle);cursor:pointer;white-space:nowrap;border-radius:9999px;padding:4px 10px;font-size:11px}.ds-filter-pill.active{background:var(--accent-blue);color:#fff;border-color:var(--accent-blue)}.ds-data-table{border-collapse:collapse;background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-md);width:100%;overflow:hidden}.ds-data-table th{background:var(--bg-surface);text-align:left;text-transform:uppercase;color:var(--text-dim);border-bottom:1px solid var(--border-subtle);padding:10px 14px;font-size:11px;font-weight:700}.ds-data-table td{color:var(--text-main);border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:12px 14px;font-size:12px}.ds-data-table tr:hover td{background:#ffffff05}.ds-color-swatch{vertical-align:middle;border:1px solid #fff3;border-radius:4px;width:24px;height:24px;margin-right:8px;display:inline-block}.ds-token-name{color:var(--accent-blue);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.ds-token-alias{color:var(--text-dim);margin-left:6px;font-size:10px}.ds-modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:10000;background:#000000b3;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.ds-modal-box{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);flex-direction:column;width:90%;max-width:840px;max-height:85vh;display:flex;overflow:hidden;box-shadow:0 25px 50px -12px #000000b3}.ds-modal-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:18px 24px;display:flex}.ds-modal-title{color:var(--text-main);align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.ds-modal-body{flex:1;padding:24px;overflow-y:auto}.ds-modal-footer{border-top:1px solid var(--border-subtle);background:var(--bg-surface);justify-content:flex-end;align-items:center;gap:12px;padding:16px 24px;display:flex}.ds-category-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:10px;margin-top:12px;display:grid}.ds-category-card{border-radius:var(--radius-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);cursor:pointer;color:var(--text-main);align-items:center;gap:8px;padding:10px 12px;font-size:12px;display:flex}.ds-category-card.selected{border-color:var(--accent-blue);background:#0d99ff1a}.ds-proposal-table{border-collapse:collapse;width:100%;font-size:12px}.ds-proposal-table th{background:var(--bg-surface);text-align:left;color:var(--text-dim);text-transform:uppercase;padding:8px 10px;font-size:10px;font-weight:700}.ds-proposal-table td{border-bottom:1px solid var(--border-subtle);vertical-align:middle;padding:8px 10px}:root,body.theme-axiom-dark{--surface-canvas-chrome:#0d0d0f;--surface-raised:#141417;--surface-input:#1a1a1e;--surface-hover:#1e1f24;--surface-selected:#312e81;--border-subtle:#27272c;--border-strong:#3f3f46;--text-primary:#fafafa;--text-secondary:#a1a1aa;--text-muted:#71717a;--brand-accent:#6366f1;--brand-action:#4f46e5;--brand-accent-soft:#a5b4fc;--guide-info:#22d3ee;--status-success:#22c55e;--status-warning:#f59e0b;--status-danger:#f87171;--bg-app:var(--surface-canvas-chrome);--bg-panel:var(--surface-raised);--bg-surface:var(--surface-input);--bg-hover:var(--surface-hover);--bg-input:var(--surface-input);--text-main:var(--text-primary);--text-dim:var(--text-muted);--accent-blue:var(--brand-accent);--accent-indigo:var(--brand-accent);--command-bar-height:48px;--mode-rail-width:48px;--navigator-width:272px;--inspector-width:312px;--tool-shelf-height:40px;--drawer-height:220px;--status-bar-height:28px;--control-height:32px;--control-height-compact:28px;--space-1:4px;--space-2:8px;--space-3:12px;--space-4:16px;--space-5:20px;--space-6:24px;--space-8:32px;--radius-xs:4px;--radius-sm:6px;--radius-md:8px;--radius-lg:12px;--radius-full:9999px;--font-ui:"Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-mono:"JetBrains Mono", monospace}body.theme-axiom-light,body.theme-light{--surface-canvas-chrome:#e4e4e7;--surface-raised:#fff;--surface-input:#fff;--surface-hover:#f1f5f9;--surface-selected:#eef2ff;--border-subtle:#e2e8f0;--border-strong:#cbd5e1;--border-focus:#4f46e5;--text-primary:#0f172a;--text-secondary:#475569;--text-muted:#64748b;--text-dim:#64748b;--text-main:#0f172a;--brand-accent:#4f46e5;--brand-action:#4338ca;--brand-accent-soft:#4f46e5;--accent-blue:#4f46e5;--guide-info:#0284c7;--bg-app:var(--surface-canvas-chrome);--bg-panel:var(--surface-raised);--bg-surface:#f8fafc;--bg-input:#fff;--bg-hover:#f1f5f9;--bg-active:#e2e8f0}body.theme-high-contrast{--surface-canvas-chrome:#000;--surface-raised:#0a0a0a;--surface-input:#121212;--surface-hover:#262626;--surface-selected:#3730a3;--border-subtle:#52525b;--border-strong:#a1a1aa;--border-focus:#fff;--text-primary:#fff;--text-secondary:#e4e4e7;--text-muted:#a1a1aa;--text-dim:#a1a1aa;--text-main:#fff;--brand-accent:#818cf8;--brand-action:#6366f1;--accent-blue:#818cf8;--guide-info:#38bdf8;--bg-app:#000;--bg-panel:#0a0a0a;--bg-surface:#121212;--bg-input:#121212;--bg-hover:#262626;--bg-active:#333}.app-container{background-color:var(--surface-canvas-chrome);width:100vw;height:100vh;color:var(--text-primary);font-family:var(--font-ui);flex-direction:column;display:flex;overflow:hidden}.global-command-bar{height:var(--command-bar-height);background-color:var(--surface-raised);border-bottom:1px solid var(--border-subtle);z-index:100;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 14px;display:flex}.command-bar-left,.command-bar-center,.command-bar-right{align-items:center;gap:10px;display:flex}.axiom-brand-badge{color:var(--text-primary);cursor:pointer;letter-spacing:-.02em;align-items:center;gap:8px;font-size:14px;font-weight:800;display:flex}.axiom-spark-icon{border-radius:var(--radius-sm);background:var(--brand-action);color:#fff;justify-content:center;align-items:center;width:24px;height:24px;font-size:13px;font-weight:800;display:flex;box-shadow:0 2px 6px #4f46e566}img.brand-logo-img,img.axiom-spark-icon{object-fit:contain;border-radius:var(--radius-sm);background:0 0;transition:transform .15s,box-shadow .15s;box-shadow:0 2px 8px #0d99ff59}.axiom-brand-badge:hover img.axiom-spark-icon{transform:scale(1.06);box-shadow:0 3px 12px #0d99ff80}.doc-name-input{color:var(--text-primary);border-radius:var(--radius-xs);background:0 0;border:1px solid #0000;outline:none;max-width:240px;padding:4px 8px;font-size:13px;font-weight:600;transition:all .15s}.doc-name-input:hover,.doc-name-input:focus{background:var(--surface-input);border-color:var(--border-strong)}.sync-indicator{border-radius:var(--radius-full);color:var(--status-success);background:#22c55e1f;border:1px solid #22c55e40;align-items:center;gap:6px;padding:3px 8px;font-size:11px;font-weight:600;display:inline-flex}.sync-dot{background:var(--status-success);border-radius:50%;width:6px;height:6px}.command-search-btn{background:var(--surface-input);border:1px solid var(--border-subtle);color:var(--text-secondary);border-radius:var(--radius-sm);cursor:pointer;align-items:center;gap:8px;min-width:240px;padding:5px 12px;font-family:inherit;font-size:12px;transition:all .15s;display:flex}.command-search-btn:hover{border-color:var(--border-strong);color:var(--text-primary)}.command-shortcut-hint{background:var(--surface-hover);border:1px solid var(--border-subtle);color:var(--brand-accent-soft);border-radius:4px;margin-left:auto;padding:2px 5px;font-size:10px;font-weight:700}.axiom-workspace-body{flex-direction:row;flex:1;display:flex;position:relative;overflow:hidden}.mode-rail{flex-direction:row;flex-shrink:0;align-items:center;gap:2px;width:auto;padding:0;display:flex}.mode-rail-btn{border-radius:var(--radius-sm);width:30px;height:30px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;justify-content:center;align-items:center;font-size:14px;transition:all .15s;display:flex;position:relative}.mode-rail-btn:hover{background:var(--surface-hover);color:var(--text-primary)}.mode-rail-btn.active{background:var(--surface-selected);color:#fff;border-color:#6366f180}.mode-rail-btn.active:before{content:"";background:var(--brand-accent);height:2px;position:absolute;bottom:-3px;left:6px;right:6px}.mode-rail-btn[data-title]:hover:after{content:attr(data-title);color:#fff;border-radius:var(--radius-xs);white-space:nowrap;border:1px solid var(--border-strong);z-index:1000;pointer-events:none;background:#000;padding:4px 8px;font-size:11px;font-weight:600;position:absolute;bottom:calc(100% + 10px);left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}.axiom-navigator{width:var(--navigator-width);flex:0 0 var(--navigator-width);background-color:var(--surface-raised);border-right:1px solid var(--border-subtle);z-index:30;flex-direction:column;flex-shrink:0;min-width:224px;max-width:400px;display:flex;overflow:hidden}.page-selector-header{border-bottom:1px solid var(--border-subtle);height:38px;color:var(--text-primary);justify-content:space-between;align-items:center;padding:0 12px;font-size:12px;font-weight:600;display:flex}.page-dropdown-btn{color:var(--text-primary);cursor:pointer;background:0 0;border:none;align-items:center;gap:6px;font-size:12px;font-weight:600;display:flex}.navigator-tabs{background:var(--surface-input);border-bottom:1px solid var(--border-subtle);gap:4px;padding:2px 8px;display:flex}.nav-tab-btn{color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:6px 8px;font-size:11px;font-weight:600;transition:all .15s}.nav-tab-btn:hover{color:var(--text-primary)}.nav-tab-btn.active{background:var(--surface-raised);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}.navigator-search{border-bottom:1px solid var(--border-subtle);padding:8px 12px}.nav-search-input{background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);width:100%;color:var(--text-primary);outline:none;padding:5px 8px;font-size:12px}.nav-search-input:focus{border-color:var(--brand-accent)}.layer-tree-item{height:32px;color:var(--text-primary);cursor:pointer;align-items:center;gap:6px;padding:0 8px;font-size:12px;transition:background .1s;display:flex;position:relative}.layer-tree-item:hover{background:var(--surface-hover)}.layer-tree-item.selected{background:var(--surface-selected);color:#fff}.layer-tree-item.selected:before{content:"";background:var(--brand-accent);width:3px;position:absolute;top:0;bottom:0;left:0}.layer-type-badge{color:var(--text-muted);background:#ffffff14;border-radius:3px;padding:1px 4px;font-size:9px;font-weight:700}.layer-quick-actions{gap:4px;margin-left:auto;display:none}.layer-tree-item:hover .layer-quick-actions{display:flex}.btn-layer-action{color:var(--text-secondary);cursor:pointer;background:0 0;border:none;border-radius:3px;padding:2px 4px;font-size:11px}.btn-layer-action:hover{background:var(--surface-hover);color:#fff}.axiom-canvas-area{background-color:var(--surface-canvas-chrome);flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden}.axiom-tool-shelf{height:var(--tool-shelf-height);background:var(--surface-raised);border:1px solid var(--border-strong);border-radius:var(--radius-full);z-index:50;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);align-items:center;gap:4px;padding:0 8px;display:flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 8px 24px #0009,0 0 0 1px #ffffff0d}.axiom-inspector{width:var(--inspector-width);flex:0 0 var(--inspector-width);background-color:var(--surface-raised);border-left:1px solid var(--border-subtle);z-index:30;flex-direction:column;flex-shrink:0;min-width:272px;max-width:420px;display:flex;overflow:hidden}.top-bar.global-command-bar{gap:10px;min-width:0}.top-bar-left{gap:8px;min-width:0}.top-bar-center{flex:none}.top-bar-right{flex:auto;justify-content:flex-end;gap:6px;min-width:0}.top-bar-right>*{flex-shrink:0}.app-menu-bar{flex:none}.project-title-input{min-width:90px;max-width:170px}.save-badge{white-space:nowrap}.breakpoint-selector,.zoom-pill{flex-shrink:0}.top-action-menu{flex-shrink:0;position:relative}.top-action-menu-trigger{border:1px solid var(--border-subtle);border-radius:var(--radius-sm);height:30px;color:var(--text-secondary);background:var(--surface-input);cursor:pointer;align-items:center;gap:8px;padding:0 10px;font-size:11px;font-weight:600;list-style:none;display:inline-flex}.top-action-menu-trigger::-webkit-details-marker{display:none}.top-action-menu-trigger:hover,.top-action-menu[open] .top-action-menu-trigger{border-color:var(--border-strong);color:var(--text-primary)}.top-action-menu-panel{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);z-index:120;width:236px;max-height:min(70vh,480px);padding:6px;position:absolute;top:calc(100% + 8px);right:0;overflow:auto;box-shadow:0 14px 36px #00000073}.top-action-menu-section{flex-direction:column;padding:5px 0;display:flex}.top-action-menu-section+.top-action-menu-section{border-top:1px solid var(--border-subtle)}.top-action-menu-heading{color:var(--text-muted);letter-spacing:.08em;text-transform:uppercase;padding:5px 8px;font-size:9px;font-weight:700}.top-action-menu-item{border-radius:var(--radius-xs);width:100%;color:var(--text-primary);text-align:left;font:inherit;cursor:pointer;background:0 0;border:0;align-items:center;gap:8px;padding:7px 10px;font-size:11px;transition:background .15s;display:flex}.top-action-menu-item:hover{background:var(--surface-hover)}#devModeBadge{color:var(--status-success);padding:4px 8px;font-size:10px;font-weight:700;display:none}.tool-shelf{-webkit-backdrop-filter:blur(20px);z-index:80;background:#121217eb;border:1px solid #ffffff1f;border-radius:18px;align-items:center;gap:3px;width:max-content;max-width:calc(100% - 24px);padding:4px 6px;display:inline-flex;position:absolute;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 16px 36px #0000008c,0 2px 6px #0000004d}.tool-pod{align-items:center;gap:2px;display:inline-flex}.mode-rail{background:#ffffff0a;border:1px solid #ffffff12;border-radius:12px;flex-direction:row;flex-shrink:0;align-items:center;gap:2px;width:auto;padding:2px 4px;display:inline-flex}.mode-rail-btn{width:26px;height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;font-size:13px;transition:all .15s;display:flex;position:relative}.mode-rail-btn:hover{color:var(--text-primary);background:#ffffff14}.mode-rail-btn.active{color:#a5b4fc;background:#6366f140;border-color:#6366f166}.tool-shelf>.tool-btn,.tool-pod>.tool-btn,.tool-menu-group>.tool-btn{border-radius:8px;justify-content:center;align-items:center;width:32px;height:32px;display:flex}.tool-shelf .shelf-divider{background:#ffffff1a;flex:0 0 1px;width:1px;height:20px;margin:0 4px}.mode-tool-divider{margin:0 4px!important}.tool-menu-group{border-radius:8px;align-items:center;display:inline-flex;position:relative}.tool-menu-group.has-active-tool{background:#0d99ff26}.tool-menu-group .group-primary{border-radius:8px 0 0 8px;width:30px}.tool-group-toggle{width:14px;color:var(--text-secondary);cursor:pointer;background:0 0;border:0;border-radius:0 8px 8px 0;align-self:stretch;padding:0;font-size:10px;transition:all .15s}.tool-group-toggle:hover,.tool-menu-group.open .tool-group-toggle{color:var(--text-primary);background:#ffffff14}.tool-menu{border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);z-index:100;flex-direction:column;gap:2px;min-width:152px;padding:5px;display:none;position:absolute;bottom:calc(100% + 8px);left:0;box-shadow:0 12px 30px #00000073}.tool-menu-group.open .tool-menu{display:flex}.tool-menu .tool-btn{border-radius:var(--radius-xs);justify-content:flex-start;gap:8px;width:100%;height:32px;padding:0 9px;font-size:11px}.tool-menu .tool-btn:after{content:attr(title)}.tool-menu .tool-btn svg{flex:0 0 16px}.color-swatch-box{border:1px solid var(--border-strong);border-radius:var(--radius-xs);cursor:pointer;background-clip:padding-box;flex:0 0 22px;width:22px;height:22px;padding:0;position:relative}.paint-swatch{border-radius:var(--radius-xs);border:1px solid var(--border-strong);cursor:pointer;flex:0 0 22px;width:22px;height:22px}.fill-paint-card .fill-type-select{flex:1;min-width:0}.fill-paint-card .gradient-stop-input{border:1px solid var(--border-strong);border-radius:var(--radius-xs);background:var(--surface-input);cursor:pointer;width:30px;height:24px;padding:1px}.color-picker-popover{z-index:1000;border:1px solid var(--border-strong);border-radius:var(--radius-md);background:var(--surface-raised);width:min(264px,100vw - 20px);max-height:calc(100vh - 20px);color:var(--text-primary);font-family:var(--font-ui);padding:10px;font-size:11px;position:fixed;overflow:auto;box-shadow:0 16px 42px #0000008c}.cp-header,.cp-header-actions,.cp-input-row,.cp-input-wrapper,.cp-preview-box{align-items:center;display:flex}.cp-header{justify-content:space-between;margin-bottom:9px}.cp-tabs{gap:5px;display:flex}.cp-tab-btn,.cp-icon-btn{border-radius:var(--radius-xs);height:26px;color:var(--text-secondary);cursor:pointer;background:0 0;border:1px solid #0000;padding:0 8px}.cp-tab-btn.active,.cp-icon-btn:hover{border-color:var(--border-subtle);color:var(--text-primary);background:var(--surface-hover)}.cp-sb-container{border-radius:var(--radius-xs);cursor:crosshair;width:100%;height:150px;position:relative;overflow:hidden}.cp-sb-canvas{width:100%;height:100%;display:block}.cp-sb-thumb{pointer-events:none;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c}.cp-sliders-section{flex-direction:column;gap:8px;padding:10px 0 8px;display:flex}.cp-slider-row{height:12px}.cp-slider-track{border-radius:var(--radius-full);cursor:pointer;border:1px solid #fff3;height:10px;position:relative}.cp-hue-track{background:linear-gradient(90deg,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.cp-alpha-track{background-color:#fff;background-image:linear-gradient(45deg,#bbb 25%,#0000 25%),linear-gradient(-45deg,#bbb 25%,#0000 25%),linear-gradient(45deg,#0000 75%,#bbb 75%),linear-gradient(-45deg,#0000 75%,#bbb 75%);background-position:0 0,0 4px,4px -4px,-4px 0;background-size:8px 8px}.cp-alpha-gradient{border-radius:inherit;position:absolute;inset:0}.cp-slider-thumb{pointer-events:none;background:0 0;border:2px solid #fff;border-radius:50%;width:12px;height:12px;position:absolute;top:50%;transform:translate(-50%,-50%);box-shadow:0 0 0 1px #0000008c}.cp-inputs-section{border-top:1px solid var(--border-subtle);gap:8px;padding:8px 0;display:flex}.cp-preview-box{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);flex-direction:column;flex:0 0 32px;align-items:stretch;width:32px;overflow:hidden}.cp-preview-swatch-current,.cp-preview-swatch-original{cursor:pointer;min-height:28px}.cp-field-group{flex:1;min-width:0}.cp-input-row{gap:5px}.cp-input-wrapper{border:1px solid var(--border-subtle);border-radius:var(--radius-xs);background:var(--surface-input);gap:5px;min-width:0;height:27px;padding:0 5px}.cp-input-label{color:var(--text-muted);font-size:9px;font-weight:700}.cp-text-input{width:100%;min-width:0;color:var(--text-primary);font:10px var(--font-mono);background:0 0;border:0;outline:0;padding:0}.cp-text-input[aria-invalid=true]{color:var(--status-danger)}.cp-rgb-row{gap:4px;margin-top:4px}.cp-rgb-row .cp-input-wrapper{flex:1}.cp-palette-section{border-top:1px solid var(--border-subtle);padding-top:7px}.cp-palette-title{color:var(--text-muted);margin-bottom:6px;font-size:9px;font-weight:700}.cp-swatches-grid{grid-template-columns:repeat(7,1fr);gap:5px;display:grid}.cp-palette-swatch{aspect-ratio:1;cursor:pointer;border:1px solid #fff3;border-radius:4px;width:100%}.cp-palette-swatch:hover{outline:2px solid var(--brand-accent);outline-offset:1px}.right-inspector{flex:0 0 var(--inspector-width);min-width:280px}.inspector-panel{min-width:0}.right-sidebar-header{padding:6px 8px}.right-tab-btn{min-width:0;padding:6px 4px;font-size:10px}.inspector-panel[style*="display: flex"]>.inspector-subhead{z-index:2;background:var(--surface-raised);position:sticky;top:0}.proto-interaction-card{border-radius:var(--radius-sm);padding:10px}.proto-row .prop-select,.proto-row .prop-input{min-width:0;max-width:68%}@media (width<=1800px){.top-bar.global-command-bar{gap:6px;padding:0 8px}.app-menu-bar .menu-btn{padding-left:4px;padding-right:4px;font-size:11px}.project-title-input{text-overflow:ellipsis;width:72px;min-width:72px;max-width:72px;overflow:hidden}.top-bar-center{display:none}.top-bar-left,.top-bar-center,.top-bar-right{gap:4px}.brand-badge>span,.save-badge,#btnOpenCommandPalette>span:last-child{display:none}.axiom-navigator{flex-basis:224px;width:224px;min-width:200px}.right-inspector{flex-basis:292px;width:292px;min-width:272px}}@media (width<=900px){.top-action-menu-panel{width:min(300px,100vw - 20px)}.top-action-menu-panel .app-menu-bar{flex-direction:column;align-items:stretch;gap:0;display:flex}.top-action-menu-panel .menu-btn{text-align:left;width:100%}.top-action-menu-panel .dropdown-menu,.top-action-menu-panel .menu-item.open .dropdown-menu{border:0;border-left:1px solid var(--border-subtle);width:auto;min-width:0;box-shadow:none;border-radius:0;margin:0 0 4px 8px;position:static}.top-bar-center .mode-tab{padding:4px 7px;font-size:10px}.top-bar-right>.breakpoint-selector{display:none}.axiom-navigator{flex-basis:200px;width:200px;min-width:180px}.right-inspector{flex-basis:280px;width:280px;min-width:260px}}@media (width<=700px){.top-bar-center,.top-bar-right>#btnOpenFigmaAiPrompt,.top-bar-right>#btnToggleTheme{display:none}.axiom-navigator{flex-basis:180px;width:180px;min-width:160px}.right-inspector{flex-basis:260px;width:260px;min-width:240px}.top-action-menu-panel .mode-rail{flex-wrap:wrap}.top-action-menu-panel .breakpoint-selector{flex-wrap:wrap;display:flex}}.inspector-identity-header{border-bottom:1px solid var(--border-subtle);align-items:center;gap:10px;height:44px;padding:0 14px;display:flex}.inspector-identity-title{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;font-weight:700;overflow:hidden}.inspector-tabs-bar{border-bottom:1px solid var(--border-subtle);background:var(--surface-input);gap:2px;padding:2px 6px;display:flex}.inspector-tab-btn{color:var(--text-secondary);border-radius:var(--radius-xs);cursor:pointer;text-align:center;background:0 0;border:none;flex:1;padding:6px 8px;font-size:11px;font-weight:600;transition:all .15s}.inspector-tab-btn:hover{color:var(--text-primary)}.inspector-tab-btn.active{background:var(--surface-raised);color:var(--text-primary);box-shadow:0 1px 3px #0000004d}.inspector-section{border-bottom:1px solid var(--border-subtle);padding:12px 14px}.inspector-section-header{color:var(--text-muted);text-transform:uppercase;letter-spacing:.04em;justify-content:space-between;align-items:center;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}.scrub-field{background:var(--surface-input);border:1px solid var(--border-subtle);border-radius:var(--radius-xs);height:var(--control-height);font-family:var(--font-mono);font-variant-numeric:tabular-nums;align-items:center;padding:0 8px;font-size:12px;transition:border-color .15s;display:flex}.scrub-field:focus-within{border-color:var(--brand-accent)}.scrub-label{color:var(--text-muted);cursor:ew-resize;-webkit-user-select:none;user-select:none;margin-right:6px;font-size:11px;font-weight:600}.scrub-input{color:var(--text-primary);font-family:inherit;font-size:inherit;background:0 0;border:none;outline:none;width:100%}.axiom-bottom-drawer{height:var(--drawer-height);background-color:var(--surface-raised);border-top:1px solid var(--border-strong);z-index:60;flex-direction:column;transition:height .2s cubic-bezier(.16,1,.3,1);display:none;box-shadow:0 -8px 24px #0006}.axiom-bottom-drawer.open{display:flex}.drawer-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;height:36px;padding:0 14px;display:flex}.drawer-tabs{gap:8px;display:flex}.drawer-tab-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;padding:4px 8px;font-size:12px;font-weight:600}.drawer-tab-btn:hover{color:var(--text-primary)}.drawer-tab-btn.active{background:var(--surface-input);color:var(--brand-accent)}.drawer-body{flex:1;padding:14px;overflow:auto}.axiom-status-bar{height:var(--status-bar-height);background-color:var(--surface-raised);border-top:1px solid var(--border-subtle);color:var(--text-secondary);z-index:70;-webkit-user-select:none;user-select:none;flex-shrink:0;justify-content:space-between;align-items:center;padding:0 12px;font-size:11px;display:flex}.status-bar-section{align-items:center;gap:12px;display:flex}.status-bar-btn{color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-xs);background:0 0;border:none;align-items:center;gap:4px;padding:2px 6px;font-size:11px;display:flex}.status-bar-btn:hover{background:var(--surface-hover);color:var(--text-primary)}:focus-visible{outline:2px solid var(--brand-accent)!important;outline-offset:1px!important}.figma-modal-backdrop{z-index:10000;-webkit-backdrop-filter:blur(8px);opacity:0;pointer-events:none;background:#000000a6;justify-content:center;align-items:center;transition:opacity .2s cubic-bezier(.16,1,.3,1);display:flex;position:fixed;inset:0}.figma-modal-backdrop[aria-hidden=true]{display:none}.figma-modal-backdrop.active{opacity:1;pointer-events:auto;display:flex}.figma-prompt-dialog{background:var(--bg-panel);border:1px solid var(--border-subtle);width:500px;max-width:92vw;box-shadow:0 24px 64px #00000080, 0 0 0 1px var(--border-subtle);color:var(--text-main);border-radius:14px;flex-direction:column;transition:transform .22s cubic-bezier(.16,1,.3,1);display:flex;overflow:hidden;transform:scale(.96)translateY(8px)}.figma-modal-backdrop.active .figma-prompt-dialog{transform:scale(1)translateY(0)}.figma-prompt-header{border-bottom:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:16px 20px 12px;display:flex}.figma-prompt-title-row{align-items:center;gap:10px;display:flex}.figma-prompt-icon-badge{width:28px;height:28px;color:var(--brand-accent);background:#6366f126;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;font-size:14px;font-weight:700;display:flex}.figma-prompt-title{color:var(--text-main);letter-spacing:-.01em;font-size:14px;font-weight:700}.figma-prompt-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:26px;height:26px;font-size:14px;transition:all .15s;display:flex}.figma-prompt-close:hover{background:var(--bg-hover);color:var(--text-main)}.figma-prompt-body{flex-direction:column;gap:12px;padding:18px 20px;display:flex}.figma-prompt-subtitle{color:var(--text-secondary);font-size:12px;line-height:1.5}.figma-prompt-input-container{flex-direction:column;gap:8px;display:flex}.figma-prompt-input{box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;color:var(--text-main);border-radius:8px;outline:none;padding:10px 12px;font-family:inherit;font-size:13px;transition:all .15s}.figma-prompt-input:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #6366f133}.figma-prompt-textarea{box-sizing:border-box;background:var(--bg-input);border:1px solid var(--border-subtle);width:100%;height:120px;color:var(--text-main);resize:vertical;border-radius:8px;outline:none;padding:10px 12px;font-family:JetBrains Mono,monospace;font-size:13px;line-height:1.5;transition:all .15s}.figma-prompt-textarea:focus{border-color:var(--brand-accent);box-shadow:0 0 0 3px #6366f133}.figma-prompt-presets{flex-wrap:wrap;align-items:center;gap:6px;margin-top:4px;display:flex}.figma-preset-label{text-transform:uppercase;color:var(--text-dim);letter-spacing:.5px;margin-right:2px;font-size:10px;font-weight:700}.figma-preset-chip{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;-webkit-user-select:none;user-select:none;border-radius:12px;padding:3px 10px;font-size:11px;font-weight:500;transition:all .15s}.figma-preset-chip:hover{background:var(--surface-selected);border-color:var(--brand-accent);color:var(--brand-accent-soft);transform:translateY(-1px)}.figma-prompt-error{color:var(--accent-rose);align-items:center;gap:6px;font-size:11px;display:none}.figma-prompt-footer{border-top:1px solid var(--border-subtle);justify-content:flex-end;align-items:center;gap:10px;padding:12px 20px 16px;display:flex}.figma-btn-cancel{border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;background:0 0;border-radius:8px;padding:7px 14px;font-size:12px;font-weight:600;transition:all .15s}.figma-btn-cancel:hover{background:var(--bg-hover);color:var(--text-main)}.figma-btn-primary{background:var(--brand-action);color:#fff;cursor:pointer;border:none;border-radius:8px;align-items:center;gap:6px;padding:7px 16px;font-size:12px;font-weight:600;transition:all .15s;display:flex;box-shadow:0 1px 3px #0003}.figma-btn-primary:hover{filter:brightness(1.1);transform:translateY(-1px)}.figma-ai-floating-bar{background:var(--bg-panel);border:1px solid var(--brand-accent);z-index:9999;width:720px;max-width:92vw;color:var(--text-main);opacity:0;border-radius:16px;flex-direction:column;transition:transform .25s cubic-bezier(.16,1,.3,1),opacity .25s;display:none;position:fixed;top:60px;left:50%;overflow:hidden;transform:translate(-50%)translateY(-20px);box-shadow:0 20px 60px #0009,0 0 24px #6366f140}.figma-ai-floating-bar.active{opacity:1;display:flex;transform:translate(-50%)translateY(0)}.figma-ai-bar-top{align-items:center;gap:12px;padding:12px 16px;display:flex}.figma-ai-spark-badge{color:#fff;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;font-size:16px;display:flex;box-shadow:0 4px 12px #6366f166}.figma-ai-bar-input{color:var(--text-main);background:0 0;border:none;outline:none;flex:1;font-family:inherit;font-size:14px}.figma-ai-bar-input::placeholder{color:var(--text-dim)}.figma-ai-bar-actions{align-items:center;gap:8px;display:flex}.figma-ai-model-pill{color:var(--accent-green);white-space:nowrap;background:#22c55e1f;border:1px solid #22c55e4d;border-radius:9999px;padding:3px 8px;font-size:10px;font-weight:700}.figma-ai-bar-bottom{background:var(--bg-surface);border-top:1px solid var(--border-subtle);justify-content:space-between;align-items:center;padding:8px 16px 12px;display:flex}.figma-ai-presets-row{align-items:center;gap:6px;display:flex;overflow-x:auto}.figma-ai-chip{background:var(--bg-hover);border:1px solid var(--border-subtle);color:var(--text-secondary);cursor:pointer;white-space:nowrap;border-radius:12px;padding:3px 10px;font-size:11px;transition:all .15s}.figma-ai-chip:hover{background:var(--surface-selected);border-color:var(--brand-accent);color:var(--brand-accent-soft)}.figma-toast-container{z-index:100000;pointer-events:none;flex-direction:column;align-items:center;gap:8px;display:flex;position:fixed;bottom:40px;left:50%;transform:translate(-50%)}.figma-toast{pointer-events:auto;background:var(--bg-panel);border:1px solid var(--border-strong);min-width:260px;max-width:520px;color:var(--text-main);border-radius:20px;align-items:center;gap:10px;padding:10px 16px;font-size:12px;font-weight:500;transition:opacity .2s,transform .2s;animation:.25s cubic-bezier(.16,1,.3,1) forwards figmaToastSlideUp;display:flex;box-shadow:0 12px 32px #00000073}.figma-toast.toast-success{border-color:var(--accent-green)}.figma-toast.toast-error{border-color:var(--accent-rose)}.figma-toast.toast-warning{border-color:var(--accent-amber)}.figma-toast-icon{font-size:14px}.figma-toast-msg{flex:1}.figma-toast-close{color:var(--text-dim);cursor:pointer;background:0 0;border:none;padding:2px;font-size:12px}.figma-toast-close:hover{color:var(--text-main)}@keyframes figmaToastSlideUp{0%{opacity:0;transform:translateY(16px)scale(.95)}to{opacity:1;transform:translateY(0)scale(1)}}[hidden]{display:none!important}.workspace-screen{z-index:200;color:#f3f4f6;font-family:var(--font-ui,Inter, sans-serif);background:#17181b;position:fixed;inset:0}.projects-screen{grid-template-columns:252px minmax(0,1fr);display:grid;overflow:hidden}.projects-rail{background:#202124;border-right:1px solid #34363b;flex-direction:column;min-width:0;padding:22px 16px 16px;display:flex}.workspace-wordmark{color:#f8fafc;cursor:pointer;background:0 0;border:0;align-items:center;gap:7px;width:fit-content;padding:0;font-size:15px;font-weight:750;display:inline-flex}.workspace-wordmark>span:last-child{color:#6ea8ff;font-weight:500}.workspace-mark-icon{color:#9dc2ff}.workspace-mark-logo{object-fit:contain;vertical-align:middle;border-radius:5px;flex-shrink:0;width:22px;height:22px;box-shadow:0 1px 4px #0000004d}.workspace-wordmark strong{font-weight:750}.workspace-search{color:#9da2aa;background:#2a2c30;border:1px solid #3a3c41;border-radius:8px;align-items:center;gap:8px;margin:28px 0 16px;padding:9px 10px;display:flex}.workspace-search input{color:#f3f4f6;width:100%;min-width:0;font:inherit;background:0 0;border:0;outline:0;font-size:12px}.projects-nav,.projects-rail-section{gap:5px;display:grid}.projects-nav button,.projects-rail-section button{color:#c7c9ce;min-height:36px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:11px;padding:0 10px;font-size:12px;display:flex}.projects-nav button>span:nth-child(2),.projects-rail-section button>span{flex:1}.projects-nav button:hover,.projects-nav button.active,.projects-rail-section button:hover{color:#fff;background:#303238}.projects-nav button.active{box-shadow:inset 2px 0 #5b9cff}.projects-nav button>span:last-child{color:#8d929c}.projects-rail-section{margin-top:30px}.projects-rail-section>span{color:#777d87;letter-spacing:.09em;margin:0 10px 6px;font-size:10px;font-weight:700}.projects-rail-spacer{flex:1}.workspace-profile-mini{color:#e2e4e9;border-top:1px solid #37393f;padding:12px 8px 0;font-size:12px}.workspace-profile-mini button{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;align-items:center;gap:10px;display:flex}.workspace-profile-mini small{color:#969ba4;margin-top:3px;display:block}.workspace-avatar,.workspace-profile-initials{color:#fff;background:#304c73;border:1px solid #4d70a5;border-radius:50%;flex:0 0 36px;place-items:center;width:36px;height:36px;font-size:13px;font-weight:700;display:inline-grid}.workspace-avatar{cursor:pointer}.projects-main{min-width:0;padding:34px clamp(22px,4vw,64px) 48px;overflow:auto}.workspace-header,.projects-toolbar,.workspace-header-actions{align-items:center;display:flex}.workspace-header,.projects-toolbar{justify-content:space-between}.workspace-breadcrumb{color:#9ba1ab;font-size:11px}.workspace-breadcrumb span{color:#5e646d;margin:0 5px}.workspace-header h1,.settings-page-heading h1{letter-spacing:-.035em;margin:11px 0 5px;font-size:clamp(24px,3vw,34px)}.workspace-header p,.settings-page-heading p{color:#9ba1ab;margin:0;font-size:13px}.workspace-header-actions{gap:10px}.workspace-primary-btn,.workspace-secondary-btn{min-height:38px;font:inherit;cursor:pointer;border-radius:8px;padding:0 14px;font-size:12px;font-weight:650}.workspace-primary-btn{color:#fff;background:#397de0;border:1px solid #4a8ef0}.workspace-primary-btn:hover{background:#4b8ff0}.workspace-secondary-btn{color:#e2e4e9;background:#24262a;border:1px solid #41444a}.workspace-secondary-btn:hover{background:#303238}.projects-toolbar{border-bottom:1px solid #383a40;margin:42px 0 17px;padding-bottom:13px}.projects-toolbar h2{margin:0 10px 0 0;font-size:15px;display:inline}.projects-toolbar>div>span{color:#9298a2;font-size:11px}.workspace-sort{color:#9ba1ab;align-items:center;gap:8px;font-size:11px;display:flex}.workspace-sort select,.settings-card select,.settings-card input,.settings-card textarea{color:#eceef2;font:inherit;background:#222429;border:1px solid #3c3f46;border-radius:7px}.workspace-sort select{padding:7px 9px}.workspace-project-grid{grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:18px;display:grid}.workspace-project-card{background:#24262a;border:1px solid #393b41;border-radius:11px;transition:border-color .16s,transform .16s;overflow:hidden}.workspace-project-card:hover{border-color:#68778c;transform:translateY(-2px)}.workspace-project-open{width:100%;color:inherit;text-align:left;cursor:pointer;background:0 0;border:0;padding:0;display:block}.workspace-project-preview{background:linear-gradient(145deg,#313d52,#252b35);place-items:center;height:142px;display:grid;overflow:hidden}.workspace-project-preview>div{background:#1118278c;border:1px solid #ffffff24;border-radius:7px;gap:7px;width:72%;height:72%;padding:12px;display:grid;box-shadow:0 10px 35px #0005}.workspace-project-preview i{background:#e2e8f055;border-radius:3px;height:9px;display:block}.workspace-project-preview i:first-child{background:#91bfff;width:54%}.workspace-project-preview i:nth-child(2){width:88%}.workspace-project-preview i:nth-child(3){width:68%}.workspace-project-preview i:nth-child(4){background:#ffffff19;width:78%;height:22px}.workspace-project-meta{align-items:center;gap:10px;padding:12px;display:flex}.workspace-project-file-icon{color:#66a5ff;font-size:14px}.workspace-project-meta strong,.workspace-project-meta small{text-overflow:ellipsis;white-space:nowrap;max-width:100%;display:block;overflow:hidden}.workspace-project-meta strong{color:#f2f3f5;font-size:12px}.workspace-project-meta small{color:#9ba1ab;margin-top:4px;font-size:10px}.workspace-empty-state{text-align:center;padding:70px 20px}.workspace-empty-state h2{margin-bottom:5px}.workspace-empty-state p{color:#9ba1ab;margin:0 0 18px}.workspace-empty-icon{color:#8ebaff;background:#272a30;border:1px solid #41454d;border-radius:12px;place-items:center;width:44px;height:44px;margin:0 auto 13px;font-size:20px;display:grid}.settings-screen{flex-direction:column;display:flex;overflow:auto}.settings-topbar{background:#202124;border-bottom:1px solid #35373d;flex:0 0 58px;justify-content:space-between;align-items:center;height:58px;padding:0 28px;display:flex}.settings-topbar-right{align-items:center;gap:14px;display:flex}.settings-local-badge{color:#9ba1ab;font-size:10px}.settings-local-badge:first-letter{color:#41c98a}.settings-layout{grid-template-columns:220px minmax(0,1fr);gap:clamp(28px,6vw,76px);width:min(1120px,100% - 48px);margin:36px auto 70px;display:grid}.settings-nav{flex-direction:column;gap:4px;padding-top:8px;display:flex}.settings-nav-heading{color:#858b95;letter-spacing:.09em;margin:0 10px 12px;font-size:10px;font-weight:700}.settings-nav button{color:#bcc1ca;min-height:39px;font:inherit;text-align:left;cursor:pointer;background:0 0;border:0;border-radius:7px;align-items:center;gap:10px;padding:0 11px;font-size:12px;display:flex}.settings-nav button:hover,.settings-nav button.active{color:#fff;background:#303238}.settings-nav button.active{box-shadow:inset 2px 0 #68a6ff}.settings-content-area{min-width:0}.settings-page-heading{margin-bottom:23px}.settings-page-heading h1{font-size:27px}.settings-status{color:#8fc0ff;min-height:18px;margin-bottom:7px;font-size:11px}.settings-card{background:#202226;border:1px solid #393c43;border-radius:10px;margin-bottom:16px;padding:20px}.settings-card h2{margin:0 0 5px;font-size:14px}.settings-card>p,.settings-muted{color:#9ba1ab;margin:0 0 16px;font-size:11px;line-height:1.6}.settings-form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px;display:grid}.settings-field{color:#bfc4cd;gap:6px;font-size:11px;display:grid}.settings-field input,.settings-field select{box-sizing:border-box;width:100%;min-height:36px;padding:8px 10px}.settings-card input:focus,.settings-card select:focus{outline-offset:1px;outline:2px solid #538ee0}.settings-card-actions{flex-wrap:wrap;align-items:center;gap:9px;margin-top:16px;display:flex}.settings-inline-warning{color:#f2d394;background:#3a3020;border:1px solid #725b2d;border-radius:7px;padding:11px 12px;font-size:10px;line-height:1.55}.settings-profile-list,.settings-library-list,.settings-session-list{gap:8px;margin-top:13px;display:grid}.settings-profile-row,.settings-library-row,.settings-session-row{color:#e4e6eb;background:#25272c;border:1px solid #393c43;border-radius:8px;justify-content:space-between;align-items:center;gap:12px;padding:11px;font-size:11px;display:flex}.settings-profile-row small,.settings-library-row small,.settings-session-row small{color:#9ba1ab;margin-top:4px;display:block}.settings-hierarchy{gap:9px;padding-left:25px;display:grid;position:relative}.settings-org-member{background:#25272c;border:1px solid #393c43;border-radius:8px;grid-template-columns:36px minmax(0,1fr) auto;align-items:center;gap:12px;padding:11px 12px;display:grid;position:relative}.settings-org-member.team-lead{background:#252f3d;border-color:#476690;margin-left:-25px}.settings-org-member:not(.team-lead):before{content:"";border-top:1px solid #525761;width:12px;position:absolute;top:50%;left:-15px}.settings-org-member strong,.settings-org-member small{display:block}.settings-org-member strong{font-size:11px}.settings-org-member small{color:#9ba1ab;margin-top:4px;font-size:10px}.settings-org-member em{color:#9ba1ab;font-size:10px;font-style:normal}.settings-toggle-row{color:#e4e6eb;border-top:1px solid #35383e;justify-content:space-between;align-items:center;gap:14px;padding:11px 0;font-size:11px;display:flex}.settings-toggle-row small{color:#969ca6;margin-top:4px;font-size:10px;display:block}.settings-toggle-row input{accent-color:#4e92ee;width:17px;height:17px}.workspace-modal-backdrop{z-index:300;background:#08090bd9;place-items:center;padding:20px;display:grid;position:fixed;inset:0}.workspace-modal{color:#f3f4f6;background:#222429;border:1px solid #41444a;border-radius:14px;width:min(420px,100%);padding:26px;position:relative;box-shadow:0 24px 80px #0009}.workspace-modal h2{text-align:center;margin:0 0 7px;font-size:19px}.workspace-modal>p{color:#a4a9b2;text-align:center;margin:0 0 18px;font-size:11px;line-height:1.5}.workspace-modal>label{color:#d3d6dc;margin-bottom:6px;font-size:11px;display:block}.workspace-modal>input{box-sizing:border-box;color:#fff;width:100%;min-height:39px;font:inherit;background:#191a1e;border:1px solid #454951;border-radius:7px;outline:0;padding:8px 10px;font-size:12px}.workspace-modal>input:focus{border-color:#538ee0}.workspace-modal-actions{justify-content:flex-end;gap:8px;margin-top:20px;display:flex}.workspace-modal-close{color:#aeb3bc;cursor:pointer;background:0 0;border:0;font-size:22px;position:absolute;top:10px;right:12px}@media (width<=760px){.projects-screen{grid-template-columns:62px minmax(0,1fr)}.projects-rail{align-items:center;padding:17px 7px 12px}.projects-rail .workspace-wordmark{justify-content:center;width:38px;height:38px}.projects-rail .workspace-wordmark strong,.projects-rail .workspace-wordmark>span:last-child{display:none}.workspace-search{box-sizing:border-box;justify-content:center;width:38px;padding:9px}.workspace-search input,.projects-nav button>span,.projects-rail-section button>span,.projects-rail-section>span,.workspace-profile-mini button>span:last-child{display:none}.projects-nav,.projects-rail-section{width:100%}.projects-nav button,.projects-rail-section button{justify-content:center;padding:0}.workspace-profile-mini{padding:12px 0 0}.workspace-profile-mini button{justify-content:center}.projects-main{padding:24px 18px}.workspace-header{align-items:flex-start;gap:16px}.workspace-header-actions{flex-wrap:wrap;justify-content:flex-end}.workspace-header-actions .workspace-secondary-btn,.workspace-header-actions .workspace-avatar{display:none}.workspace-project-grid{grid-template-columns:repeat(auto-fill,minmax(165px,1fr));gap:11px}.workspace-project-preview{height:110px}.settings-topbar{padding:0 14px}.settings-local-badge{display:none}.settings-layout{grid-template-columns:1fr;gap:20px;margin-top:22px}.settings-nav{flex-direction:row;padding-bottom:6px;display:flex;overflow:auto}.settings-nav-heading{display:none}.settings-nav button{flex:none;min-height:35px}.settings-form-grid{grid-template-columns:1fr}}@media (width<=480px){.workspace-header{display:block}.workspace-header-actions{justify-content:flex-start;margin-top:14px}.workspace-toolbar{align-items:flex-start}.workspace-sort{gap:3px;display:grid}.settings-layout{width:calc(100% - 28px)}.settings-topbar-right{gap:8px}.settings-topbar-right .workspace-secondary-btn{padding:0 9px}}.breadcrumb-link-btn{font:inherit;color:#9ba1ab;cursor:pointer;background:0 0;border:0;padding:0;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:color .15s,text-decoration-color .15s}.breadcrumb-link-btn:hover{color:#fff;text-decoration-color:#fff}.workspace-search-inline{color:#9da2aa;background:#222429;border:1px solid #3c3f46;border-radius:7px;align-items:center;gap:8px;padding:6px 10px;display:flex}.workspace-search-inline input{color:#f3f4f6;font:inherit;background:0 0;border:0;outline:0;width:170px;font-size:12px}.workspace-project-pill{color:#93c5fd;background:#5e9cff1f;border:1px solid #5e9cff40;border-radius:10px;align-items:center;gap:4px;padding:2px 7px;font-size:10px;font-weight:600;display:inline-flex}.workspace-card-actions{align-items:center;gap:6px;margin-top:8px;display:flex}.workspace-card-action-btn{color:#d1d5db;cursor:pointer;background:#2d3036;border:1px solid #3e424a;border-radius:6px;padding:4px 8px;font-size:11px;font-weight:500;transition:background .15s,color .15s}.workspace-card-action-btn:hover{color:#fff;background:#3c4049}.project-settings-nav{border-bottom:1px solid #383a40;gap:8px;margin-top:24px;padding-bottom:10px;display:flex}.project-settings-tab{color:#9ba1ab;font:inherit;cursor:pointer;background:0 0;border:0;border-radius:6px;padding:7px 14px;font-size:12px;font-weight:600;transition:background .15s,color .15s}.project-settings-tab:hover{color:#f3f4f6;background:#2a2d33}.project-settings-tab.active{color:#fff;background:#31343c;box-shadow:inset 0 -2px #4f46e5}.project-add-member-bar{background:#1b1d22;border:1px solid #34373e;border-radius:8px;flex-wrap:wrap;align-items:center;gap:10px;padding:14px;display:flex}.project-member-status{margin-left:6px;font-size:12px;font-weight:500}.project-member-status.success{color:#86efac}.project-member-status.error{color:#fca5a5}.project-members-table-wrap{background:#1e2025;border:1px solid #353840;border-radius:8px;margin-top:18px;overflow-x:auto}.project-members-table{border-collapse:collapse;text-align:left;width:100%;font-size:12px}.project-members-table th{color:#9ba1ab;letter-spacing:.05em;text-transform:uppercase;background:#23262c;border-bottom:1px solid #353840;padding:10px 14px;font-size:11px;font-weight:600}.project-members-table td{color:#e5e7eb;border-bottom:1px solid #2a2c33;padding:12px 14px}.project-members-table tr:last-child td{border-bottom:0}.project-member-cell{align-items:center;gap:10px;display:flex}.project-member-role-select{color:#f3f4f6;font:inherit;cursor:pointer;background:#282a30;border:1px solid #3d4048;border-radius:6px;padding:5px 8px;font-size:11px}.project-member-remove-btn{color:#f87171;cursor:pointer;background:0 0;border:1px solid #522727;border-radius:6px;padding:4px 9px;font-size:11px;transition:background .15s}.project-member-remove-btn:hover{color:#fff;background:#7f1d1d}.file-switcher-dialog{background:#1e2025;border:1px solid #3b3f47;border-radius:12px;flex-direction:column;gap:12px;width:520px;max-width:90vw;padding:16px;display:flex;box-shadow:0 20px 45px #0009}.file-switcher-search{background:#25282f;border:1px solid #41454f;border-radius:8px;align-items:center;gap:10px;padding:10px 12px;display:flex}.file-switcher-search input{color:#fff;font:inherit;background:0 0;border:0;outline:0;flex:1;font-size:13px}.file-switcher-list{flex-direction:column;gap:4px;max-height:320px;display:flex;overflow-y:auto}.file-switcher-item{color:#e5e7eb;font:inherit;cursor:pointer;text-align:left;background:0 0;border:0;border-radius:7px;justify-content:space-between;align-items:center;padding:9px 12px;font-size:12px;transition:background .12s;display:flex}.file-switcher-item:hover,.file-switcher-item.selected{color:#fff;background:#2d313a}.auth-screen{z-index:500;color:#f3f4f6;font-family:var(--font-ui,Inter, system-ui, -apple-system, sans-serif);background:#0d0f14;min-height:100vh;display:flex;position:fixed;inset:0;overflow:auto}.auth-backdrop{pointer-events:none;z-index:0;background:radial-gradient(circle at 18% 25%,#3b82f61f 0%,#0000 45%),radial-gradient(circle at 82% 75%,#6366f11f 0%,#0000 45%),radial-gradient(circle,#111827cc 0%,#0b0d13 100%);position:absolute;inset:0}.auth-container{z-index:1;width:100%;min-height:100vh;display:flex;position:relative}.auth-hero-pane{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:linear-gradient(135deg,#11182799 0%,#0d1117d9 100%);border-right:1px solid #ffffff14;flex-direction:column;flex:1.1;justify-content:space-between;padding:clamp(36px,5vw,64px);display:flex}.auth-hero-brand{align-items:center;gap:12px;display:inline-flex}.auth-brand-logo{object-fit:contain;border-radius:9px;width:38px;height:38px;box-shadow:0 4px 14px #0006}.auth-hero-brand strong{letter-spacing:-.02em;color:#fff;font-size:20px;font-weight:750}.auth-hero-brand span{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:5px;padding:2px 7px;font-size:13px;font-weight:600}.auth-hero-content{max-width:540px;margin:auto 0}.auth-hero-badge{color:#a5b4fc;background:#6366f124;border:1px solid #6366f14d;border-radius:20px;align-items:center;gap:6px;margin-bottom:20px;padding:4px 12px;font-size:12px;font-weight:600;display:inline-flex}.auth-hero-title{letter-spacing:-.035em;color:#fff;margin:0 0 16px;font-size:clamp(28px,3.5vw,42px);font-weight:800;line-height:1.15}.auth-hero-title span{background:linear-gradient(135deg,#60a5fa 0%,#a78bfa 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text}.auth-hero-desc{color:#94a3b8;margin:0 0 32px;font-size:15px;line-height:1.6}.auth-feature-list{gap:14px;display:grid}.auth-feature-item{color:#cbd5e1;align-items:center;gap:12px;font-size:13px;display:flex}.auth-feature-icon{color:#60a5fa;background:#3b82f626;border:1px solid #3b82f64d;border-radius:6px;flex-shrink:0;place-items:center;width:24px;height:24px;font-size:12px;display:grid}.auth-hero-footer{color:#64748b;align-items:center;gap:16px;font-size:12px;display:flex}.auth-form-pane{flex:1;justify-content:center;align-items:center;padding:clamp(24px,4vw,48px);display:flex}.auth-card{-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);background:#161921d9;border:1px solid #ffffff1a;border-radius:16px;width:100%;max-width:440px;padding:clamp(24px,4vw,36px);box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff1a}.auth-card-header{text-align:left;margin-bottom:24px}.auth-card-title{letter-spacing:-.025em;color:#fff;margin:0 0 6px;font-size:24px;font-weight:750}.auth-card-subtitle{color:#94a3b8;margin:0;font-size:13px}.auth-demo-accounts{background:#1e293b80;border:1px dashed #ffffff1f;border-radius:10px;margin-bottom:20px;padding:12px}.auth-demo-label{letter-spacing:.04em;text-transform:uppercase;color:#94a3b8;margin-bottom:8px;font-size:11px;font-weight:600;display:block}.auth-demo-buttons{flex-wrap:wrap;gap:8px;display:flex}.auth-demo-btn{color:#93c5fd;cursor:pointer;background:#3b82f61f;border:1px solid #3b82f640;border-radius:6px;padding:4px 10px;font-size:11px;font-weight:600;transition:all .15s}.auth-demo-btn:hover{color:#fff;background:#3b82f638;border-color:#60a5fa}.auth-form{gap:18px;display:grid}.auth-field-group{text-align:left;gap:6px;display:grid}.auth-field-label{color:#cbd5e1;font-size:12px;font-weight:600}.auth-input-wrap{align-items:center;display:flex;position:relative}.auth-input{color:#fff;width:100%;height:44px;font:inherit;box-sizing:border-box;background:#181b22;border:1px solid #373c47;border-radius:8px;padding:0 14px;font-size:13px;transition:border-color .15s,box-shadow .15s}.auth-input:focus{border-color:#6366f1;outline:none;box-shadow:0 0 0 3px #6366f140}.auth-input.has-error{border-color:#ef4444;box-shadow:0 0 0 3px #ef444433}.auth-password-toggle{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-radius:4px;justify-content:center;align-items:center;padding:6px;transition:color .15s;display:inline-flex;position:absolute;right:10px}.auth-password-toggle:hover{color:#fff}.auth-error-msg{color:#f87171;min-height:16px;margin-top:2px;font-size:11px}.auth-options-row{justify-content:space-between;align-items:center;font-size:12px;display:flex}.auth-checkbox-label{color:#94a3b8;cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:8px;display:inline-flex}.auth-checkbox-label input[type=checkbox]{accent-color:#4f46e5;cursor:pointer;border-radius:4px;width:15px;height:15px}.auth-forgot-btn{color:#818cf8;font:inherit;cursor:pointer;background:0 0;border:0;padding:0;font-size:12px;font-weight:500;-webkit-text-decoration:underline #0000;text-decoration:underline #0000;transition:all .15s}.auth-forgot-btn:hover{color:#a5b4fc;text-decoration-color:#a5b4fc}.auth-submit-btn{color:#fff;width:100%;height:44px;font:inherit;cursor:pointer;background:linear-gradient(135deg,#4f46e5 0%,#3b82f6 100%);border:1px solid #ffffff26;border-radius:8px;justify-content:center;align-items:center;gap:8px;font-size:13px;font-weight:650;transition:all .15s;display:inline-flex;box-shadow:0 4px 14px #4f46e559}.auth-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#4338ca 0%,#2563eb 100%);transform:translateY(-1px);box-shadow:0 6px 18px #4f46e573}.auth-submit-btn:disabled{opacity:.65;cursor:not-allowed;transform:none}.auth-status-alert{border-radius:8px;align-items:center;gap:8px;padding:10px 14px;font-size:12px;font-weight:500;display:flex}.auth-status-alert.error{color:#fca5a5;background:#ef444426;border:1px solid #ef444459}.auth-status-alert.success{color:#86efac;background:#22c55e26;border:1px solid #22c55e59}.auth-status-alert.info{color:#93c5fd;background:#3b82f626;border:1px solid #3b82f659}.auth-divider{color:#64748b;text-transform:uppercase;letter-spacing:.06em;align-items:center;margin:20px 0;font-size:11px;display:flex}.auth-divider:before,.auth-divider:after{content:"";background:#ffffff14;flex:1;height:1px}.auth-divider span{padding:0 12px}.auth-sso-grid{grid-template-columns:repeat(3,1fr);gap:8px;display:grid}.auth-sso-btn{color:#cbd5e1;height:40px;font:inherit;cursor:pointer;background:#181b22;border:1px solid #373c47;border-radius:8px;justify-content:center;align-items:center;gap:6px;font-size:12px;font-weight:500;transition:all .15s;display:flex}.auth-sso-btn:hover{color:#fff;background:#232732;border-color:#4f5666}.auth-sso-btn svg,.auth-sso-btn span{flex-shrink:0}.auth-card-footer{text-align:center;color:#64748b;justify-content:center;align-items:center;gap:6px;margin-top:24px;font-size:11px;display:flex}.auth-modal-backdrop{z-index:600;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#000000b3;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.auth-modal{text-align:left;background:#181b22;border:1px solid #373c47;border-radius:14px;width:100%;max-width:400px;padding:24px;box-shadow:0 20px 45px #0009}.auth-modal h3{color:#fff;margin:0 0 8px;font-size:18px}.auth-modal p{color:#94a3b8;margin:0 0 16px;font-size:13px;line-height:1.5}@media (width<=1024px){.auth-hero-pane{display:none}.auth-form-pane{flex:1;width:100%;padding:40px 24px}.auth-card{max-width:480px}.auth-tablet-header{align-items:center;gap:12px;margin-bottom:24px;display:flex!important}}@media (width<=540px){.auth-form-pane{align-items:flex-start;padding:20px 16px}.auth-card{box-shadow:none;background:0 0;border:none;max-width:100%;padding:16px 0}.auth-card-title{font-size:22px}.auth-sso-grid{grid-template-columns:1fr;gap:8px}.auth-demo-buttons{flex-direction:column}.auth-options-row{flex-direction:column;align-items:flex-start;gap:10px}.auth-input,.auth-submit-btn,.auth-sso-btn{height:48px}}