@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500&display=swap";:root{--cream-50: #FFFDFB;--cream-100: #FAF8F5;--cream-200: #F5F1EC;--cream-300: #EDE8E1;--cream-400: #E5DFD6;--cream-500: #D4CCC0;--cream-600: #B8AFA2;--bg-app: #FAF8F5;--bg-panel: #FFFFFF;--bg-surface: #F5F1EC;--bg-hover: #EDE8E1;--bg-input: #FFFFFF;--bg-elevated: #FFFFFF;--bg-deep: #FAF8F5;--bg-dark: #F5F1EC;--bg-mid: #EDE8E1;--bg-light: #FFFFFF;--bg-viewport: #2D2D2D;--bg-viewport-gradient: linear-gradient(180deg, #353535 0%, #2D2D2D 100%);--accent-primary: #C4704F;--accent-secondary: #B5614A;--accent-dark: #A65545;--accent-light: #D4846A;--accent-dim: rgba(196, 112, 79, .12);--text-primary: #1A1714;--text-secondary: #5C5650;--text-tertiary: #A9A29A;--text-muted: #8C857C;--text-accent: #C4704F;--text-inverse: #FFFFFF;--success: #2E7D4A;--success-dim: rgba(46, 125, 74, .1);--success-muted: rgba(46, 125, 74, .06);--warning: #B8860B;--warning-dim: rgba(184, 134, 11, .1);--error: #C53030;--error-dim: rgba(197, 48, 48, .1);--info: #2B6CB0;--info-dim: rgba(43, 108, 176, .1);--border-subtle: rgba(0, 0, 0, .04);--border-default: #E5DFD6;--border-strong: #D4CCC0;--border-accent: rgba(196, 112, 79, .3);--shadow-sm: 0 1px 2px rgba(0, 0, 0, .04);--shadow-md: 0 4px 12px rgba(0, 0, 0, .06);--shadow-lg: 0 8px 24px rgba(0, 0, 0, .08);--shadow-glow: 0 0 20px rgba(196, 112, 79, .15);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 24px;--space-2xl: 32px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--radius-full: 9999px;--font-sans: "Plus Jakarta Sans", "DM Sans", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-display: "Plus Jakarta Sans", "DM Sans", sans-serif;--font-mono: "JetBrains Mono", "SF Mono", Consolas, monospace;--text-xs: 11px;--text-sm: 12px;--text-base: 13px;--text-md: 14px;--text-lg: 16px;--text-xl: 18px;--text-2xl: 24px;--z-base: 0;--z-dropdown: 100;--z-sticky: 200;--z-overlay: 300;--z-modal: 400;--z-toast: 500;--transition-fast: .1s ease;--transition-base: .15s ease;--transition-slow: .3s ease;--sidebar-collapsed: 48px;--sidebar-default: 280px;--sidebar-wide: 360px}*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%;width:100%;overflow:hidden}body{font-family:var(--font-sans);font-size:var(--text-base);line-height:1.5;color:var(--text-primary);background-color:var(--bg-app);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;-webkit-user-select:none;user-select:none}::selection{background-color:var(--accent-primary);color:var(--text-inverse)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--cream-500);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:var(--accent-primary)}.app{display:flex;flex-direction:column;height:100vh;background:var(--bg-app)}.main-content{display:flex;flex:1;overflow:hidden}.sidebar{display:flex;flex-direction:column;position:relative;background:var(--bg-panel);border-right:1px solid var(--border-default);overflow:hidden;transition:width var(--transition-base)}.sidebar--left{border-right:1px solid var(--border-default)}.sidebar--right{border-left:1px solid var(--border-default);border-right:none}.sidebar--collapsed{width:var(--sidebar-collapsed)}.sidebar__resize-handle{position:absolute;top:0;bottom:0;width:4px;cursor:ew-resize;background:transparent;transition:background var(--transition-fast);z-index:var(--z-sticky)}.sidebar--left .sidebar__resize-handle{right:0}.sidebar--right .sidebar__resize-handle{left:0}.sidebar__resize-handle:hover{background:var(--accent-primary)}.panel{display:flex;flex-direction:column;background:var(--bg-panel);overflow:hidden}.panel--collapsed{flex:0 0 auto}.panel--expanded{flex:1;min-height:200px}.panel__header{display:flex;align-items:center;padding:var(--space-sm) var(--space-md);background:var(--bg-surface);border-bottom:1px solid var(--border-default);cursor:pointer;-webkit-user-select:none;user-select:none}.panel__header:hover{background:var(--bg-hover)}.panel__icon{width:16px;height:16px;margin-right:var(--space-sm);color:var(--accent-primary)}.panel__title{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.panel__toggle{width:16px;height:16px;color:var(--text-muted);transition:transform var(--transition-fast)}.panel--collapsed .panel__toggle{transform:rotate(-90deg)}.panel__content{flex:1;padding:var(--space-md);overflow-y:auto}.menu-bar{display:flex;align-items:center;height:40px;padding:0 var(--space-md);background:var(--bg-surface);border-bottom:1px solid var(--border-default);-webkit-app-region:drag}.menu-bar__logo{display:flex;align-items:center;gap:var(--space-sm);margin-right:var(--space-xl);-webkit-app-region:no-drag}.menu-bar__logo-text{font-size:var(--text-md);font-weight:600;color:var(--accent-primary);letter-spacing:1px}.menu-bar__items{display:flex;gap:var(--space-xs);-webkit-app-region:no-drag}.menu-bar__item{padding:var(--space-xs) var(--space-sm);font-size:var(--text-sm);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.menu-bar__item:hover{color:var(--text-primary);background:var(--bg-hover)}.menu-bar__spacer{flex:1}.menu-bar__actions{display:flex;gap:var(--space-sm);-webkit-app-region:no-drag}.toolbar{display:flex;flex-direction:column;padding:var(--space-sm);gap:var(--space-xs)}.toolbar__group{display:flex;flex-direction:column;gap:var(--space-xs);padding-bottom:var(--space-sm);border-bottom:1px solid var(--border-default)}.toolbar__group:last-child{border-bottom:none}.toolbar__button{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.toolbar__button:hover{background:var(--bg-hover);color:var(--text-primary)}.toolbar__button--active{background:var(--accent-dim);color:var(--accent-primary)}.toolbar__button--active:hover{background:var(--accent-dim)}.btn{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-sm);padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);font-weight:500;line-height:1;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.btn--primary{background:var(--accent-primary);color:var(--text-inverse)}.btn--primary:hover{background:var(--accent-dark)}.btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.btn--secondary:hover{background:var(--bg-hover)}.btn--ghost{background:transparent;color:var(--text-secondary)}.btn--ghost:hover{background:var(--bg-hover);color:var(--text-primary)}.btn--sm{padding:var(--space-xs) var(--space-sm);font-size:var(--text-xs)}.btn--lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-md)}.btn--icon{padding:var(--space-sm)}.btn:disabled{opacity:.5;cursor:not-allowed}.btn.active{background:var(--accent-primary);color:var(--text-inverse)}.btn--subtle.active{background:var(--accent-dim);color:var(--accent-primary)}.input{width:100%;padding:var(--space-sm) var(--space-md);font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:all var(--transition-fast)}.input:hover{border-color:var(--border-strong)}.input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 3px var(--accent-dim)}.input::placeholder{color:var(--text-muted)}.input--lg{padding:var(--space-md) var(--space-lg);font-size:var(--text-md)}.ai-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-panel)}.ai-panel__header{display:flex;align-items:center;padding:14px 16px;background:var(--bg-panel);border-bottom:1px solid var(--border-default)}.ai-panel__logo{width:22px;height:22px;margin-right:10px;color:var(--accent-primary)}.ai-panel__title{font-size:15px;font-weight:700;color:var(--accent-primary);letter-spacing:.3px}.ai-panel__status{margin-left:auto;display:flex;align-items:center;gap:var(--space-xs);padding:4px 10px;background:var(--success-dim);border-radius:var(--radius-full);font-size:var(--text-xs);color:var(--success)}.ai-panel__messages{flex:1;overflow-y:auto;padding:var(--space-lg)}.ai-panel__welcome{padding:32px 20px;text-align:center}.ai-panel__welcome-icon{width:40px;height:40px;margin:0 auto 16px;color:var(--accent-primary)}.ai-panel__welcome-title{font-size:18px;font-weight:700;color:var(--text-primary);margin-bottom:8px}.ai-panel__welcome-text{font-size:13px;color:var(--text-secondary);margin-bottom:24px;line-height:1.5}.ai-panel__context{margin-bottom:20px;padding:10px 14px;background:linear-gradient(135deg,#8b5cf61a,#3b82f614);border:1px solid rgba(139,92,246,.25);border-radius:var(--radius-md)}.ai-panel__selected-object{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-primary)}.ai-panel__selected-object svg{color:var(--accent-primary)}.ai-panel__selected-object strong{color:var(--accent-primary);font-weight:600}.ai-panel__object-type{color:var(--text-muted);font-size:11px}.ai-panel__no-selection{font-size:12px;color:var(--text-muted);font-style:italic}.ai-panel__suggestions{display:flex;flex-direction:column;gap:8px}.ai-panel__suggestion{padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);color:var(--text-secondary);text-align:left;cursor:pointer;transition:all .15s ease;font-size:13px}.ai-panel__suggestion:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--text-primary)}.ai-panel__suggestion:before{content:"—";margin-right:10px;color:var(--text-muted)}.ai-panel__input{padding:12px;background:var(--bg-panel);border-top:1px solid var(--border-default)}.ai-panel__input-row{display:flex;gap:8px;align-items:center}.ai-panel__input .input{flex:1;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:10px 14px;font-size:13px;transition:all .15s ease}.ai-panel__input .input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-dim)}.ai-panel__send-btn{display:flex;align-items:center;justify-content:center;width:38px;height:38px;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:var(--text-inverse);cursor:pointer;transition:all .15s ease;flex-shrink:0}.ai-panel__send-btn:hover{background:var(--accent-dark)}.ai-panel__send-btn:active{transform:scale(.95)}.ai-panel__send-btn:disabled{opacity:.5;cursor:not-allowed}.ai-panel__input .btn--icon{width:38px;height:38px;padding:0;flex-shrink:0}.ai-panel__input .btn--primary.btn--icon{background:var(--accent-primary);color:var(--text-inverse);border:none}.ai-panel__input .btn--primary.btn--icon:hover{background:var(--accent-dark)}.ai-panel__input .btn--ghost.btn--icon{background:transparent;color:var(--text-muted);border:1px solid var(--border-default)}.ai-panel__input .btn--ghost.btn--icon:hover{color:var(--text-primary);border-color:var(--border-strong)}.message{display:flex;flex-direction:column;margin-bottom:var(--space-lg);animation:message-appear .3s ease}@keyframes message-appear{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}.message--user{align-items:flex-end}.message--assistant{align-items:flex-start}.message__bubble{max-width:90%;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-xl);position:relative;box-shadow:var(--shadow-sm)}.message--user .message__bubble{background:var(--accent-primary);color:var(--text-inverse);border:none}.message--assistant .message__bubble{background:var(--bg-input);border:1px solid var(--border-default);color:var(--text-primary)}.message__role{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;margin-bottom:var(--space-sm)}.message--user .message__role{color:#fffc}.message--assistant .message__role{color:var(--text-muted)}.message__content{font-size:var(--text-sm);line-height:1.7;white-space:pre-wrap}.message--user .message__content{color:var(--text-inverse)}.message--assistant .message__content{color:var(--text-primary)}.message__code{margin-top:var(--space-md);padding:var(--space-md);background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);font-family:var(--font-mono);font-size:var(--text-xs);overflow-x:auto;line-height:1.5;color:var(--text-primary)}.message__code::-webkit-scrollbar{height:6px}.message__code::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:var(--radius-full)}.message__actions{display:flex;gap:var(--space-sm);margin-top:var(--space-md);padding-top:var(--space-sm);border-top:1px solid var(--border-subtle)}.message__action-btn{display:flex;align-items:center;gap:var(--space-xs);padding:var(--space-xs) var(--space-sm);background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:var(--text-xs);cursor:pointer;transition:all .15s ease}.message__action-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.outliner{display:flex;flex-direction:column;height:100%}.outliner__search{padding:var(--space-sm);border-bottom:1px solid var(--border-default)}.outliner__tree{flex:1;overflow-y:auto;padding:var(--space-xs)}.outliner__item{display:flex;align-items:center;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);cursor:pointer;transition:background var(--transition-fast)}.outliner__item--selected{background:var(--accent-dim)}.outliner__item--active{background:var(--accent-dim);border-left:2px solid var(--accent-primary)}.outliner__icon{width:14px;height:14px;margin-right:var(--space-sm);color:var(--accent-primary)}.outliner__visibility{width:16px;height:16px;color:var(--text-muted);opacity:.5;transition:opacity var(--transition-fast)}.outliner__item:hover .outliner__visibility{opacity:1}.properties{display:flex;flex-direction:column;height:100%}.properties__tabs{display:flex;padding:var(--space-xs);gap:var(--space-xs);background:var(--bg-surface);border-bottom:1px solid var(--border-default);overflow-x:auto}.properties__tab{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.properties__tab:hover{background:var(--bg-hover);color:var(--text-primary)}.properties__tab--active{background:var(--accent-dim);color:var(--accent-primary)}.properties__content{flex:1;overflow-y:auto;padding:var(--space-md)}.properties__section{margin-bottom:var(--space-lg)}.properties__section-title{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.5px;color:var(--text-muted);margin-bottom:var(--space-sm)}.properties__row{display:flex;align-items:center;gap:var(--space-sm);margin-bottom:var(--space-sm)}.properties__label{width:80px;font-size:var(--text-sm);color:var(--text-secondary)}.properties__value{flex:1}.timeline{height:120px;background:var(--bg-surface);border-top:1px solid var(--border-default);display:flex;flex-direction:column}.timeline--collapsed{height:32px}.timeline__header{display:flex;align-items:center;padding:var(--space-xs) var(--space-md);background:var(--bg-panel);border-bottom:1px solid var(--border-default)}.timeline__controls{display:flex;gap:var(--space-xs)}.timeline__track{flex:1;position:relative;overflow:hidden}.status-bar{display:flex;align-items:center;height:24px;padding:0 var(--space-md);background:var(--bg-surface);border-top:1px solid var(--border-default);font-size:var(--text-xs);color:var(--text-muted)}.status-bar__item{display:flex;align-items:center;gap:var(--space-xs);padding:0 var(--space-sm);border-right:1px solid var(--border-default)}.status-bar__item:last-child{border-right:none}.status-bar__indicator{width:8px;height:8px;border-radius:var(--radius-full)}.status-bar__item--warning{background:#fbbf2433;color:#d97706;font-weight:500;border-radius:var(--radius-sm);margin-right:var(--space-sm)}.status-bar__item--warning svg{color:#d97706}.command-palette{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;align-items:flex-start;justify-content:center;padding-top:120px;background:#1a171466;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:var(--z-modal);animation:fadeIn .15s ease}.command-palette__container{width:640px;max-height:480px;background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-xl);box-shadow:var(--shadow-lg),0 0 40px #d4a5741a;overflow:hidden;animation:slideDown .2s ease}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.command-palette__input{width:100%;padding:var(--space-xl);font-size:var(--text-lg);color:var(--text-primary);background:var(--bg-panel);border:none;border-bottom:1px solid var(--border-default);outline:none}.command-palette__input::placeholder{color:var(--text-muted)}.command-palette__input:focus{background:var(--bg-surface)}.command-palette__results{max-height:380px;overflow-y:auto;padding:var(--space-md)}.command-palette__result{display:flex;align-items:center;padding:var(--space-md) var(--space-lg);border-radius:var(--radius-lg);cursor:pointer;transition:all .15s ease;border:1px solid transparent}.command-palette__result:hover,.command-palette__result--selected{background:var(--accent-dim);border-color:var(--border-accent)}.command-palette__result-icon{width:20px;height:20px;margin-right:var(--space-lg);color:var(--accent-primary)}.command-palette__result-name{flex:1;font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.command-palette__result-shortcut{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);padding:4px 8px;background:var(--bg-surface);border-radius:var(--radius-sm);border:1px solid var(--border-default)}.command-palette__category{font-size:var(--text-xs);font-weight:600;text-transform:uppercase;letter-spacing:.8px;color:var(--accent-primary);padding:var(--space-md) var(--space-lg);margin-top:var(--space-sm)}.command-palette__empty{text-align:center;padding:var(--space-2xl);color:var(--text-secondary)}.loading-screen{position:fixed;top:0;left:0;right:0;bottom:0;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--bg-app);z-index:var(--z-modal)}.loading-screen:before{content:"";position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:300px;height:300px;background:radial-gradient(circle,rgba(212,165,116,.2) 0%,transparent 70%);animation:pulse-glow 2s ease-in-out infinite}@keyframes pulse-glow{0%,to{opacity:.5;transform:translate(-50%,-50%) scale(1)}50%{opacity:1;transform:translate(-50%,-50%) scale(1.1)}}.loading-screen__logo{font-family:var(--font-display);font-size:48px;font-weight:700;background:linear-gradient(135deg,#a65545,#c4704f,#d4846a);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:4px;margin-bottom:var(--space-2xl);position:relative;z-index:1}.loading-screen__spinner{width:48px;height:48px;border:3px solid var(--accent-dim);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite;position:relative;z-index:1}@keyframes spin{to{transform:rotate(360deg)}}.loading-screen__text{margin-top:var(--space-xl);color:var(--text-secondary);font-size:var(--text-sm);letter-spacing:1px;position:relative;z-index:1}.loading-screen__progress{width:200px;height:3px;background:var(--accent-dim);border-radius:var(--radius-full);margin-top:var(--space-lg);overflow:hidden;position:relative;z-index:1}.loading-screen__progress-bar{height:100%;background:linear-gradient(90deg,var(--accent-dark),var(--accent-primary));border-radius:var(--radius-full);animation:loading-progress 2s ease-in-out infinite}@keyframes loading-progress{0%{width:0%}50%{width:70%}to{width:100%}}.collab-overlay{position:absolute;top:0;left:0;right:0;bottom:0;pointer-events:none;z-index:var(--z-overlay)}.collab-cursor{position:absolute;pointer-events:none;transform:translate(-2px,-2px)}.collab-cursor__pointer{width:0;height:0;border-left:6px solid transparent;border-right:6px solid transparent;border-bottom:10px solid currentColor;transform:rotate(-45deg)}.collab-cursor__label{position:absolute;top:12px;left:8px;padding:2px 6px;font-size:10px;font-weight:500;color:#fff;background:currentColor;border-radius:4px;white-space:nowrap}.viewport{width:100%;height:100%;position:relative;background:var(--bg-viewport)}.viewport__canvas{width:100%;height:100%}.viewport__info{position:absolute;top:var(--space-sm);left:var(--space-sm);display:flex;gap:var(--space-sm);padding:6px 10px;background:#1e1c1abf;border-radius:var(--radius-sm);font-size:10px;font-weight:500;color:#ffffffb3;letter-spacing:.3px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.viewport__controls{position:absolute;top:var(--space-sm);right:var(--space-sm);display:flex;flex-direction:column;gap:2px;padding:4px;background:#1e1c1ad9;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.viewport__controls .btn{padding:6px 12px;background:transparent;color:#fff9;border:none;border-radius:var(--radius-sm);font-size:10px;font-weight:500;letter-spacing:.5px;text-transform:uppercase;transition:all .15s ease}.viewport__controls .btn:hover{background:#ffffff14;color:#ffffffe6}.viewport__controls .btn.active{background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 2px 8px #a68b5b4d}.viewport__mode-indicator{position:absolute;top:var(--space-lg);left:var(--space-lg);padding:var(--space-xs) var(--space-sm);background:#0009;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);font-size:var(--text-xs);color:var(--accent-light);text-transform:uppercase;letter-spacing:.5px}.viewport-loader{display:flex;flex-direction:column;align-items:center;gap:var(--space-sm);color:#ffffffb3;font-size:var(--text-sm)}.viewport-loader__spinner{width:32px;height:32px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.placeholder-hint{background:#000000b3;color:#fffc;padding:var(--space-sm) var(--space-md);border-radius:var(--radius-md);font-size:var(--text-sm);white-space:nowrap}.model-error{background:#c53030e6;color:#fff;padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-sm);font-size:var(--text-xs)}@media (max-width: 1200px){:root{--sidebar-default: 240px}}@media (max-width: 900px){.sidebar--left,.sidebar--right{position:absolute;top:40px;bottom:24px;z-index:var(--z-overlay);box-shadow:var(--shadow-lg)}.sidebar--left{left:0}.sidebar--right{right:0}}.toast-container{position:fixed;top:16px;right:16px;z-index:9999;display:flex;flex-direction:column;gap:8px;max-width:400px;pointer-events:none}.toast{display:flex;align-items:center;gap:12px;padding:12px 16px;border-radius:var(--radius-lg);background:var(--bg-panel);border:1px solid var(--border-default);box-shadow:var(--shadow-lg);animation:toast-slide-in .3s ease-out;pointer-events:auto}@keyframes toast-slide-in{0%{opacity:0;transform:translate(100%)}to{opacity:1;transform:translate(0)}}.toast--error{border-color:#dc2626;background:#fef2f2}.toast--error .toast__icon{color:#dc2626}.toast--success{border-color:#16a34a;background:#f0fdf4}.toast--success .toast__icon{color:#16a34a}.toast--warning{border-color:#d97706;background:#fffbeb}.toast--warning .toast__icon{color:#d97706}.toast--info{border-color:#2563eb;background:#eff6ff}.toast--info .toast__icon{color:#2563eb}.toast__icon{flex-shrink:0}.toast__message{flex:1;font-size:var(--text-sm);color:var(--text-primary);line-height:1.4}.toast__close{flex-shrink:0;display:flex;align-items:center;justify-content:center;width:24px;height:24px;border:none;background:transparent;color:var(--text-muted);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.toast__close:hover{background:var(--bg-hover);color:var(--text-primary)}.projects-page{min-height:100vh;background:var(--bg-app);padding:32px 48px;display:flex;flex-direction:column;gap:24px}.projects-header{display:flex;justify-content:space-between;align-items:center;padding-bottom:24px;border-bottom:1px solid var(--border-default)}.projects-header__left{display:flex;align-items:center;gap:16px}.projects-header__icon{width:48px;height:48px;color:var(--accent-primary)}.projects-header__title{font-size:28px;font-weight:600;color:var(--text-primary);margin:0}.projects-header__subtitle{font-size:var(--text-sm);color:var(--text-secondary);margin:4px 0 0}.projects-header__right{display:flex;gap:12px}.projects-btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.projects-btn--primary{background:var(--accent-primary);color:#fff}.projects-btn--primary:hover{background:var(--accent-secondary)}.projects-btn--primary:disabled{opacity:.6;cursor:not-allowed}.projects-btn--secondary{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default)}.projects-btn--secondary:hover{background:var(--bg-hover)}.projects-toolbar{display:flex;justify-content:space-between;align-items:center;gap:16px}.projects-search{position:relative;flex:1;max-width:400px}.projects-search__icon{position:absolute;left:12px;top:50%;transform:translateY(-50%);color:var(--text-muted)}.projects-search__input{width:100%;padding:10px 12px 10px 40px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:border-color .15s ease}.projects-search__input:focus{outline:none;border-color:var(--accent-primary)}.projects-search__input::placeholder{color:var(--text-muted)}.projects-view-toggle{display:flex;gap:4px;padding:4px;background:var(--bg-surface);border-radius:var(--radius-md)}.projects-view-btn{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.projects-view-btn:hover{color:var(--text-primary)}.projects-view-btn.active{background:var(--bg-panel);color:var(--accent-primary);box-shadow:var(--shadow-sm)}.projects-content{flex:1}.projects-loading{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:var(--text-secondary);gap:16px}.projects-loading__spinner{width:32px;height:32px;animation:spin 1s linear infinite}.projects-error{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;color:var(--status-error);gap:16px;text-align:center}.projects-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px;text-align:center;gap:16px}.projects-empty__icon{color:var(--text-muted);opacity:.5}.projects-empty h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.projects-empty p{color:var(--text-secondary);max-width:400px;margin:0}.projects-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:24px}.project-card{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden;cursor:pointer;transition:all .2s ease;position:relative}.project-card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md);transform:translateY(-2px)}.project-card__thumbnail{aspect-ratio:16/10;background:var(--bg-surface);display:flex;align-items:center;justify-content:center;overflow:hidden}.project-card__thumbnail img{width:100%;height:100%;object-fit:cover}.project-card__placeholder{color:var(--text-muted);opacity:.3}.project-card__info{padding:16px}.project-card__name{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 8px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-card__meta{display:flex;align-items:center;gap:12px}.project-card__date{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-secondary)}.project-card__actions{position:absolute;top:8px;right:8px;display:flex;gap:4px;opacity:0;transition:opacity .15s ease}.project-card:hover .project-card__actions{opacity:1}.project-card__action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.project-card__action--open{background:var(--accent-primary);color:#fff}.project-card__action--open:hover{background:var(--accent-secondary)}.project-card__action--delete{background:#ffffffe6;color:var(--text-secondary)}.project-card__action--delete:hover{background:var(--status-error);color:#fff}.project-card__action:disabled{opacity:.6;cursor:not-allowed}.projects-list{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);overflow:hidden}.projects-list__header{display:grid;grid-template-columns:1fr 140px 140px 80px;padding:12px 16px;background:var(--bg-surface);font-size:var(--text-xs);font-weight:600;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.05em;border-bottom:1px solid var(--border-default)}.projects-list__row{display:grid;grid-template-columns:1fr 140px 140px 80px;padding:12px 16px;border-bottom:1px solid var(--border-subtle);cursor:pointer;transition:background .15s ease}.projects-list__row:last-child{border-bottom:none}.projects-list__row:hover{background:var(--bg-hover)}.projects-list__col{display:flex;align-items:center;font-size:var(--text-sm);color:var(--text-primary)}.projects-list__col--name{gap:12px;font-weight:500}.projects-list__col--name svg{color:var(--accent-primary)}.projects-list__col--created,.projects-list__col--modified{color:var(--text-secondary)}.projects-list__col--actions{justify-content:flex-end}.projects-list__action{display:flex;align-items:center;justify-content:center;width:32px;height:32px;border:none;background:transparent;color:var(--text-secondary);cursor:pointer;border-radius:var(--radius-sm);transition:all .15s ease}.projects-list__action:hover{background:var(--status-error);color:#fff}.projects-modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .15s ease}.projects-modal{background:var(--bg-panel);border-radius:var(--radius-lg);padding:32px;max-width:480px;width:90%;box-shadow:var(--shadow-lg);animation:slideUp .2s ease}.projects-modal__title{font-size:20px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.projects-modal__description{font-size:var(--text-sm);color:var(--text-secondary);margin:0 0 24px}.projects-modal__input{width:100%;padding:12px 16px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-base);color:var(--text-primary);margin-bottom:24px;transition:border-color .15s ease}.projects-modal__input:focus{outline:none;border-color:var(--accent-primary)}.projects-modal__actions{display:flex;justify-content:flex-end;gap:12px}@keyframes slideUp{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.viewport-context-menu{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);min-width:180px;padding:var(--space-sm);animation:contextMenuFadeIn .15s ease-out}@keyframes contextMenuFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.viewport-context-menu__header{font-size:11px;font-weight:600;color:var(--text-tertiary);text-transform:uppercase;letter-spacing:.5px;padding:var(--space-xs) var(--space-sm);margin-bottom:var(--space-xs)}.viewport-context-menu__section{margin-bottom:var(--space-sm)}.viewport-context-menu__section:last-child{margin-bottom:0}.viewport-context-menu__section-title{font-size:10px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.4px;padding:var(--space-xs) var(--space-sm);border-bottom:1px solid var(--border-subtle);margin-bottom:var(--space-xs)}.viewport-context-menu button{display:block;width:100%;text-align:left;background:transparent;border:none;padding:var(--space-sm) var(--space-md);font-size:13px;color:var(--text-primary);border-radius:var(--radius-sm);cursor:pointer;transition:background .15s ease,color .15s ease}.viewport-context-menu button:hover{background:var(--accent-dim);color:var(--accent-primary)}.viewport-context-menu button:active{background:var(--accent-primary);color:#fff}.top-bar__logo{display:flex;align-items:center;gap:var(--space-sm);padding:var(--space-xs) var(--space-sm);border-radius:var(--radius-md);transition:background .15s ease}.top-bar__logo:hover{background:var(--bg-hover)}.top-bar__logo-img{width:24px;height:24px;object-fit:contain}.top-bar__logo-text{font-size:var(--text-md);font-weight:700;color:var(--accent-primary);letter-spacing:.5px}.projects-header__brand{display:flex;align-items:center;gap:12px}.projects-header__logo-img{width:40px;height:40px;object-fit:contain}.projects-header__logo-text{font-size:22px;font-weight:700;color:var(--accent-primary);letter-spacing:.5px}.projects-header__divider{width:1px;height:40px;background:var(--border-default);margin:0 16px}.settings-page__header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:24px}.settings-page__brand{display:flex;align-items:center;gap:12px}.settings-page__logo-img{width:36px;height:36px;object-fit:contain}.settings-page__logo-text{font-size:20px;font-weight:700;color:var(--accent-primary);letter-spacing:.5px}.billing-page__header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:20px}.billing-page__logo-img{width:36px;height:36px;object-fit:contain}.billing-page__logo-text{font-size:20px;font-weight:700;color:var(--accent-primary);letter-spacing:.5px}@media (max-width: 768px){.projects-page{padding:20px}.projects-header{flex-direction:column;align-items:flex-start;gap:20px}.projects-header__left{flex-direction:column;align-items:flex-start;gap:16px}.projects-header__divider{display:none}.projects-header__right{width:100%;flex-direction:column}.projects-btn{width:100%;justify-content:center}.projects-toolbar{flex-direction:column;align-items:stretch}.projects-search{max-width:100%}.projects-view-toggle{align-self:flex-end}.projects-grid{grid-template-columns:1fr}.projects-list__header,.projects-list__row{grid-template-columns:1fr 100px}.projects-list__col--created{display:none}.projects-modal{padding:24px;max-width:calc(100% - 32px)}}@media (max-width: 480px){.projects-page{padding:16px}.projects-header__title{font-size:22px}.projects-header__brand{gap:8px}.projects-header__logo-img{width:32px;height:32px}.projects-header__logo-text{font-size:18px}.project-card__thumbnail{aspect-ratio:16/9}}.settings-page{min-height:100vh;background:var(--bg-app);padding:32px 48px;max-width:800px;margin:0 auto}.settings-page__header{margin-bottom:32px}.settings-page__header-content h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.settings-page__header-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.settings-page__back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.settings-page__back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.settings-page__section{margin-bottom:32px}.settings-page__section-header{display:flex;align-items:center;gap:10px;margin-bottom:16px;color:var(--text-primary)}.settings-page__section-header h2{font-size:18px;font-weight:600;margin:0}.settings-page__section-header svg{color:var(--accent-primary)}.settings-page__card{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:24px}.settings-page__card--danger{border-color:var(--error)}.settings-page__field{margin-bottom:20px}.settings-page__field:last-child{margin-bottom:0}.settings-page__field label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary);margin-bottom:8px}.settings-page__field input{width:100%;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);font-size:var(--text-sm);color:var(--text-primary);transition:border-color .15s ease}.settings-page__field input:focus{outline:none;border-color:var(--accent-primary)}.settings-page__field input:disabled{background:var(--bg-surface);color:var(--text-secondary)}.settings-page__field-hint{display:block;font-size:var(--text-xs);color:var(--text-muted);margin-top:6px}.settings-page__field-with-icon{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md)}.settings-page__field-with-icon svg{color:var(--text-muted);flex-shrink:0}.settings-page__field-with-icon input{flex:1;padding:0;border:none;background:transparent}.settings-page__field-with-icon input:focus{outline:none}.settings-page__password-field{display:flex;align-items:center;gap:10px;padding:10px 14px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:border-color .15s ease}.settings-page__password-field:focus-within{border-color:var(--accent-primary)}.settings-page__password-field svg{color:var(--text-muted);flex-shrink:0}.settings-page__password-field input{flex:1;padding:0;border:none;background:transparent;font-size:var(--text-sm);color:var(--text-primary)}.settings-page__password-field input:focus{outline:none}.settings-page__password-toggle{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center}.settings-page__password-toggle:hover{color:var(--text-primary)}.settings-page__subscription-badge{display:inline-block;padding:6px 12px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500}.settings-page__subscription-badge[data-tier=free]{background:var(--bg-surface);color:var(--text-secondary)}.settings-page__subscription-badge[data-tier=creator]{background:var(--accent-dim);color:var(--accent-primary)}.settings-page__subscription-badge[data-tier=enterprise]{background:var(--info-dim);color:var(--info)}.settings-page__toggle-field{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid var(--border-subtle)}.settings-page__toggle-field:last-child{border-bottom:none;padding-bottom:0}.settings-page__toggle-info{flex:1}.settings-page__toggle-label{display:block;font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.settings-page__toggle-description{display:block;font-size:var(--text-xs);color:var(--text-secondary);margin-top:4px}.settings-page__toggle{position:relative;display:inline-block;width:44px;height:24px;cursor:pointer}.settings-page__toggle input{opacity:0;width:0;height:0}.settings-page__toggle-slider{position:absolute;top:0;left:0;right:0;bottom:0;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:24px;transition:all .2s ease}.settings-page__toggle-slider:before{content:"";position:absolute;height:18px;width:18px;left:2px;top:2px;background:#fff;border-radius:50%;transition:transform .2s ease;box-shadow:0 1px 3px #0000001a}.settings-page__toggle input:checked+.settings-page__toggle-slider{background:var(--accent-primary);border-color:var(--accent-primary)}.settings-page__toggle input:checked+.settings-page__toggle-slider:before{transform:translate(20px)}.settings-page__section--danger .settings-page__section-header{color:var(--error)}.settings-page__section--danger .settings-page__section-header svg{color:var(--error)}.settings-page__danger-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.settings-page__danger-content h3{font-size:var(--text-base);font-weight:600;color:var(--text-primary);margin:0 0 4px}.settings-page__danger-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.settings-page__btn{display:inline-flex;align-items:center;gap:8px;padding:10px 20px;border-radius:var(--radius-md);font-size:var(--text-sm);font-weight:500;cursor:pointer;transition:all .15s ease;border:none}.settings-page__btn--primary{background:var(--accent-primary);color:#fff}.settings-page__btn--primary:hover{background:var(--accent-secondary)}.settings-page__btn--primary:disabled{opacity:.6;cursor:not-allowed}.settings-page__btn--danger{background:var(--error);color:#fff}.settings-page__btn--danger:hover{background:#b91c1c}.settings-page__btn--danger:disabled{opacity:.6;cursor:not-allowed}@media (max-width: 768px){.settings-page{padding:20px}.settings-page__header-top{flex-direction:column;align-items:flex-start;gap:16px}.settings-page__back-btn{order:-1}.settings-page__header-content h1{font-size:24px}.settings-page__card{padding:16px}.settings-page__danger-content{flex-direction:column;align-items:flex-start;gap:16px}.settings-page__btn{width:100%;justify-content:center}}@media (max-width: 480px){.settings-page{padding:16px}.settings-page__brand{gap:8px}.settings-page__logo-img{width:28px;height:28px}.settings-page__logo-text{font-size:16px}.settings-page__toggle-field{flex-direction:column;align-items:flex-start;gap:12px}}.billing-page{min-height:100vh;background:var(--bg-app);padding:32px 48px;max-width:1000px;margin:0 auto}.billing-page__header{margin-bottom:32px}.billing-page__header-content h1{font-size:28px;font-weight:600;color:var(--text-primary);margin:0 0 8px}.billing-page__header-content p{font-size:var(--text-sm);color:var(--text-secondary);margin:0}.billing-page__back-btn{display:flex;align-items:center;gap:6px;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.billing-page__back-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.billing-page__refresh-btn{display:flex;align-items:center;gap:6px;padding:8px 16px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-md);color:var(--text-secondary);font-size:var(--text-sm);cursor:pointer;transition:all .15s ease}.billing-page__refresh-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.billing-page__refresh-btn:disabled{opacity:.6;cursor:not-allowed}.billing-page__section{margin-bottom:32px}.billing-page__section h2{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 16px}.billing-page__section-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px}.billing-page__period{display:flex;align-items:center;gap:6px;font-size:var(--text-xs);color:var(--text-secondary)}.billing-page__usage-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.billing-page__usage-card{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:20px}.billing-page__usage-header{display:flex;align-items:center;gap:10px;margin-bottom:12px}.billing-page__usage-icon{width:32px;height:32px;display:flex;align-items:center;justify-content:center;background:var(--bg-surface);border-radius:var(--radius-md)}.billing-page__usage-label{font-size:var(--text-sm);font-weight:500;color:var(--text-primary)}.billing-page__usage-value{font-size:24px;font-weight:600;color:var(--text-primary);margin-bottom:12px}.billing-page__usage-separator{color:var(--text-muted);margin:0 4px}.billing-page__usage-limit{font-size:14px;color:var(--text-secondary)}.billing-page__usage-bar{height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden}.billing-page__usage-progress{height:100%;border-radius:3px;transition:width .3s ease}.billing-page__usage-warning{display:flex;align-items:center;gap:6px;margin-top:10px;font-size:var(--text-xs);color:var(--warning)}@media (max-width: 768px){.billing-page{padding:20px}.billing-page__header{flex-direction:column;gap:16px}.billing-page__header-top{flex-direction:column;align-items:flex-start;gap:16px}.billing-page__refresh-btn{align-self:flex-start}.billing-page__usage-grid{grid-template-columns:1fr}.billing-page__header-content h1{font-size:24px}}@media (max-width: 480px){.billing-page{padding:16px}.billing-page__brand{gap:8px}.billing-page__logo-img{width:28px;height:28px}.billing-page__logo-text{font-size:16px}.billing-page__usage-value{font-size:20px}}@media (max-width: 768px){.top-bar__menus,.top-bar__logo-text{display:none}.top-bar__project-name{max-width:100px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar__save-status span,.top-bar__username{display:none}}@media (max-width: 480px){.top-bar__project{display:none}}.page-container{min-height:100vh;width:100%}.page-fade-in{animation:pageFadeIn .25s ease-out}@keyframes pageFadeIn{0%{opacity:0;transform:translateY(8px)}to{opacity:1;transform:translateY(0)}}.page-enter{opacity:0;transform:translateY(10px)}.page-enter-active{opacity:1;transform:translateY(0);transition:opacity .2s ease,transform .2s ease}.page-exit{opacity:1;transform:translateY(0)}.page-exit-active{opacity:0;transform:translateY(-10px);transition:opacity .2s ease,transform .2s ease}:root{--space-0: 0;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-10: 40px;--space-12: 48px;--space-16: 64px;--text-2xs: 10px;--text-3xl: 28px;--text-4xl: 36px;--font-light: 300;--font-normal: 400;--font-medium: 500;--font-semibold: 600;--font-bold: 700;--ease-out: cubic-bezier(.16, 1, .3, 1);--ease-in-out: cubic-bezier(.65, 0, .35, 1);--radius-xs: 3px;--radius-2xl: 24px;--z-popover: 500;--z-toast: 600;--shadow-xs: 0 1px 2px rgba(0, 0, 0, .04);--shadow-xl: 0 16px 48px rgba(0, 0, 0, .1);--shadow-inner: inset 0 2px 4px rgba(0, 0, 0, .04)}:focus-visible{outline:2px solid var(--accent-primary);outline-offset:2px}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);font-weight:var(--font-semibold);color:var(--text-primary);letter-spacing:-.02em;line-height:1.2}h1{font-size:var(--text-4xl)}h2{font-size:var(--text-3xl)}h3{font-size:var(--text-2xl)}h4{font-size:var(--text-xl)}h5{font-size:var(--text-lg)}h6{font-size:var(--text-md)}p{color:var(--text-secondary);line-height:1.65}a{color:var(--accent-primary);text-decoration:none;transition:color var(--transition-fast)}a:hover{color:var(--accent-dark)}code,pre{font-family:var(--font-mono);font-size:.9em}.label{font-size:var(--text-xs);font-weight:var(--font-semibold);text-transform:uppercase;letter-spacing:.08em;color:var(--text-tertiary)}button{font-family:inherit;font-size:var(--text-sm);font-weight:var(--font-medium);cursor:pointer;border:none;background:none;color:var(--text-primary);transition:all var(--transition-fast)}.btn-primary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--accent-primary);color:var(--text-inverse);border-radius:var(--radius-md);font-weight:var(--font-semibold);box-shadow:var(--shadow-sm);transition:all var(--transition-base)}.btn-primary:hover:not(:disabled){background:var(--accent-dark);box-shadow:var(--shadow-md);transform:translateY(-1px)}.btn-secondary{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-4);background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-default);border-radius:var(--radius-md);font-weight:var(--font-medium)}.btn-secondary:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-strong)}.btn-ghost{display:inline-flex;align-items:center;justify-content:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:transparent;color:var(--text-secondary);border-radius:var(--radius-md)}.btn-ghost:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-icon{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:transparent;color:var(--text-secondary);border-radius:var(--radius-md)}.btn-icon:hover:not(:disabled){background:var(--bg-hover);color:var(--text-primary)}.btn-icon.active{background:var(--accent-primary);color:var(--text-inverse)}input,textarea,select{font-family:inherit;font-size:var(--text-sm);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);padding:var(--space-2) var(--space-3);transition:all var(--transition-fast)}input:hover,textarea:hover,select:hover{border-color:var(--border-strong)}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent-primary);box-shadow:0 0 0 3px #c4704f26}input::placeholder,textarea::placeholder{color:var(--text-muted)}input[type=number]{font-family:var(--font-mono);text-align:center}input[type=checkbox]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:18px;height:18px;border:2px solid var(--border-strong);border-radius:var(--radius-sm);cursor:pointer;position:relative}input[type=checkbox]:hover{border-color:var(--accent-primary)}input[type=checkbox]:checked{background:var(--accent-primary);border-color:var(--accent-primary)}input[type=checkbox]:checked:after{content:"";position:absolute;top:2px;left:5px;width:5px;height:9px;border:2px solid var(--text-inverse);border-top:none;border-left:none;transform:rotate(45deg)}input[type=range]{-webkit-appearance:none;height:4px;background:var(--cream-500);border-radius:var(--radius-full);border:none;padding:0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:16px;height:16px;background:var(--accent-primary);border-radius:50%;cursor:pointer;box-shadow:var(--shadow-sm)}input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15);box-shadow:var(--shadow-md)}.panel{background:var(--bg-panel);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden;box-shadow:var(--shadow-sm)}.panel-header{display:flex;align-items:center;justify-content:space-between;padding:var(--space-3) var(--space-4);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.panel-header h2,.panel-header h3{font-size:var(--text-sm);font-weight:var(--font-semibold);display:flex;align-items:center;gap:var(--space-2)}.panel-header svg{color:var(--accent-primary)}.panel-content{padding:var(--space-4)}.card{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-lg);padding:var(--space-4);transition:all var(--transition-base)}.card:hover{border-color:var(--accent-primary);box-shadow:var(--shadow-md)}.badge{display:inline-flex;align-items:center;gap:var(--space-1);padding:2px 8px;font-size:var(--text-xs);font-weight:var(--font-semibold);border-radius:var(--radius-full);text-transform:uppercase;letter-spacing:.03em}.badge-primary{background:#c4704f1a;color:var(--accent-primary)}.badge-success{background:var(--success-muted);color:var(--success)}.badge-warning{background:var(--warning-muted);color:var(--warning)}.badge-error{background:var(--error-muted);color:var(--error)}.divider{height:1px;background:var(--border-default);margin:var(--space-4) 0}.divider-vertical{width:1px;height:100%;background:var(--border-default)}@keyframes slideUp{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-spin{animation:spin 1s linear infinite}.animate-pulse{animation:pulse 2s ease-in-out infinite}.spinner{width:24px;height:24px;border:2px solid var(--cream-400);border-top-color:var(--accent-primary);border-radius:50%;animation:spin .8s linear infinite}.spinner-lg{width:40px;height:40px;border-width:3px}:root{--bg-deep: #F5F1EC;--bg-light: #FFFFFF;--bg-elevated: #FFFFFF;--accent-bright: #D4846A;--accent-glow: rgba(196, 112, 79, .1);--border-light: rgba(0, 0, 0, .06);--spacing-xs: 4px;--spacing-sm: 8px;--spacing-md: 12px;--spacing-lg: 16px;--spacing-xl: 24px;--transition-fast: .15s ease;--transition-normal: .2s ease;--transition-slow: .3s ease}.mode-selector,.edit-mode-tools,.sculpt-tools,.weight-paint-tools,.constraints-panel,.physics-panel,.uv-editor,.shader-node-editor,.graph-editor,.pose-mode-tools,.grease-pencil-tools,.compositor-editor,.video-sequencer,.particle-panel{background:var(--bg-dark);border-radius:var(--radius-lg);padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md);height:100%;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.mode-selector::-webkit-scrollbar,.edit-mode-tools::-webkit-scrollbar,.sculpt-tools::-webkit-scrollbar,.weight-paint-tools::-webkit-scrollbar,.constraints-panel::-webkit-scrollbar,.physics-panel::-webkit-scrollbar,.uv-editor::-webkit-scrollbar,.shader-node-editor::-webkit-scrollbar,.graph-editor::-webkit-scrollbar,.pose-mode-tools::-webkit-scrollbar,.grease-pencil-tools::-webkit-scrollbar,.compositor-editor::-webkit-scrollbar,.video-sequencer::-webkit-scrollbar,.particle-panel::-webkit-scrollbar{width:6px}.mode-selector::-webkit-scrollbar-track,.edit-mode-tools::-webkit-scrollbar-track,.sculpt-tools::-webkit-scrollbar-track,.weight-paint-tools::-webkit-scrollbar-track,.constraints-panel::-webkit-scrollbar-track,.physics-panel::-webkit-scrollbar-track,.uv-editor::-webkit-scrollbar-track,.shader-node-editor::-webkit-scrollbar-track,.graph-editor::-webkit-scrollbar-track,.pose-mode-tools::-webkit-scrollbar-track,.grease-pencil-tools::-webkit-scrollbar-track,.compositor-editor::-webkit-scrollbar-track,.video-sequencer::-webkit-scrollbar-track,.particle-panel::-webkit-scrollbar-track{background:transparent}.mode-selector::-webkit-scrollbar-thumb,.edit-mode-tools::-webkit-scrollbar-thumb,.sculpt-tools::-webkit-scrollbar-thumb,.weight-paint-tools::-webkit-scrollbar-thumb,.constraints-panel::-webkit-scrollbar-thumb,.physics-panel::-webkit-scrollbar-thumb,.uv-editor::-webkit-scrollbar-thumb,.shader-node-editor::-webkit-scrollbar-thumb,.graph-editor::-webkit-scrollbar-thumb,.pose-mode-tools::-webkit-scrollbar-thumb,.grease-pencil-tools::-webkit-scrollbar-thumb,.compositor-editor::-webkit-scrollbar-thumb,.video-sequencer::-webkit-scrollbar-thumb,.particle-panel::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}.mode-selector-header,.edit-mode-header,.sculpt-header,.weight-paint-header,.constraints-header,.physics-header,.uv-header,.shader-editor-header,.graph-editor-header,.pose-mode-header,.gp-header,.compositor-header,.sequencer-header,.particle-header{display:flex;align-items:center;gap:var(--spacing-sm);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-light);color:var(--accent-primary);font-weight:600;font-size:14px}.mode-selector-header svg,.edit-mode-header svg,.sculpt-header svg,.weight-paint-header svg,.constraints-header svg,.physics-header svg,.uv-header svg,.shader-editor-header svg,.graph-editor-header svg,.pose-mode-header svg,.gp-header svg,.compositor-header svg,.sequencer-header svg,.particle-header svg{color:var(--accent-primary)}.mode-section,.edit-section,.sculpt-section,.weight-paint-section,.constraint-section,.physics-section,.uv-section,.shader-section,.graph-section,.pose-section,.gp-section,.compositor-section,.sequencer-section,.particle-section{background:var(--bg-mid);border-radius:var(--radius-md);padding:var(--spacing-sm)}.mode-section-title,.edit-section-title,.sculpt-section-title,.weight-paint-section-title,.constraint-section-title,.physics-section-title,.uv-section-title,.shader-section-header,.graph-section-header,.pose-section-title,.gp-section-title,.compositor-section-header,.sequencer-section-header,.particle-section-header{display:flex;align-items:center;justify-content:space-between;padding:var(--spacing-xs) var(--spacing-sm);margin-bottom:var(--spacing-sm);font-size:12px;font-weight:500;color:var(--text-secondary);text-transform:uppercase;letter-spacing:.5px}.particle-section-header.clickable,.constraint-section-header.clickable{cursor:pointer;border-radius:var(--radius-sm);transition:background var(--transition-fast)}.particle-section-header.clickable:hover,.constraint-section-header.clickable:hover{background:var(--bg-hover)}.mode-grid,.brush-grid,.tool-grid,.preset-grid,.force-field-grid,.add-system-buttons{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-xs)}.mode-grid button,.brush-grid button,.tool-grid button,.preset-grid button,.force-field-grid button,.add-system-buttons button{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.mode-grid button:hover,.brush-grid button:hover,.tool-grid button:hover,.preset-grid button:hover,.force-field-grid button:hover,.add-system-buttons button:hover{background:var(--bg-hover);border-color:var(--border-accent)}.mode-grid button.active,.brush-grid button.active,.tool-grid button.active,.brush-btn.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-bright)}.mode-grid button svg,.brush-grid button svg,.tool-grid button svg,.preset-grid button svg{color:var(--accent-primary)}.vertex-group-item,.constraint-item,.layer-item,.material-item,.node-item,.channel-item,.bone-item,.strip-item,.system-item{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-light);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);border:1px solid transparent}.vertex-group-item:hover,.constraint-item:hover,.layer-item:hover,.material-item:hover,.node-item:hover,.channel-item:hover,.bone-item:hover,.strip-item:hover,.system-item:hover{background:var(--bg-hover)}.vertex-group-item.active,.constraint-item.active,.layer-item.active,.material-item.active,.node-item.selected,.channel-item.selected,.bone-item.active,.bone-item.selected,.strip-item.selected,.system-item.active{background:var(--accent-glow);border-color:var(--accent-primary)}.vertex-group-item.muted,.constraint-item.muted,.layer-item.hidden,.node-item.muted,.channel-item.muted,.bone-item.hidden,.strip-item.muted{opacity:.5}.group-actions,.constraint-actions,.layer-actions,.node-actions,.channel-actions,.bone-actions,.strip-actions,.system-actions{display:flex;gap:var(--spacing-xs);margin-left:auto}.group-actions button,.constraint-actions button,.layer-actions button,.node-actions button,.channel-actions button,.bone-actions button,.strip-actions button,.system-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.group-actions button:hover,.constraint-actions button:hover,.layer-actions button:hover,.node-actions button:hover,.channel-actions button:hover,.bone-actions button:hover,.strip-actions button:hover,.system-actions button:hover{background:var(--bg-mid);color:var(--text-primary)}.group-actions button.active,.constraint-actions button.active,.layer-actions button.active,.node-actions button.active,.channel-actions button.active,.bone-actions button.active,.strip-actions button.active,.system-actions button.active{color:var(--accent-primary)}.group-actions button.delete:hover,.constraint-actions button.delete:hover,.layer-actions button.delete-btn:hover,.node-actions button.delete-btn:hover,.system-actions button.delete-btn:hover{color:var(--error)}.weight-slider,.sculpt-slider,.gp-slider,.property-slider,.constraint-slider{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;background:var(--bg-deep);border-radius:3px;outline:none}.weight-slider::-webkit-slider-thumb,.sculpt-slider::-webkit-slider-thumb,.gp-slider::-webkit-slider-thumb,.property-slider::-webkit-slider-thumb,.constraint-slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:transform var(--transition-fast)}.weight-slider::-webkit-slider-thumb:hover,.sculpt-slider::-webkit-slider-thumb:hover,.gp-slider::-webkit-slider-thumb:hover,.property-slider::-webkit-slider-thumb:hover,.constraint-slider::-webkit-slider-thumb:hover{transform:scale(1.2)}.weight-setting-row,.sculpt-setting-row,.gp-setting-row,.property-row,.setting-row,.constraint-row{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0}.weight-setting-label,.sculpt-setting-label,.gp-setting-label,.property-label,.setting-label,.constraint-label{flex:0 0 80px;font-size:12px;color:var(--text-secondary)}.weight-setting-value,.sculpt-setting-value,.gp-setting-value,.property-value,.setting-value,.constraint-value{flex:0 0 50px;text-align:right;font-size:12px;color:var(--text-primary);font-family:monospace}.constraint-input,.property-input,.setting-input,.frame-display input,.node-search input,.channel-filter input{background:var(--bg-deep);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);font-size:12px;outline:none;transition:border-color var(--transition-fast)}.constraint-input:focus,.property-input:focus,.setting-input:focus,.frame-display input:focus,.node-search input:focus,.channel-filter input:focus{border-color:var(--accent-primary)}.constraint-select,.property-select,.setting-select select{background:var(--bg-deep);border:1px solid var(--border-light);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);font-size:12px;outline:none;cursor:pointer}.color-input{width:32px;height:24px;border:1px solid var(--border-light);border-radius:var(--radius-sm);cursor:pointer;background:transparent;padding:0}.color-input::-webkit-color-swatch-wrapper{padding:2px}.color-input::-webkit-color-swatch{border:none;border-radius:2px}.weight-option,.filter-option,.option-checkbox,.setting-checkbox,.pass-checkbox,.gp-checkbox{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary);cursor:pointer}.weight-option input,.filter-option input,.option-checkbox input,.setting-checkbox input,.pass-checkbox input,.gp-checkbox input{accent-color:var(--accent-primary)}.playback-controls{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-light);border-radius:var(--radius-md)}.playback-controls button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--bg-mid);border:none;border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.playback-controls button:hover{background:var(--bg-hover);color:var(--accent-primary)}.playback-controls button.active{background:var(--accent-glow);color:var(--accent-primary)}.frame-display{flex:1;display:flex;justify-content:center}.frame-display input{width:60px;text-align:center;background:var(--bg-mid)}.weight-operations,.sculpt-operations,.stroke-operations,.curve-operations,.pose-operations,.strip-operations,.timeline-tools,.selection-tools,.reset-tools,.copy-paste-tools,.ik-tools,.cache-controls,.render-controls,.view-controls,.layer-operations,.system-controls{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.weight-operations button,.sculpt-operations button,.stroke-operations button,.curve-operations button,.pose-operations button,.strip-operations button,.timeline-tools button,.selection-tools button,.reset-tools button,.copy-paste-tools button,.ik-tools button,.cache-controls button,.render-controls button,.view-controls button,.layer-operations button,.system-controls button,.keyframe-controls button{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-light);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.weight-operations button:hover,.sculpt-operations button:hover,.stroke-operations button:hover,.curve-operations button:hover,.pose-operations button:hover,.strip-operations button:hover,.timeline-tools button:hover,.selection-tools button:hover,.reset-tools button:hover,.copy-paste-tools button:hover,.ik-tools button:hover,.cache-controls button:hover,.render-controls button:hover,.view-controls button:hover,.layer-operations button:hover,.system-controls button:hover,.keyframe-controls button:hover{background:var(--bg-hover);border-color:var(--border-accent)}.system-controls button.delete-btn:hover{border-color:var(--error);color:var(--error)}.weight-paint-notice,.constraints-empty,.physics-empty,.uv-empty,.shader-editor-empty,.graph-editor-empty,.pose-mode-notice,.gp-notice,.compositor-disabled,.strips-empty,.particle-empty,.nodes-empty,.layers-empty,.channels-empty,.bones-empty,.materials-empty,.systems-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-xl);color:var(--text-muted);text-align:center}.weight-paint-notice svg,.constraints-empty svg,.physics-empty svg,.uv-empty svg,.shader-editor-empty svg,.graph-editor-empty svg,.pose-mode-notice svg,.gp-notice svg,.compositor-disabled svg,.strips-empty svg,.particle-empty svg{color:var(--accent-dim);opacity:.5}.weight-paint-notice p,.constraints-empty p,.physics-empty p,.uv-empty p,.shader-editor-empty p,.graph-editor-empty p,.pose-mode-notice p,.gp-notice p,.compositor-disabled p,.strips-empty p,.particle-empty p{font-size:14px;color:var(--text-secondary);margin:0}.weight-paint-notice span,.constraints-empty span,.physics-empty span,.uv-empty span,.shader-editor-empty span,.graph-editor-empty span,.pose-mode-notice span,.gp-notice span,.compositor-disabled span,.strips-empty span,.particle-empty span{font-size:12px}.weight-loading,.constraint-loading,.physics-loading,.uv-loading,.shader-loading,.graph-loading,.pose-loading,.gp-loading,.compositor-loading,.sequencer-loading,.particle-loading{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);padding:var(--spacing-lg);color:var(--text-secondary);font-size:12px}.spin{animation:spin 1s linear infinite}.add-constraint-menu,.add-node-menu,.dropdown-menu{position:absolute;top:100%;left:0;right:0;max-height:300px;overflow-y:auto;background:var(--bg-elevated);border:1px solid var(--border-light);border-radius:var(--radius-md);box-shadow:0 8px 32px #0006;z-index:100}.node-search{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-bottom:1px solid var(--border-light)}.node-search input{flex:1;border:none;background:transparent}.node-categories,.constraint-categories,.node-types,.constraint-types{display:flex;flex-direction:column}.category-btn,.type-btn,.node-type-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:transparent;border:none;color:var(--text-primary);cursor:pointer;transition:background var(--transition-fast);text-align:left}.category-btn:hover,.type-btn:hover,.node-type-btn:hover{background:var(--bg-hover)}.category-btn svg,.type-btn svg,.node-type-btn svg{color:var(--accent-primary);flex-shrink:0}.back-btn{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-mid);border:none;color:var(--text-secondary);cursor:pointer;font-size:12px}.back-btn:hover{background:var(--bg-hover)}.node-type-info,.type-info{display:flex;flex-direction:column;gap:2px}.node-type-name,.type-name{font-size:13px;color:var(--text-primary)}.node-type-desc,.type-desc{font-size:11px;color:var(--text-muted)}.constraint-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);cursor:pointer}.constraint-expand{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:0}.constraint-icon{color:var(--accent-primary)}.constraint-name{flex:1;font-size:13px;color:var(--text-primary)}.constraint-type{font-size:11px;color:var(--text-muted)}.constraint-content{padding:var(--spacing-sm) var(--spacing-md);border-top:1px solid var(--border-subtle);overflow:hidden}.constraint-slider-container{flex:1;display:flex;align-items:center;gap:var(--spacing-sm)}.constraint-description{font-size:11px;color:var(--text-muted);font-style:italic}.channel-group{margin-bottom:var(--spacing-sm)}.channel-group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-deep);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary)}.channel-color{width:8px;height:8px;border-radius:50%}.channel-name{flex:1;font-size:12px}.channel-keycount{font-size:10px;color:var(--text-muted);font-family:monospace}.bone-group{margin-bottom:var(--spacing-sm)}.bone-group-header{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-deep);border-radius:var(--radius-sm);cursor:pointer;font-size:12px;color:var(--text-secondary)}.bone-group-content{overflow:hidden}.bone-name{flex:1;font-size:12px}.group-count,.bone-count,.curve-count,.node-count,.strip-count,.system-count,.constraints-count{font-size:10px;color:var(--text-muted);background:var(--bg-deep);padding:2px 6px;border-radius:10px}.material-list{display:flex;flex-direction:column;gap:var(--spacing-xs)}.material-preview{width:24px;height:24px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#666,#333)}.material-name{flex:1;font-size:12px}.material-remove{background:transparent;border:none;color:var(--text-muted);cursor:pointer;opacity:0;transition:opacity var(--transition-fast)}.material-item:hover .material-remove{opacity:1}.material-remove:hover{color:var(--error)}.strip-info{flex:1;display:flex;flex-direction:column;gap:2px}.strip-name{font-size:12px;color:var(--text-primary)}.strip-range{font-size:10px;color:var(--text-muted);font-family:monospace}.strip-icon{color:var(--accent-primary)}.system-info{flex:1;display:flex;flex-direction:column;gap:2px}.system-name{font-size:12px;color:var(--text-primary)}.system-type{font-size:10px;color:var(--text-muted)}.socket-item{display:flex;align-items:center;gap:var(--spacing-sm);font-size:11px;color:var(--text-secondary);padding:2px 0}.socket-dot{width:8px;height:8px;border-radius:50%;background:var(--text-muted);border:1px solid var(--border-light)}.socket-dot.connected{background:var(--accent-primary);border-color:var(--accent-bright)}.property-group{margin-top:var(--spacing-sm)}.property-group-label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-xs);display:block}.interpolation-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-xs);margin-bottom:var(--spacing-sm)}.interpolation-select{width:100%;background:var(--bg-light);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:var(--spacing-xs) var(--spacing-sm);color:var(--text-primary);font-size:11px}.handle-types,.easing-modes{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.handle-types button,.easing-modes button{flex:1;min-width:60px;padding:var(--spacing-xs) var(--spacing-sm);background:var(--bg-light);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:10px;cursor:pointer;transition:all var(--transition-fast)}.handle-types button:hover,.easing-modes button:hover{background:var(--bg-hover);border-color:var(--border-accent)}.mode-selector-buttons{display:flex;flex-wrap:wrap;gap:var(--spacing-xs)}.mode-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-light);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.mode-btn:hover{background:var(--bg-hover);border-color:var(--border-accent)}.mode-btn.active{background:var(--accent-glow);border-color:var(--accent-primary);color:var(--accent-bright)}.mode-btn svg{color:var(--accent-primary)}.selection-mode-buttons{display:flex;gap:var(--spacing-xs)}.selection-mode-buttons button{flex:1;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-light);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.selection-mode-buttons button:hover{background:var(--bg-hover)}.selection-mode-buttons button.active{background:var(--accent-glow);border-color:var(--accent-primary)}.add-btn,.enable-btn,.add-group-btn,.add-constraint-btn,.create-gp-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-sm);background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:var(--bg-deep);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.add-btn:hover,.enable-btn:hover,.add-group-btn:hover,.add-constraint-btn:hover,.create-gp-btn:hover{background:var(--accent-bright)}.add-btn.active{background:var(--accent-dim)}.add-group-btn{width:24px;height:24px;padding:0}.material-types{display:flex;gap:2px}.type-badge{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:9px;font-weight:600;border-radius:2px;background:var(--bg-deep);color:var(--text-muted)}.type-badge.stroke{color:var(--accent-primary)}.type-badge.fill{color:var(--info)}.render-passes{display:grid;grid-template-columns:repeat(2,1fr);gap:var(--spacing-xs)}.ik-settings{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle);margin-top:var(--spacing-sm)}.ik-setting-row{display:flex;align-items:center;gap:var(--spacing-sm)}.ik-setting-row span{flex:0 0 100px;font-size:12px;color:var(--text-secondary)}.ik-setting-row input[type=number]{width:60px;padding:var(--spacing-xs);background:var(--bg-deep);border:1px solid var(--border-light);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px}.ik-setting-row label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary);cursor:pointer}.active-bone-props{display:flex;flex-direction:column;gap:var(--spacing-xs)}.active-bone-props .prop-row{display:flex;justify-content:space-between;font-size:12px}.active-bone-props .prop-row span:first-child{color:var(--text-secondary)}.active-bone-props .prop-value{color:var(--text-primary)}.stabilizer-settings{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle)}.add-controls{display:flex;gap:var(--spacing-sm)}.add-dropdown{position:relative;flex:1}.add-dropdown>button{width:100%;display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-light);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);cursor:pointer;transition:all var(--transition-fast)}.add-dropdown>button:hover{background:var(--bg-hover);border-color:var(--border-accent)}.add-dropdown>button.active{background:var(--accent-glow);border-color:var(--accent-primary)}@media (max-width: 300px){.mode-grid,.brush-grid,.tool-grid,.preset-grid,.interpolation-grid{grid-template-columns:repeat(2,1fr)}}.mode-selector.disabled,.edit-mode-tools.disabled,.sculpt-tools.disabled,.weight-paint-tools.disabled,.pose-mode-tools.disabled,.grease-pencil-tools.disabled{display:flex;align-items:center;justify-content:center}button:disabled{opacity:.5;cursor:not-allowed}.properties-panel-premium{display:flex;flex-direction:column;height:100%;background:var(--bg-panel);overflow:hidden}.pp-tabs{display:flex;flex-wrap:wrap;gap:2px;padding:8px;background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.pp-tab{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-muted);cursor:pointer;transition:all .15s ease}.pp-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.pp-tab-active{color:var(--accent-primary);background:var(--accent-dim)}.pp-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:var(--bg-panel);border-bottom:1px solid var(--border-subtle)}.pp-header h3{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.pp-object-badge{font-size:11px;font-weight:500;color:var(--accent-primary);background:var(--accent-dim);padding:4px 10px;border-radius:var(--radius-full)}.pp-content{flex:1;overflow-y:auto;padding:0}.pp-tab-content{padding:12px;display:flex;flex-direction:column;gap:8px}.pp-section{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);overflow:hidden}.pp-section-header{display:flex;align-items:center;justify-content:space-between;width:100%;padding:10px 12px;background:transparent;border:none;cursor:pointer;transition:background .15s ease}.pp-section-header:hover{background:var(--bg-hover)}.pp-section-title{display:flex;align-items:center;gap:8px;font-size:12px;font-weight:600;color:var(--text-primary);text-transform:uppercase;letter-spacing:.5px}.pp-section-title svg{color:var(--accent-primary)}.pp-section-actions{display:flex;gap:4px}.pp-section-content{padding:12px;border-top:1px solid var(--border-subtle);overflow:hidden}.pp-row{display:flex;align-items:flex-start;gap:12px;margin-bottom:10px}.pp-row:last-child{margin-bottom:0}.pp-label{flex:0 0 70px;font-size:12px;font-weight:500;color:var(--text-secondary);padding-top:6px}.pp-value{flex:1;min-width:0}.pp-vector-input{display:flex;flex-direction:column;gap:6px}.pp-vector-component{display:flex;align-items:center;gap:8px}.pp-axis-label{width:16px;height:16px;display:flex;align-items:center;justify-content:center;font-size:10px;font-weight:700;border-radius:4px;flex-shrink:0}.pp-axis-x .pp-axis-label{background:#e5737326;color:#e57373}.pp-axis-y .pp-axis-label{background:#81c78426;color:#81c784}.pp-axis-z .pp-axis-label{background:#64b5f626;color:#64b5f6}.pp-input{width:100%;padding:6px 10px;font-size:12px;font-family:var(--font-mono);color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;transition:all .15s ease}.pp-input:hover{border-color:var(--border-strong)}.pp-input:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-dim)}.pp-input[type=number]{text-align:right;-moz-appearance:textfield}.pp-input[type=number]::-webkit-inner-spin-button,.pp-input[type=number]::-webkit-outer-spin-button{opacity:0}.pp-input[type=number]:hover::-webkit-inner-spin-button,.pp-input[type=number]:hover::-webkit-outer-spin-button{opacity:1}.pp-select{width:100%;padding:6px 10px;font-size:12px;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);outline:none;cursor:pointer;transition:all .15s ease}.pp-select:hover{border-color:var(--border-strong)}.pp-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px var(--accent-dim)}.pp-checkbox{width:16px;height:16px;accent-color:var(--accent-primary);cursor:pointer}.pp-slider{width:100%;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--border-default);border-radius:2px;outline:none}.pp-slider::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:transform .15s ease}.pp-slider::-webkit-slider-thumb:hover{transform:scale(1.15)}.pp-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;font-size:12px;font-weight:500;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.pp-btn-primary{background:var(--accent-primary);color:var(--text-inverse)}.pp-btn-primary:hover{background:var(--accent-dark)}.pp-btn-secondary{background:var(--bg-hover);color:var(--text-primary);border:1px solid var(--border-default)}.pp-btn-secondary:hover{background:var(--bg-hover);border-color:var(--accent-primary)}.pp-btn-full{width:100%}.pp-color-input{display:flex;align-items:center;gap:8px}.pp-color-picker{width:32px;height:24px;padding:0;border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;background:transparent}.pp-color-picker::-webkit-color-swatch-wrapper{padding:2px}.pp-color-picker::-webkit-color-swatch{border:none;border-radius:2px}.pp-text{font-size:12px;color:var(--text-secondary);font-family:var(--font-mono)}.pp-stat{font-size:12px;font-weight:600;color:var(--text-primary);font-family:var(--font-mono)}.pp-empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center;color:var(--text-muted)}.pp-empty svg{margin-bottom:16px;opacity:.4}.pp-empty p{font-size:14px;font-weight:500;color:var(--text-secondary);margin:0 0 4px}.pp-empty small{font-size:12px;color:var(--text-muted)}.pp-empty-small{padding:16px;text-align:center;font-size:12px;color:var(--text-muted)}.pp-modifier-add{display:flex;gap:8px;margin-bottom:12px}.pp-modifier-add .pp-select{flex:1}.pp-modifier-list{display:flex;flex-direction:column;gap:6px}.pp-modifier{background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);overflow:hidden}.pp-modifier-header{display:flex;align-items:center;gap:8px;padding:8px 10px}.pp-modifier-header svg{color:var(--accent-primary);flex-shrink:0}.pp-modifier-header span{font-size:12px;font-weight:500;color:var(--text-primary)}.pp-modifier-type{font-size:10px;color:var(--text-muted);margin-left:auto;padding-right:8px}.pp-modifier-header button{padding:4px 8px;font-size:10px;background:transparent;border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.pp-modifier-header button:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.pp-material-slots{display:flex;flex-direction:column;gap:6px}.pp-material-slot{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.pp-material-slot:hover{border-color:var(--accent-primary)}.pp-material-preview{width:28px;height:28px;border-radius:var(--radius-sm);border:1px solid var(--border-default)}.pp-material-slot span{font-size:12px;font-weight:500;color:var(--text-primary)}.ai-panel__tabs{display:flex;gap:4px;padding:8px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border-default)}.ai-panel__tab{display:flex;align-items:center;gap:6px;padding:8px 14px;font-size:13px;font-weight:500;color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.ai-panel__tab:hover{color:var(--text-primary);background:var(--bg-hover)}.ai-panel__tab.active{color:var(--accent-primary);background:var(--accent-dim);font-weight:600}.ai-panel__tab svg{width:14px;height:14px}.ai-panel__options{padding:12px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);display:flex;flex-direction:column;gap:10px}.ai-panel__label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.ai-panel__style-picker{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.ai-panel__style-btn{padding:5px 10px;font-size:11px;font-weight:500;color:var(--text-secondary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);cursor:pointer;transition:all .15s ease}.ai-panel__style-btn:hover{color:var(--text-primary);border-color:var(--border-strong)}.ai-panel__style-btn.active{color:var(--accent-primary);background:var(--accent-dim);border-color:var(--accent-primary);font-weight:600}.ai-panel__image-upload{display:flex;align-items:center;gap:10px}.ai-panel__image-preview{position:relative;width:48px;height:48px;border-radius:var(--radius-md);overflow:hidden;border:1px solid var(--border-default)}.ai-panel__image-preview img{width:100%;height:100%;object-fit:cover}.ai-panel__image-remove{position:absolute;top:-4px;right:-4px;width:18px;height:18px;display:flex;align-items:center;justify-content:center;background:var(--error);color:#fff;border:none;border-radius:50%;font-size:12px;font-weight:700;cursor:pointer;line-height:1}.ai-panel__model-picker{padding:8px 12px;background:var(--bg-surface);border-bottom:1px solid var(--border-default);position:relative}.ai-panel__model-btn{display:flex;align-items:center;gap:8px;padding:8px 12px;width:100%;font-size:13px;font-weight:500;color:var(--text-primary);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);cursor:pointer;transition:all .15s ease}.ai-panel__model-btn:hover{border-color:var(--border-strong)}.ai-panel__model-btn svg{margin-left:auto;color:var(--text-muted)}.ai-panel__model-dropdown{position:absolute;top:calc(100% - 4px);left:12px;right:12px;background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:100;overflow:hidden}.ai-panel__model-option{display:flex;align-items:center;gap:10px;width:100%;padding:10px 12px;background:transparent;border:none;cursor:pointer;transition:background .15s ease;text-align:left}.ai-panel__model-option:hover:not(.disabled){background:var(--bg-hover)}.ai-panel__model-option.disabled{opacity:.5;cursor:not-allowed}.ai-panel__model-option .model-icon{font-size:18px}.ai-panel__model-option .model-info{flex:1;display:flex;flex-direction:column;gap:2px}.ai-panel__model-option .model-name{font-size:13px;font-weight:500;color:var(--text-primary)}.ai-panel__model-option .model-desc{font-size:11px;color:var(--text-muted)}.ai-panel__model-option .model-locked{font-size:10px;font-weight:600;color:var(--accent-primary);background:var(--accent-dim);padding:2px 8px;border-radius:var(--radius-full);text-transform:uppercase}.message__generating{display:flex;align-items:center;gap:10px;color:var(--text-secondary);font-size:13px}.message__generating svg{color:var(--accent-primary)}.message__progress{width:100%;height:4px;background:var(--border-default);border-radius:2px;margin-top:8px;overflow:hidden}.message__progress-bar{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}.message__thumbnail{width:100%;max-width:200px;height:auto;border-radius:var(--radius-md);margin-top:10px;border:1px solid var(--border-default)}.message__header{display:flex;align-items:center;gap:8px;margin-bottom:6px}.message__model{font-size:10px;color:var(--text-muted);background:var(--bg-surface);padding:2px 6px;border-radius:var(--radius-sm)}.message__tokens{display:flex;gap:8px;margin-top:8px;padding-top:6px;border-top:1px solid var(--border-subtle);font-size:10px;color:var(--text-muted);font-family:var(--font-mono)}.message__reasoning{margin-bottom:10px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#8b5cf614,#3b82f614);border:1px solid rgba(139,92,246,.2);overflow:hidden}.message__reasoning-toggle{display:flex;align-items:center;gap:6px;width:100%;padding:8px 10px;background:transparent;border:none;color:var(--accent-primary);font-size:11px;font-weight:500;cursor:pointer;transition:background-color .15s ease}.message__reasoning-toggle:hover{background:#8b5cf61a}.message__reasoning-toggle svg{flex-shrink:0;opacity:.8}.message__reasoning-toggle svg:first-child{color:var(--text-muted)}.message__reasoning-content{padding:10px 12px;font-size:12px;line-height:1.5;color:var(--text-secondary);font-family:var(--font-mono);white-space:pre-wrap;word-break:break-word;border-top:1px solid rgba(139,92,246,.15);margin-top:2px;background:#0000001a}.message__operations{margin-bottom:12px;border-radius:var(--radius-sm);background:linear-gradient(135deg,#22c55e14,#3b82f614);border:1px solid rgba(34,197,94,.2);overflow:hidden}.message__operations-header{display:flex;align-items:center;gap:8px;padding:8px 12px;font-size:12px;font-weight:500;color:var(--text-primary);background:#22c55e0d}.message__operations-header svg{color:var(--accent-secondary)}.message__operations-list{padding:8px 12px;display:flex;flex-direction:column;gap:4px}.message__operation{display:flex;align-items:center;gap:8px;padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;background:#00000026;transition:all .2s ease}.message__operation--pending{color:var(--text-muted)}.message__operation--pending .op-pending{opacity:.5}.message__operation--executing{color:var(--accent-primary);background:#8b5cf626}.message__operation--success{color:var(--accent-secondary)}.message__operation--success svg{color:var(--accent-secondary)}.message__operation--error{color:var(--accent-error)}.message__operation--error svg{color:var(--accent-error)}.message__operation-icon{display:flex;align-items:center;justify-content:center;width:14px;height:14px}.message__operation-type{font-weight:500;text-transform:capitalize}.message__operation-desc{color:var(--text-muted);font-size:10px}.message__operation-error{color:var(--accent-error);font-size:10px;margin-left:auto}.render-panel{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center}.render-panel--embedded{position:relative;inset:auto;height:100%;background:var(--bg-primary);border-right:1px solid var(--border-subtle);overflow-y:auto}.render-panel__overlay{position:absolute;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.render-panel__content{position:relative;background:var(--bg-primary);border-radius:var(--radius-lg);border:1px solid var(--border-subtle);width:480px;max-height:90vh;overflow-y:auto;box-shadow:0 20px 60px #0006}.render-panel__content--embedded{width:100%;max-height:none;border-radius:0;border:none;box-shadow:none;padding:12px}.render-panel__header{display:flex;align-items:center;justify-content:space-between;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.render-panel--embedded .render-panel__header{padding:0 0 12px;border-bottom:none}.render-panel__title{display:flex;align-items:center;gap:10px;font-weight:600;color:var(--text-primary)}.render-panel__title h2,.render-panel__title h3{margin:0;font-size:16px}.render-panel__close{background:transparent;border:none;color:var(--text-muted);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all .15s ease}.render-panel__close:hover{background:var(--bg-hover);color:var(--text-primary)}.render-panel__actions{display:flex;flex-direction:column;gap:8px;padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.render-panel__actions--embedded{padding:0;margin-bottom:12px;border-bottom:none}.render-panel__action{display:flex;align-items:center;gap:12px;padding:12px 16px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:14px;font-weight:500;cursor:pointer;transition:all .15s ease}.render-panel__action:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-default)}.render-panel__action:disabled{opacity:.5;cursor:not-allowed}.render-panel__action--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.render-panel__action--primary:hover:not(:disabled){background:var(--accent-hover);border-color:var(--accent-hover)}.render-panel__action kbd{margin-left:auto;padding:3px 8px;background:#ffffff1a;border-radius:var(--radius-sm);font-family:var(--font-mono);font-size:11px}.render-panel__progress{padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.render-panel__progress--completed{background:#4ade800d}.render-panel__progress--failed{background:#ef44440d}.render-panel__progress-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.render-panel__progress-info{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500}.render-panel__spinner{animation:spin 1s linear infinite}.render-panel__cancel{display:flex;align-items:center;gap:4px;padding:6px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:var(--radius-sm);color:var(--status-error);font-size:12px;cursor:pointer;transition:all .15s ease}.render-panel__cancel:hover{background:#ef444433}.render-panel__progress-bar{height:6px;background:var(--bg-surface);border-radius:3px;overflow:hidden;margin-bottom:8px}.render-panel__progress-fill{height:100%;background:var(--accent-primary);border-radius:3px;transition:width .3s ease}.render-panel__progress-stats{display:flex;gap:16px;font-size:11px;color:var(--text-muted)}.render-panel__preview{margin-top:12px;border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface)}.render-panel__preview img{width:100%;display:block}.render-panel__error{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#ef44441a;border-radius:var(--radius-sm);color:var(--status-error);font-size:12px;margin-top:12px}.render-panel__settings{padding:16px 20px;border-bottom:1px solid var(--border-subtle)}.render-panel__settings--embedded{padding:0;border-bottom:none}.render-panel__settings-header{display:flex;align-items:center;gap:8px;font-weight:500;color:var(--text-primary);margin-bottom:12px}.render-panel__settings-grid{display:grid;gap:12px}.render-panel__setting{display:flex;flex-direction:column;gap:4px}.render-panel__setting--wide{grid-column:span 2}.render-panel__setting label{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.render-panel__setting select,.render-panel__setting input[type=number]{padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px}.render-panel__setting select:focus,.render-panel__setting input:focus{outline:none;border-color:var(--accent-primary)}.render-panel__resolution{display:flex;align-items:center;gap:8px}.render-panel__resolution input{width:80px}.render-panel__toggle{position:relative;width:40px;height:22px;cursor:pointer}.render-panel__toggle input{opacity:0;width:0;height:0}.render-panel__toggle-slider{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--bg-surface);border-radius:11px;transition:all .2s ease}.render-panel__toggle-slider:before{content:"";position:absolute;width:16px;height:16px;left:3px;top:3px;background:#fff;border-radius:50%;transition:all .2s ease}.render-panel__toggle input:checked+.render-panel__toggle-slider{background:var(--accent-primary)}.render-panel__toggle input:checked+.render-panel__toggle-slider:before{transform:translate(18px)}.render-panel__frame-range{display:flex;align-items:center;gap:8px}.render-panel__frame-range input{width:70px}.render-panel__history{padding:16px 20px}.render-panel__history h4{display:flex;align-items:center;gap:8px;font-size:13px;font-weight:500;margin:0 0 12px}.render-panel__history-list{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.render-panel__history-item{display:flex;align-items:center;gap:10px;padding:8px;background:var(--bg-surface);border-radius:var(--radius-sm)}.render-panel__history-item--completed{border-left:3px solid var(--status-success)}.render-panel__history-item--failed{border-left:3px solid var(--status-error)}.render-panel__history-thumb{width:50px;height:38px;object-fit:cover;border-radius:var(--radius-sm)}.render-panel__history-info{flex:1;display:flex;flex-direction:column;gap:2px;font-size:12px}.render-panel__history-download{padding:6px;background:var(--bg-hover);border-radius:var(--radius-sm);color:var(--text-muted);transition:all .15s ease}.render-panel__history-download:hover{background:var(--accent-primary);color:#fff}.edit-mode-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-right:1px solid var(--border-subtle);overflow:hidden}.edit-mode-panel__header{display:flex;flex-direction:column;gap:10px;padding:12px;border-bottom:1px solid var(--border-subtle)}.edit-mode-panel__mode-toggle{display:flex;background:var(--bg-surface);border-radius:var(--radius-md);padding:3px}.edit-mode-panel__mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.edit-mode-panel__mode-btn:hover{color:var(--text-primary)}.edit-mode-panel__mode-btn.active{background:var(--bg-primary);color:var(--accent-primary);box-shadow:0 1px 3px #0000001a}.edit-mode-panel__selection-modes{display:flex;gap:6px}.edit-mode-panel__sel-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .15s ease}.edit-mode-panel__sel-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.edit-mode-panel__sel-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.edit-mode-panel__content{flex:1;overflow-y:auto;padding:8px}.edit-mode-panel__section{margin-bottom:8px}.edit-mode-panel__section-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-surface);border-radius:var(--radius-sm);cursor:pointer;-webkit-user-select:none;user-select:none}.edit-mode-panel__section-header:hover{background:var(--bg-hover)}.edit-mode-panel__section-title{flex:1;font-size:12px;font-weight:500;color:var(--text-primary)}.edit-mode-panel__tools-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:4px;padding:8px 4px}.edit-mode-panel__tool-btn{display:flex;align-items:center;gap:8px;padding:8px 10px;background:transparent;border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;text-align:left;cursor:pointer;transition:all .15s ease}.edit-mode-panel__tool-btn:hover{background:var(--bg-surface);border-color:var(--border-subtle);color:var(--text-primary)}.edit-mode-panel__tool-btn:active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.edit-mode-panel__tool-btn kbd{margin-left:auto;padding:2px 5px;background:var(--bg-surface);border-radius:3px;font-size:9px;color:var(--text-muted)}.edit-mode-panel__proportional{padding:12px;border-top:1px solid var(--border-subtle)}.edit-mode-panel__prop-toggle{display:flex;align-items:center;gap:10px;margin-bottom:8px}.edit-mode-panel__prop-toggle label{font-size:12px;color:var(--text-primary)}.edit-mode-panel__prop-type{display:flex;gap:4px;flex-wrap:wrap}.edit-mode-panel__prop-type button{padding:4px 8px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);font-size:10px;color:var(--text-muted);cursor:pointer;transition:all .15s ease}.edit-mode-panel__prop-type button.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.sculpt-mode-panel{display:flex;flex-direction:column;height:100%;background:var(--bg-primary);border-right:1px solid var(--border-subtle);overflow:hidden}.sculpt-mode-panel__header{padding:12px;border-bottom:1px solid var(--border-subtle)}.sculpt-mode-panel__title{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600;color:var(--text-primary);margin-bottom:10px}.sculpt-mode-panel__mode-toggle{display:flex;background:var(--bg-surface);border-radius:var(--radius-md);padding:3px}.sculpt-mode-panel__mode-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:6px;padding:8px 12px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-muted);font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.sculpt-mode-panel__mode-btn:hover{color:var(--text-primary)}.sculpt-mode-panel__mode-btn.active{background:var(--accent-primary);color:#fff}.sculpt-mode-panel__content{flex:1;overflow-y:auto;padding:8px}.sculpt-mode-panel__brush-settings{padding:12px;background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:10px}.sculpt-mode-panel__setting{margin-bottom:12px}.sculpt-mode-panel__setting:last-child{margin-bottom:0}.sculpt-mode-panel__setting-label{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.sculpt-mode-panel__setting-label span{font-size:11px;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.sculpt-mode-panel__setting-value{font-size:12px;color:var(--text-primary);font-weight:500}.sculpt-mode-panel__slider{width:100%;height:4px;background:var(--bg-primary);border-radius:2px;-webkit-appearance:none;-moz-appearance:none;appearance:none;cursor:pointer}.sculpt-mode-panel__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;cursor:pointer}.sculpt-mode-panel__direction{display:flex;gap:6px}.sculpt-mode-panel__dir-btn{flex:1;display:flex;align-items:center;justify-content:center;gap:4px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-muted);font-size:11px;cursor:pointer;transition:all .15s ease}.sculpt-mode-panel__dir-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.sculpt-mode-panel__brushes{margin-bottom:10px}.sculpt-mode-panel__section-header{display:flex;align-items:center;gap:8px;padding:8px 10px;background:var(--bg-surface);border-radius:var(--radius-sm);margin-bottom:6px;cursor:pointer}.sculpt-mode-panel__section-title{flex:1;font-size:12px;font-weight:500;color:var(--text-primary)}.sculpt-mode-panel__brush-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:4px}.sculpt-mode-panel__brush-btn{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;padding:10px 4px;background:var(--bg-surface);border:1px solid transparent;border-radius:var(--radius-sm);color:var(--text-muted);font-size:9px;cursor:pointer;transition:all .15s ease}.sculpt-mode-panel__brush-btn:hover{border-color:var(--border-default);color:var(--text-primary)}.sculpt-mode-panel__brush-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.sculpt-mode-panel__dyntopo{padding:12px;background:var(--bg-surface);border-radius:var(--radius-md);margin-bottom:10px}.sculpt-mode-panel__dyntopo-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:10px}.sculpt-mode-panel__dyntopo-title{font-size:12px;font-weight:500;color:var(--text-primary)}.sculpt-mode-panel__mask-tools{display:grid;grid-template-columns:repeat(2,1fr);gap:4px}.sculpt-mode-panel__mask-btn{display:flex;align-items:center;justify-content:center;gap:4px;padding:8px 10px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .15s ease}.sculpt-mode-panel__mask-btn:hover{background:var(--bg-hover);border-color:var(--border-default)}.sculpt-mode-panel__remesh{padding:12px;background:var(--bg-surface);border-radius:var(--radius-md)}.sculpt-mode-panel__remesh-title{font-size:12px;font-weight:500;color:var(--text-primary);margin-bottom:10px}.sculpt-mode-panel__remesh-options{display:flex;gap:6px;margin-bottom:10px}.sculpt-mode-panel__remesh-btn{flex:1;padding:8px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all .15s ease}.sculpt-mode-panel__remesh-btn.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.sculpt-mode-panel__remesh-execute{width:100%;padding:10px;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.sculpt-mode-panel__remesh-execute:hover{background:var(--accent-hover)}.grid-settings{position:absolute;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);padding:var(--spacing-md);width:280px;z-index:1000;box-shadow:0 8px 32px #0000003d}.grid-settings__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-md);padding-bottom:var(--spacing-sm);border-bottom:1px solid var(--border-subtle)}.grid-settings__title{font-size:13px;font-weight:600;color:var(--text-primary)}.grid-settings__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:var(--radius-sm);transition:all var(--transition-fast)}.grid-settings__close:hover{background:var(--bg-hover);color:var(--text-primary)}.grid-settings__section{margin-bottom:var(--spacing-md)}.grid-settings__section-title{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;margin-bottom:var(--spacing-sm)}.grid-settings__row{display:flex;align-items:center;justify-content:space-between;margin-bottom:var(--spacing-sm)}.grid-settings__row:last-child{margin-bottom:0}.grid-settings__label{font-size:12px;color:var(--text-secondary)}.grid-settings__toggle{position:relative;width:36px;height:20px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all var(--transition-fast)}.grid-settings__toggle.active{background:var(--accent-primary);border-color:var(--accent-primary)}.grid-settings__toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:0 1px 3px #0003}.grid-settings__toggle.active .grid-settings__toggle-knob{left:18px}.grid-settings__color-input{display:flex;align-items:center;gap:var(--spacing-sm)}.grid-settings__color-picker{width:28px;height:28px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;padding:0;overflow:hidden}.grid-settings__color-picker::-webkit-color-swatch-wrapper{padding:0}.grid-settings__color-picker::-webkit-color-swatch{border:none;border-radius:var(--radius-sm)}.grid-settings__color-value{font-size:11px;font-family:monospace;color:var(--text-muted);background:var(--bg-primary);padding:4px 8px;border-radius:var(--radius-sm);min-width:70px;text-align:center}.grid-settings__slider-container{display:flex;align-items:center;gap:var(--spacing-sm)}.grid-settings__slider{flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;background:var(--bg-primary);border-radius:2px;outline:none}.grid-settings__slider::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:14px;height:14px;background:var(--accent-primary);border-radius:50%;cursor:pointer;transition:all var(--transition-fast)}.grid-settings__slider::-webkit-slider-thumb:hover{transform:scale(1.1);box-shadow:0 0 0 4px var(--accent-glow)}.grid-settings__slider-value{font-size:11px;font-family:monospace;color:var(--text-muted);background:var(--bg-primary);padding:4px 8px;border-radius:var(--radius-sm);min-width:40px;text-align:center}.grid-settings__select{background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;padding:6px 10px;cursor:pointer;min-width:80px;outline:none;transition:all var(--transition-fast)}.grid-settings__select:hover{border-color:var(--border-active)}.grid-settings__select:focus{border-color:var(--accent-primary)}.grid-settings__reset{width:100%;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all var(--transition-fast);margin-top:var(--spacing-sm)}.grid-settings__reset:hover{background:var(--bg-hover);border-color:var(--border-active);color:var(--text-primary)}.material-library{display:flex;flex-direction:column;height:100%;background:var(--bg-dark);border-radius:var(--radius-lg);overflow:hidden}.material-library__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.material-library__title{font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.material-library__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.material-library__close:hover{background:var(--bg-hover);color:var(--text-primary)}.material-library__search{position:relative;padding:var(--spacing-sm) var(--spacing-md)}.material-library__search-icon{position:absolute;left:calc(var(--spacing-md) + 10px);top:50%;transform:translateY(-50%);color:var(--text-muted)}.material-library__search-input{width:100%;padding:8px 8px 8px 32px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;outline:none;transition:all var(--transition-fast)}.material-library__search-input:focus{border-color:var(--accent-primary)}.material-library__search-input::placeholder{color:var(--text-muted)}.material-library__categories{display:flex;gap:4px;padding:var(--spacing-sm) var(--spacing-md);overflow-x:auto;scrollbar-width:none}.material-library__categories::-webkit-scrollbar{display:none}.material-library__category{padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;white-space:nowrap;display:flex;align-items:center;gap:4px;transition:all var(--transition-fast)}.material-library__category:hover{background:var(--bg-hover);border-color:var(--border-active)}.material-library__category.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.material-library__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(80px,1fr));gap:var(--spacing-sm);padding:var(--spacing-md);flex:1;overflow-y:auto;scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.material-library__grid::-webkit-scrollbar{width:6px}.material-library__grid::-webkit-scrollbar-track{background:transparent}.material-library__grid::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}.material-library__empty{grid-column:1 / -1;text-align:center;padding:var(--spacing-xl);color:var(--text-muted);font-size:12px}.material-library__add-btn{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);margin:var(--spacing-sm) var(--spacing-md) var(--spacing-md);padding:10px;background:var(--bg-primary);border:1px dashed var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer;transition:all var(--transition-fast)}.material-library__add-btn:hover{background:var(--bg-hover);border-color:var(--accent-primary);color:var(--accent-primary)}.material-card{position:relative;display:flex;flex-direction:column;align-items:center;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.material-card:hover{background:var(--bg-hover);border-color:var(--border-active);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.material-card__preview{width:48px;height:48px;border-radius:50%;margin-bottom:var(--spacing-xs);transition:all var(--transition-fast)}.material-card:hover .material-card__preview{transform:scale(1.1)}.material-card__info{display:flex;flex-direction:column;align-items:center;gap:2px;width:100%}.material-card__name{font-size:10px;font-weight:500;color:var(--text-primary);text-align:center;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:100%}.material-card__category{font-size:9px;color:var(--text-muted);text-transform:capitalize}.material-card__actions{position:absolute;top:4px;right:4px;display:flex;gap:2px;opacity:0;transition:all var(--transition-fast)}.material-card:hover .material-card__actions{opacity:1}.material-card__favorite,.material-card__delete{background:var(--bg-dark);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.material-card__favorite:hover,.material-card__favorite.active{color:#e91e63}.material-card__delete:hover{color:#f44336}.material-card__menu{position:absolute;top:100%;right:0;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:4px;z-index:10;box-shadow:0 4px 12px #0003}.material-card__menu button{display:block;width:100%;padding:6px 12px;background:none;border:none;color:var(--text-secondary);font-size:11px;cursor:pointer;text-align:left;border-radius:var(--radius-sm)}.material-card__menu button:first-child{color:#f44336}.material-card__menu button:hover{background:var(--bg-hover)}.material-library__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.material-library__modal{background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:320px;max-width:90vw;box-shadow:0 8px 32px #0000004d}.material-library__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.material-library__modal-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.material-library__modal-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.material-library__modal-header button:hover{background:var(--bg-hover);color:var(--text-primary)}.material-library__modal-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.material-library__form-row{display:flex;align-items:center;gap:var(--spacing-sm)}.material-library__form-row label{flex:0 0 80px;font-size:12px;color:var(--text-secondary)}.material-library__form-row input[type=text],.material-library__form-row select{flex:1;padding:8px 10px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;outline:none}.material-library__form-row input[type=text]:focus,.material-library__form-row select:focus{border-color:var(--accent-primary)}.material-library__form-row input[type=range]{flex:1}.material-library__form-value{flex:0 0 40px;font-size:11px;font-family:monospace;color:var(--text-muted);text-align:right}.material-library__color-input{display:flex;align-items:center;gap:var(--spacing-sm);flex:1}.material-library__color-input input[type=color]{width:32px;height:32px;border:1px solid var(--border-subtle);border-radius:var(--radius-sm);padding:0;cursor:pointer}.material-library__color-input span{font-size:11px;font-family:monospace;color:var(--text-muted)}.material-library__preview{display:flex;justify-content:center;padding:var(--spacing-md) 0}.material-library__preview-sphere{width:80px;height:80px;border-radius:50%;box-shadow:0 4px 16px #0003}.material-library__modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-subtle)}.material-library__modal-cancel,.material-library__modal-create{padding:8px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.material-library__modal-cancel{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.material-library__modal-cancel:hover{background:var(--bg-hover);border-color:var(--border-active)}.material-library__modal-create{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.material-library__modal-create:hover:not(:disabled){background:var(--accent-hover)}.material-library__modal-create:disabled{opacity:.5;cursor:not-allowed}.measurement-label{padding:4px 8px;border-radius:4px;font-size:11px;font-weight:500;font-family:SF Mono,Monaco,monospace;white-space:nowrap;pointer-events:none;-webkit-user-select:none;user-select:none;box-shadow:0 2px 8px #0000004d}.measurement-label--distance{background:#00bcd4e6;color:#fff}.measurement-label--angle{background:#ff9800e6;color:#fff}.measurement-label--pending{background:#4caf50e6;color:#fff}.environment-settings{display:flex;flex-direction:column;gap:var(--spacing-md)}.environment-settings__toggle-row{display:flex;justify-content:space-between;align-items:center}.environment-settings__toggle-label{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;color:var(--text-secondary)}.environment-settings__toggle{position:relative;width:36px;height:20px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:10px;cursor:pointer;transition:all var(--transition-fast)}.environment-settings__toggle.active{background:var(--accent-primary);border-color:var(--accent-primary)}.environment-settings__toggle-knob{position:absolute;top:2px;left:2px;width:14px;height:14px;background:#fff;border-radius:50%;transition:all var(--transition-fast);box-shadow:0 1px 3px #0003}.environment-settings__toggle.active .environment-settings__toggle-knob{left:18px}.environment-settings__current{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:var(--bg-primary);border-radius:var(--radius-sm);font-size:12px}.environment-settings__current-label{color:var(--text-muted)}.environment-settings__current-name{display:flex;align-items:center;gap:var(--spacing-xs);color:var(--text-primary);font-weight:500}.environment-settings__categories{display:flex;gap:4px}.environment-settings__category{flex:1;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.environment-settings__category:hover{background:var(--bg-hover)}.environment-settings__category.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.environment-settings__presets{display:grid;grid-template-columns:repeat(4,1fr);gap:var(--spacing-sm)}.environment-settings__preset{display:flex;flex-direction:column;align-items:center;gap:4px;padding:var(--spacing-sm);background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast)}.environment-settings__preset:hover{background:var(--bg-hover);border-color:var(--border-active)}.environment-settings__preset.active{background:var(--accent-glow);border-color:var(--accent-primary)}.environment-settings__preset-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;color:var(--text-secondary)}.environment-settings__preset.active .environment-settings__preset-icon{color:var(--accent-primary)}.environment-settings__preset-name{font-size:10px;color:var(--text-muted);text-align:center}.environment-settings__preset.active .environment-settings__preset-name{color:var(--accent-primary);font-weight:500}.environment-settings__controls{display:flex;flex-direction:column;gap:var(--spacing-sm);padding-top:var(--spacing-sm);border-top:1px solid var(--border-subtle)}.environment-settings__control-row{display:flex;align-items:center;gap:var(--spacing-sm)}.environment-settings__control-row label{flex:0 0 100px;font-size:11px;color:var(--text-secondary)}.environment-settings__control-row input[type=range]{flex:1;height:4px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--bg-primary);border-radius:2px;outline:none}.environment-settings__control-row input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;background:var(--accent-primary);border-radius:50%;cursor:pointer}.environment-settings__control-value{flex:0 0 40px;font-size:11px;font-family:monospace;color:var(--text-muted);text-align:right}.render-queue{display:flex;flex-direction:column;height:100%;background:var(--bg-dark);border-radius:var(--radius-lg);overflow:hidden}.render-queue__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.render-queue__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.render-queue__count{padding:2px 8px;background:var(--accent-primary);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff}.render-queue__actions{display:flex;gap:var(--spacing-sm)}.render-queue__clear-btn,.render-queue__close-btn{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.render-queue__clear-btn:hover,.render-queue__close-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.render-queue__list{flex:1;overflow-y:auto;padding:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.render-queue__list::-webkit-scrollbar{width:6px}.render-queue__list::-webkit-scrollbar-track{background:transparent}.render-queue__list::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}.render-queue__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center;color:var(--text-muted)}.render-queue__empty svg{margin-bottom:var(--spacing-md);opacity:.4}.render-queue__empty p{font-size:13px;margin:0}.render-job{position:relative;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);padding:var(--spacing-md);margin-bottom:var(--spacing-sm);transition:all var(--transition-fast)}.render-job:last-child{margin-bottom:0}.render-job:hover{border-color:var(--border-active)}.render-job--rendering{border-left:3px solid var(--accent-primary)}.render-job--completed{border-left:3px solid var(--status-success)}.render-job--failed{border-left:3px solid var(--status-error)}.render-job--queued{border-left:3px solid var(--text-muted)}.render-job__header{display:flex;justify-content:space-between;align-items:flex-start;margin-bottom:var(--spacing-sm)}.render-job__info{display:flex;flex-direction:column;gap:2px}.render-job__type{display:flex;align-items:center;gap:var(--spacing-xs);font-size:13px;font-weight:500;color:var(--text-primary);text-transform:capitalize}.render-job__settings{font-size:11px;color:var(--text-muted)}.render-job__time{font-size:10px;color:var(--text-muted)}.render-job__status{display:flex;align-items:center;gap:var(--spacing-xs);padding:4px 8px;border-radius:var(--radius-sm);font-size:11px;font-weight:500}.render-job__status--queued{background:#9e9e9e26;color:var(--text-muted)}.render-job__status--rendering{background:#8b5cf626;color:var(--accent-primary)}.render-job__status--completed{background:#4ade8026;color:var(--status-success)}.render-job__status--failed{background:#ef444426;color:var(--status-error)}.render-job__progress{margin-bottom:var(--spacing-sm)}.render-job__progress-bar{height:4px;background:var(--bg-dark);border-radius:2px;overflow:hidden;margin-bottom:4px}.render-job__progress-fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}.render-job__progress-text{font-size:11px;color:var(--text-muted);font-family:monospace}.render-job__error{display:flex;align-items:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-sm);font-size:11px;color:var(--status-error);margin-bottom:var(--spacing-sm)}.render-job__actions{display:flex;gap:var(--spacing-sm)}.render-job__action-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 10px;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;transition:all var(--transition-fast)}.render-job__action-btn:hover{background:var(--bg-hover);border-color:var(--border-active);color:var(--text-primary)}.render-job__action-btn--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.render-job__action-btn--primary:hover{background:var(--accent-hover);border-color:var(--accent-hover)}.render-job__action-btn--danger{color:var(--status-error)}.render-job__action-btn--danger:hover{background:#ef44441a;border-color:var(--status-error)}.render-job__spinner{animation:spin 1s linear infinite}.asset-browser{display:flex;flex-direction:column;height:100%;background:var(--bg-dark);border-radius:var(--radius-lg);overflow:hidden}.asset-browser__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.asset-browser__title{display:flex;align-items:center;gap:var(--spacing-sm);font-size:14px;font-weight:600;color:var(--text-primary);margin:0}.asset-browser__header-actions{display:flex;gap:var(--spacing-sm)}.asset-browser__upload-btn{display:flex;align-items:center;gap:var(--spacing-xs);padding:6px 12px;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.asset-browser__upload-btn:hover{background:var(--accent-hover)}.asset-browser__close{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;transition:all var(--transition-fast)}.asset-browser__close:hover{background:var(--bg-hover);color:var(--text-primary)}.asset-browser__search{position:relative;padding:var(--spacing-sm) var(--spacing-md)}.asset-browser__search-icon{position:absolute;left:calc(var(--spacing-md) + 10px);top:50%;transform:translateY(-50%);color:var(--text-muted)}.asset-browser__search-input{width:100%;padding:8px 32px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;outline:none;transition:all var(--transition-fast)}.asset-browser__search-input:focus{border-color:var(--accent-primary)}.asset-browser__search-input::placeholder{color:var(--text-muted)}.asset-browser__search-clear{position:absolute;right:calc(var(--spacing-md) + 8px);top:50%;transform:translateY(-50%);background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.asset-browser__search-clear:hover{color:var(--text-primary)}.asset-browser__categories{display:flex;gap:4px;padding:var(--spacing-sm) var(--spacing-md);overflow-x:auto;scrollbar-width:none}.asset-browser__categories::-webkit-scrollbar{display:none}.asset-browser__category{display:flex;align-items:center;gap:4px;padding:6px 10px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer;white-space:nowrap;transition:all var(--transition-fast)}.asset-browser__category:hover{background:var(--bg-hover);border-color:var(--border-active)}.asset-browser__category.active{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.asset-browser__category-count{padding:2px 6px;background:#ffffff26;border-radius:var(--radius-sm);font-size:10px}.asset-browser__content{flex:1;overflow-y:auto;padding:var(--spacing-md);scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.asset-browser__content::-webkit-scrollbar{width:6px}.asset-browser__content::-webkit-scrollbar-track{background:transparent}.asset-browser__content::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:3px}.asset-browser__loading,.asset-browser__error,.asset-browser__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;padding:var(--spacing-xl);text-align:center;color:var(--text-muted);gap:var(--spacing-sm)}.asset-browser__spinner{animation:spin 1s linear infinite}.asset-browser__error{color:var(--status-error)}.asset-browser__error button,.asset-browser__empty button{margin-top:var(--spacing-sm);padding:6px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:12px;cursor:pointer}.asset-browser__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:var(--spacing-sm)}.asset-browser__pagination{display:flex;justify-content:center;align-items:center;gap:var(--spacing-md);padding:var(--spacing-md);border-top:1px solid var(--border-subtle)}.asset-browser__page-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.asset-browser__page-btn:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-active)}.asset-browser__page-btn:disabled{opacity:.4;cursor:not-allowed}.asset-browser__page-info{font-size:12px;color:var(--text-muted)}.asset-card{position:relative;display:flex;flex-direction:column;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);cursor:pointer;overflow:hidden;transition:all var(--transition-fast)}.asset-card:hover{border-color:var(--border-active);transform:translateY(-2px);box-shadow:0 4px 12px #00000026}.asset-card__preview{position:relative;aspect-ratio:1;background:var(--bg-dark);display:flex;align-items:center;justify-content:center}.asset-card__preview img{width:100%;height:100%;object-fit:cover}.asset-card__placeholder{color:var(--text-muted)}.asset-card__badge{position:absolute;top:4px;right:4px;padding:2px 6px;background:var(--accent-primary);border-radius:var(--radius-sm);font-size:9px;font-weight:600;color:#fff;text-transform:uppercase}.asset-card__info{display:flex;flex-direction:column;gap:2px;padding:var(--spacing-sm)}.asset-card__name{font-size:11px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.asset-card__meta{font-size:9px;color:var(--text-muted)}.asset-card__add-btn{position:absolute;bottom:8px;right:8px;width:24px;height:24px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;opacity:0;transform:scale(.8);transition:all var(--transition-fast)}.asset-card:hover .asset-card__add-btn{opacity:1;transform:scale(1)}.asset-card__add-btn:hover{background:var(--accent-hover)}.asset-browser__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.asset-browser__modal{background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);width:400px;max-width:90vw;box-shadow:0 8px 32px #0000004d}.asset-browser__modal-header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.asset-browser__modal-header h4{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.asset-browser__modal-header button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.asset-browser__modal-header button:hover{background:var(--bg-hover);color:var(--text-primary)}.asset-browser__modal-body{padding:var(--spacing-md);display:flex;flex-direction:column;gap:var(--spacing-md)}.asset-browser__form-row{display:flex;flex-direction:column;gap:var(--spacing-xs)}.asset-browser__form-row label{font-size:11px;font-weight:600;color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px}.asset-browser__form-row input[type=text],.asset-browser__form-row select{padding:10px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:13px;outline:none;transition:all var(--transition-fast)}.asset-browser__form-row input[type=text]:focus,.asset-browser__form-row select:focus{border-color:var(--accent-primary)}.asset-browser__file-input{position:relative;padding:16px;background:var(--bg-primary);border:2px dashed var(--border-subtle);border-radius:var(--radius-sm);text-align:center;cursor:pointer;transition:all var(--transition-fast)}.asset-browser__file-input:hover{border-color:var(--accent-primary)}.asset-browser__file-input input[type=file]{position:absolute;top:0;right:0;bottom:0;left:0;opacity:0;cursor:pointer}.asset-browser__file-name{font-size:12px;color:var(--text-primary);font-weight:500}.asset-browser__file-placeholder{font-size:12px;color:var(--text-muted)}.asset-browser__upload-error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);background:#ef44441a;border-radius:var(--radius-sm);color:var(--status-error);font-size:12px}.asset-browser__modal-footer{display:flex;justify-content:flex-end;gap:var(--spacing-sm);padding:var(--spacing-md);border-top:1px solid var(--border-subtle)}.asset-browser__modal-cancel,.asset-browser__modal-upload{display:flex;align-items:center;gap:var(--spacing-xs);padding:8px 16px;border-radius:var(--radius-sm);font-size:12px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.asset-browser__modal-cancel{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.asset-browser__modal-cancel:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-active)}.asset-browser__modal-upload{background:var(--accent-primary);border:1px solid var(--accent-primary);color:#fff}.asset-browser__modal-upload:hover:not(:disabled){background:var(--accent-hover)}.asset-browser__modal-upload:disabled,.asset-browser__modal-cancel:disabled{opacity:.5;cursor:not-allowed}.chat-history{display:flex;flex-direction:column;width:200px;background:var(--bg-dark);border-right:1px solid var(--border-subtle);flex-shrink:0}.chat-history--collapsed{width:36px;display:flex;flex-direction:column;align-items:center;padding-top:var(--spacing-sm);gap:var(--spacing-sm)}.chat-history__toggle,.chat-history__new-icon{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.chat-history__toggle:hover,.chat-history__new-icon:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-history__header{display:flex;justify-content:space-between;align-items:center;padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--border-subtle)}.chat-history__header h4{display:flex;align-items:center;gap:var(--spacing-xs);font-size:12px;font-weight:600;color:var(--text-secondary);margin:0}.chat-history__header-actions{display:flex;gap:2px}.chat-history__new-btn,.chat-history__collapse-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.chat-history__new-btn:hover,.chat-history__collapse-btn:hover{background:var(--bg-hover);color:var(--text-primary)}.chat-history__new-btn:hover{color:var(--accent-primary)}.chat-history__list{flex:1;overflow-y:auto;padding:var(--spacing-xs);scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.chat-history__list::-webkit-scrollbar{width:4px}.chat-history__list::-webkit-scrollbar-track{background:transparent}.chat-history__list::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}.chat-history__loading,.chat-history__error,.chat-history__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--spacing-lg);text-align:center;color:var(--text-muted);gap:var(--spacing-sm)}.chat-history__loading{font-size:11px}.chat-history__spinner{animation:spin 1s linear infinite}.chat-history__error button,.chat-history__empty button{padding:4px 10px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-secondary);font-size:11px;cursor:pointer}.chat-history__empty p{margin:0;font-size:11px}.chat-history__item{position:relative;padding:var(--spacing-sm);border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);margin-bottom:2px}.chat-history__item:hover{background:var(--bg-hover)}.chat-history__item.active{background:var(--accent-glow);border-left:2px solid var(--accent-primary)}.chat-history__item-content{display:flex;align-items:center;gap:var(--spacing-xs);margin-bottom:2px}.chat-history__item-content svg{flex-shrink:0;color:var(--text-muted)}.chat-history__item.active .chat-history__item-content svg{color:var(--accent-primary)}.chat-history__item-title{font-size:11px;font-weight:500;color:var(--text-primary);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.chat-history__item-meta{display:flex;gap:var(--spacing-sm);padding-left:22px}.chat-history__item-date,.chat-history__item-count{font-size:9px;color:var(--text-muted)}.chat-history__item-actions{position:absolute;top:50%;right:var(--spacing-xs);transform:translateY(-50%);display:flex;gap:2px;opacity:0;transition:opacity var(--transition-fast)}.chat-history__item:hover .chat-history__item-actions{opacity:1}.chat-history__item-actions button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:var(--bg-dark);border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer;transition:all var(--transition-fast)}.chat-history__item-actions button:hover{background:var(--bg-primary);color:var(--text-primary)}.chat-history__item-actions button:last-child:hover{color:var(--status-error)}.chat-history__item-edit{display:flex;align-items:center;gap:4px}.chat-history__item-edit input{flex:1;padding:4px 6px;background:var(--bg-primary);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--text-primary);font-size:11px;outline:none}.chat-history__item-edit button{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.chat-history__item-edit button:first-of-type{color:var(--status-success)}.chat-history__item-edit button:last-of-type{color:var(--status-error)}.pricing-page{max-width:1200px;margin:0 auto;padding:var(--spacing-xl)}.pricing-page__header{text-align:center;margin-bottom:var(--spacing-xl)}.pricing-page__header h1{font-size:32px;font-weight:700;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.pricing-page__header p{font-size:16px;color:var(--text-secondary);margin:0 0 var(--spacing-lg) 0}.pricing-page__billing-toggle{display:inline-flex;background:var(--bg-surface);border-radius:var(--radius-lg);padding:4px}.pricing-page__billing-toggle button{display:flex;align-items:center;gap:var(--spacing-xs);padding:10px 20px;background:none;border:none;border-radius:var(--radius-md);color:var(--text-secondary);font-size:14px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.pricing-page__billing-toggle button.active{background:var(--accent-primary);color:#fff}.pricing-page__savings-badge{padding:2px 8px;background:#4ade8033;border-radius:var(--radius-full);font-size:11px;font-weight:600;color:var(--status-success)}.pricing-page__cards{display:grid;grid-template-columns:repeat(3,1fr);gap:var(--spacing-lg);margin-bottom:var(--spacing-xl)}@media (max-width: 900px){.pricing-page__cards{grid-template-columns:1fr}}.pricing-card{position:relative;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);padding:var(--spacing-lg);transition:all var(--transition-fast)}.pricing-card:hover{border-color:var(--border-active);transform:translateY(-4px);box-shadow:0 8px 32px #00000026}.pricing-card--highlighted{border-color:var(--accent-primary);background:linear-gradient(135deg,#8b5cf60d,#3b82f60d)}.pricing-card--current{border-color:var(--status-success)}.pricing-card__badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:4px 16px;background:var(--accent-primary);border-radius:var(--radius-full);font-size:11px;font-weight:600;color:#fff;text-transform:uppercase}.pricing-card__current-badge{position:absolute;top:-12px;right:var(--spacing-md);padding:4px 12px;background:var(--status-success);border-radius:var(--radius-full);font-size:10px;font-weight:600;color:#fff}.pricing-card__header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:var(--spacing-md)}.pricing-card__icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-glow);border-radius:var(--radius-md);color:var(--accent-primary)}.pricing-card__header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0}.pricing-card__price{display:flex;align-items:baseline;margin-bottom:var(--spacing-xs)}.pricing-card__currency{font-size:20px;font-weight:500;color:var(--text-secondary)}.pricing-card__amount{font-size:48px;font-weight:700;color:var(--text-primary);line-height:1}.pricing-card__period{font-size:14px;color:var(--text-muted);margin-left:4px}.pricing-card__yearly-note{font-size:12px;color:var(--text-muted);margin-bottom:var(--spacing-md)}.pricing-card__features{list-style:none;padding:0;margin:0 0 var(--spacing-lg) 0}.pricing-card__features li{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-xs) 0;font-size:13px;color:var(--text-secondary)}.pricing-card__features li svg{flex-shrink:0;color:var(--status-success)}.pricing-card__cta{display:flex;align-items:center;justify-content:center;gap:var(--spacing-sm);width:100%;padding:12px;background:var(--accent-primary);border:none;border-radius:var(--radius-md);color:#fff;font-size:14px;font-weight:600;cursor:pointer;transition:all var(--transition-fast)}.pricing-card__cta:hover:not(:disabled){background:var(--accent-hover)}.pricing-card__cta:disabled{opacity:.5;cursor:not-allowed}.pricing-card__cta--current{background:var(--bg-primary);border:1px solid var(--border-subtle);color:var(--text-secondary)}.pricing-card__spinner{animation:spin 1s linear infinite}.pricing-page__comparison{margin-bottom:var(--spacing-xl)}.pricing-page__comparison h2{font-size:24px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-lg)}.pricing-page__comparison table{width:100%;border-collapse:collapse;background:var(--bg-surface);border-radius:var(--radius-lg);overflow:hidden}.pricing-page__comparison th,.pricing-page__comparison td{padding:var(--spacing-md);text-align:center;border-bottom:1px solid var(--border-subtle)}.pricing-page__comparison th{background:var(--bg-primary);font-size:14px;font-weight:600;color:var(--text-primary)}.pricing-page__comparison td:first-child{text-align:left;font-weight:500;color:var(--text-secondary)}.pricing-page__comparison .text-success{color:var(--status-success)}.pricing-page__comparison .text-muted{color:var(--text-muted)}.pricing-page__faq{max-width:700px;margin:0 auto}.pricing-page__faq h2{font-size:24px;font-weight:600;color:var(--text-primary);text-align:center;margin-bottom:var(--spacing-lg)}.pricing-page__faq-list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.pricing-page__faq-item{background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-md);overflow:hidden}.pricing-page__faq-question{display:flex;justify-content:space-between;align-items:center;width:100%;padding:var(--spacing-md);background:none;border:none;color:var(--text-primary);font-size:14px;font-weight:500;text-align:left;cursor:pointer}.pricing-page__faq-question svg{color:var(--text-muted)}.pricing-page__faq-answer{padding:0 var(--spacing-md) var(--spacing-md);font-size:13px;color:var(--text-secondary);line-height:1.6}.usage-meters{display:flex;flex-direction:column;gap:var(--spacing-sm)}.usage-meters--loading,.usage-meters--error{display:flex;align-items:center;gap:var(--spacing-sm);padding:var(--spacing-md);font-size:12px;color:var(--text-muted)}.usage-meters__spinner{animation:spin 1s linear infinite}.usage-meters--error button{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px}.usage-meters__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.usage-meters__header h4{font-size:12px;font-weight:600;color:var(--text-secondary);margin:0}.usage-meters__refresh{background:none;border:none;color:var(--text-muted);cursor:pointer;padding:4px;border-radius:var(--radius-sm)}.usage-meters__refresh:hover{background:var(--bg-hover);color:var(--text-primary)}.usage-meters__list{display:flex;flex-direction:column;gap:var(--spacing-sm)}.usage-meter{padding:var(--spacing-sm);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-sm)}.usage-meter--warning{border-color:#fbbf2480;background:#fbbf240d}.usage-meter--exhausted{border-color:#ef444480;background:#ef44440d}.usage-meter__header{display:flex;justify-content:space-between;align-items:center;margin-bottom:var(--spacing-xs)}.usage-meter__label{display:flex;align-items:center;gap:var(--spacing-xs);font-size:11px;font-weight:500;color:var(--text-secondary)}.usage-meter__label svg{color:var(--accent-primary)}.usage-meter__count{font-size:11px;font-family:monospace}.usage-meter__used{font-weight:600;color:var(--text-primary)}.usage-meter__separator,.usage-meter__limit{color:var(--text-muted)}.usage-meter__period{color:var(--text-muted);font-size:9px}.usage-meter__bar{height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden}.usage-meter__fill{height:100%;background:var(--accent-primary);border-radius:2px;transition:width .3s ease}.usage-meter--warning .usage-meter__fill{background:#fbbf24}.usage-meter--exhausted .usage-meter__fill{background:#ef4444}.usage-meter__warning,.usage-meter__exhausted{display:flex;align-items:center;gap:var(--spacing-xs);margin-top:var(--spacing-xs);font-size:10px}.usage-meter__warning{color:#fbbf24}.usage-meter__exhausted{color:#ef4444}.usage-meter__exhausted button{margin-left:auto;display:flex;align-items:center;gap:2px;padding:2px 8px;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;font-size:10px;cursor:pointer}.usage-meters__upgrade{display:flex;align-items:center;justify-content:center;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--accent-glow);border:1px solid var(--accent-primary);border-radius:var(--radius-sm);color:var(--accent-primary);font-size:11px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.usage-meters__upgrade:hover{background:var(--accent-primary);color:#fff}.usage-meters--compact{display:flex;gap:var(--spacing-sm)}.usage-meter-mini{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-surface);border-radius:var(--radius-sm)}.usage-meter-mini svg{color:var(--text-muted)}.usage-meter-mini.warning svg{color:#fbbf24}.usage-meter-mini.exhausted svg{color:#ef4444}.usage-meter-mini__bar{width:40px;height:4px;background:var(--bg-primary);border-radius:2px;overflow:hidden}.usage-meter-mini__fill{height:100%;background:var(--accent-primary);border-radius:2px}.usage-meter-mini.warning .usage-meter-mini__fill{background:#fbbf24}.usage-meter-mini.exhausted .usage-meter-mini__fill{background:#ef4444}.upgrade-modal__overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#0009;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);display:flex;align-items:center;justify-content:center;z-index:1000}.upgrade-modal{background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-xl);width:600px;max-width:90vw;padding:var(--spacing-xl);box-shadow:0 20px 60px #0006}.upgrade-modal__header{text-align:center;margin-bottom:var(--spacing-lg)}.upgrade-modal__header svg{color:var(--accent-primary);margin-bottom:var(--spacing-sm)}.upgrade-modal__header h2{font-size:24px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-xs) 0}.upgrade-modal__header p{font-size:14px;color:var(--text-secondary);margin:0}.upgrade-modal__plans{display:grid;grid-template-columns:1fr 1fr;gap:var(--spacing-md);margin-bottom:var(--spacing-lg)}.upgrade-modal__plan{position:relative;padding:var(--spacing-lg);background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:var(--radius-lg)}.upgrade-modal__plan--highlighted{border-color:var(--accent-primary);background:linear-gradient(135deg,#8b5cf60d,#3b82f60d)}.upgrade-modal__badge{position:absolute;top:-10px;right:var(--spacing-md);padding:4px 12px;background:var(--accent-primary);border-radius:var(--radius-full);font-size:10px;font-weight:600;color:#fff}.upgrade-modal__plan h3{font-size:18px;font-weight:600;color:var(--text-primary);margin:0 0 var(--spacing-sm) 0}.upgrade-modal__price{display:flex;align-items:baseline;margin-bottom:var(--spacing-md)}.upgrade-modal__amount{font-size:32px;font-weight:700;color:var(--text-primary)}.upgrade-modal__period{font-size:14px;color:var(--text-muted);margin-left:4px}.upgrade-modal__plan ul{list-style:none;padding:0;margin:0 0 var(--spacing-md) 0}.upgrade-modal__plan li{padding:var(--spacing-xs) 0;font-size:12px;color:var(--text-secondary)}.upgrade-modal__plan li:before{content:"✓";color:var(--status-success);margin-right:var(--spacing-xs)}.upgrade-modal__cta{width:100%;padding:10px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-md);color:var(--text-primary);font-size:13px;font-weight:500;cursor:pointer;transition:all var(--transition-fast)}.upgrade-modal__cta:hover:not(:disabled){background:var(--bg-hover);border-color:var(--border-active)}.upgrade-modal__cta--primary{background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.upgrade-modal__cta--primary:hover:not(:disabled){background:var(--accent-hover)}.upgrade-modal__cta:disabled{opacity:.5;cursor:not-allowed}.upgrade-modal__spinner{animation:spin 1s linear infinite}.upgrade-modal__close{display:block;width:100%;padding:10px;background:none;border:none;color:var(--text-muted);font-size:13px;cursor:pointer}.upgrade-modal__close:hover{color:var(--text-secondary)}.collab-chat__toggle{position:fixed;bottom:20px;right:20px;width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:var(--accent-primary);border:none;border-radius:50%;color:#fff;cursor:pointer;box-shadow:0 4px 16px #8b5cf666;transition:all var(--transition-fast);z-index:100}.collab-chat__toggle:hover{transform:scale(1.1)}.collab-chat__badge{position:absolute;top:-4px;right:-4px;min-width:18px;height:18px;display:flex;align-items:center;justify-content:center;padding:0 5px;background:#ef4444;border-radius:var(--radius-full);font-size:10px;font-weight:600;color:#fff}.collab-chat{position:fixed;bottom:20px;right:20px;width:320px;display:flex;flex-direction:column;background:var(--bg-dark);border:1px solid var(--border-subtle);border-radius:var(--radius-lg);box-shadow:0 8px 32px #0000004d;z-index:100;overflow:hidden}.collab-chat--minimized{width:auto;display:flex;flex-direction:row;align-items:center;padding:var(--spacing-sm) var(--spacing-md);gap:var(--spacing-sm)}.collab-chat__minimized-header{display:flex;align-items:center;gap:var(--spacing-sm);font-size:12px;font-weight:500;color:var(--text-primary)}.collab-chat__participants-mini{display:flex;margin-right:var(--spacing-xs)}.collab-chat__avatar-mini{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:9px;font-weight:600;color:#fff;margin-left:-6px;border:2px solid var(--bg-dark)}.collab-chat__avatar-mini:first-child{margin-left:0}.collab-chat__avatar-more{background:var(--bg-surface);color:var(--text-muted);font-size:8px}.collab-chat__minimized-actions{display:flex;gap:2px;margin-left:auto}.collab-chat__minimized-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.collab-chat__minimized-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.collab-chat__header{display:flex;align-items:center;padding:var(--spacing-sm) var(--spacing-md);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle)}.collab-chat__header-info{display:flex;align-items:center;gap:var(--spacing-xs);flex:1;font-size:13px;font-weight:500;color:var(--text-primary)}.collab-chat__header-info svg{color:var(--accent-primary)}.collab-chat__participants-count{display:flex;align-items:center;gap:4px;padding:4px 8px;background:var(--bg-primary);border-radius:var(--radius-sm);font-size:11px;color:var(--text-secondary);margin-right:var(--spacing-sm)}.collab-chat__header-actions{display:flex;gap:2px}.collab-chat__header-actions button{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:none;border:none;border-radius:var(--radius-sm);color:var(--text-muted);cursor:pointer}.collab-chat__header-actions button:hover{background:var(--bg-hover);color:var(--text-primary)}.collab-chat__participants{display:flex;gap:var(--spacing-xs);padding:var(--spacing-xs) var(--spacing-md);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);overflow-x:auto;scrollbar-width:none}.collab-chat__participants::-webkit-scrollbar{display:none}.collab-chat__participant{display:flex;align-items:center;gap:4px;padding:4px 8px 4px 4px;background:var(--bg-primary);border-radius:var(--radius-sm);flex-shrink:0}.collab-chat__participant.offline{opacity:.5}.collab-chat__avatar{width:20px;height:20px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:10px;font-weight:600;color:#fff}.collab-chat__participant-name{font-size:11px;color:var(--text-secondary);max-width:60px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.collab-chat__status{flex-shrink:0}.collab-chat__messages{flex:1;height:250px;overflow-y:auto;padding:var(--spacing-sm);scrollbar-width:thin;scrollbar-color:var(--accent-dim) transparent}.collab-chat__messages::-webkit-scrollbar{width:4px}.collab-chat__messages::-webkit-scrollbar-track{background:transparent}.collab-chat__messages::-webkit-scrollbar-thumb{background:var(--accent-dim);border-radius:2px}.collab-chat__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-muted);text-align:center}.collab-chat__empty p{margin:var(--spacing-sm) 0 0;font-size:12px;color:var(--text-secondary)}.collab-chat__empty span{font-size:11px}.collab-chat__message{display:flex;gap:var(--spacing-sm);margin-bottom:var(--spacing-sm)}.collab-chat__message--system{justify-content:center}.collab-chat__message--system .collab-chat__message-content{background:none;padding:0}.collab-chat__message--system .collab-chat__message-text{font-size:10px;color:var(--text-muted);font-style:italic}.collab-chat__message-avatar{width:28px;height:28px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:11px;font-weight:600;color:#fff;flex-shrink:0}.collab-chat__message-content{flex:1;min-width:0}.collab-chat__message-header{display:flex;align-items:center;gap:var(--spacing-sm);margin-bottom:2px}.collab-chat__message-name{font-size:11px;font-weight:600}.collab-chat__message-time{font-size:9px;color:var(--text-muted)}.collab-chat__message-text{font-size:12px;color:var(--text-primary);line-height:1.4;margin:0;word-wrap:break-word}.collab-chat__input{display:flex;gap:var(--spacing-xs);padding:var(--spacing-sm);background:var(--bg-surface);border-top:1px solid var(--border-subtle)}.collab-chat__input input{flex:1;padding:8px 12px;background:var(--bg-primary);border:1px solid var(--border-subtle);border-radius:var(--radius-sm);color:var(--text-primary);font-size:12px;outline:none;transition:border-color var(--transition-fast)}.collab-chat__input input:focus{border-color:var(--accent-primary)}.collab-chat__input input::placeholder{color:var(--text-muted)}.collab-chat__input button{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:var(--accent-primary);border:none;border-radius:var(--radius-sm);color:#fff;cursor:pointer;transition:all var(--transition-fast)}.collab-chat__input button:hover:not(:disabled){background:var(--accent-hover)}.collab-chat__input button:disabled{opacity:.5;cursor:not-allowed}.top-bar{display:flex;align-items:center;height:52px;padding:0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border-default);-webkit-user-select:none;user-select:none;-webkit-app-region:drag}.top-bar__logo{display:flex;align-items:center;gap:8px;margin-right:24px;-webkit-app-region:no-drag}.top-bar__logo-icon{width:24px;height:24px;color:var(--accent-primary)}.top-bar__logo-img{width:28px;height:28px;object-fit:contain}.top-bar__loading{color:var(--accent-primary);margin-left:8px}.top-bar__loading.spinning{animation:spin 1s linear infinite}.top-bar__logo-text{font-size:15px;font-weight:700;color:var(--accent-primary);letter-spacing:2px}.top-bar__logo:hover{opacity:.8}.top-bar__project{display:flex;align-items:center;gap:12px;padding-left:16px;border-left:1px solid var(--border-default);-webkit-app-region:no-drag}.top-bar__project-name{font-size:var(--text-sm);font-weight:500;color:var(--text-primary);max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.top-bar__save-status{display:flex;align-items:center;gap:4px;font-size:var(--text-xs);color:var(--text-muted)}.top-bar__save-status svg{flex-shrink:0}.top-bar__save-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-secondary);cursor:pointer;transition:all .15s ease}.top-bar__save-btn:hover:not(:disabled){background:var(--bg-hover);color:var(--accent-primary)}.top-bar__save-btn:disabled{opacity:.4;cursor:not-allowed}.top-bar__menus{display:flex;gap:2px;-webkit-app-region:no-drag}.top-bar__spacer{flex:1}.top-bar__actions{display:flex;align-items:center;gap:8px;-webkit-app-region:no-drag}.top-bar__action-btn{display:flex;align-items:center;justify-content:center;width:34px;height:34px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.top-bar__action-btn:hover{color:var(--text-primary);background:var(--bg-hover)}.top-bar__menu{position:relative}.top-bar__menu-trigger{display:flex;align-items:center;padding:var(--space-1) var(--space-3);font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast)}.top-bar__menu-trigger:hover,.top-bar__menu-trigger.active{color:var(--text-primary);background:var(--bg-hover)}.top-bar__dropdown{position:absolute;top:calc(100% + 4px);left:0;min-width:220px;padding:var(--space-1);background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:dropdown-appear .15s ease}.top-bar__dropdown-item-wrapper{position:relative}.top-bar__dropdown-item{display:flex;align-items:center;gap:var(--space-2);width:100%;padding:var(--space-2) var(--space-3);font-size:var(--text-sm);color:var(--text-primary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;text-align:left;transition:background var(--transition-fast)}.top-bar__dropdown-item:hover{background:var(--bg-hover)}.top-bar__dropdown-item.disabled{color:var(--text-muted);cursor:not-allowed}.top-bar__dropdown-item--danger:hover{background:var(--error-dim);color:var(--error)}.top-bar__dropdown-label{flex:1}.top-bar__dropdown-shortcut{font-size:var(--text-xs);color:var(--text-muted);font-family:var(--font-mono);margin-left:auto;padding-left:var(--space-3)}.top-bar__dropdown-arrow{margin-left:var(--space-2);color:var(--text-muted)}.top-bar__dropdown-divider{height:1px;margin:var(--space-1) 0;background:var(--border-default)}.top-bar__submenu{position:absolute;top:0;left:100%;min-width:200px;padding:var(--space-1);background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:dropdown-appear .15s ease}.top-bar__backdrop{position:fixed;top:0;left:0;right:0;bottom:0;z-index:calc(var(--z-dropdown) - 1)}.top-bar__user-trigger{display:flex;align-items:center;gap:8px;padding:6px 10px;background:var(--bg-surface);border:1px solid var(--border-default);border-radius:var(--radius-lg);cursor:pointer;transition:all var(--transition-fast);color:var(--text-primary)}.top-bar__user-trigger:hover{border-color:var(--border-strong);background:var(--bg-hover)}.top-bar__avatar{width:26px;height:26px;border-radius:var(--radius-full);background:var(--accent-dim);display:flex;align-items:center;justify-content:center;color:var(--accent-primary);font-weight:var(--font-semibold);font-size:var(--text-xs)}.top-bar__username{font-size:var(--text-sm);font-weight:var(--font-medium)}.top-bar__user{position:relative}.top-bar__user-dropdown{position:absolute;top:calc(100% + 8px);right:0;min-width:220px;padding:var(--space-1);background:var(--bg-panel);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-lg);z-index:var(--z-dropdown);animation:dropdown-appear .15s ease}.top-bar__user-info{padding:var(--space-3);border-bottom:1px solid var(--border-default)}.top-bar__user-email{font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-primary)}.top-bar__user-tier{font-size:var(--text-xs);color:var(--accent-primary);margin-top:2px}@keyframes dropdown-appear{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.workspace-tabs{display:flex;align-items:center;height:40px;padding:0 16px;background:var(--bg-panel);border-bottom:1px solid var(--border-default);overflow:hidden;position:relative}.workspace-tabs::-webkit-scrollbar{display:none}.workspace-tabs__scroll{display:flex;align-items:center;gap:4px;overflow-x:auto;scrollbar-width:none;padding:4px 0}.workspace-tabs__scroll::-webkit-scrollbar{display:none}.workspace-tab{display:flex;align-items:center;gap:6px;padding:6px 12px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-sm);cursor:pointer;transition:all var(--transition-fast);white-space:nowrap;flex-shrink:0}.workspace-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.workspace-tab--active{color:var(--accent-primary);background:var(--accent-dim);font-weight:var(--font-semibold)}.workspace-tab__icon{width:14px;height:14px;flex-shrink:0;color:inherit}.workspace-tab__label{line-height:1}.workspace-tab--add{padding:6px 8px;color:var(--text-muted);border:1px dashed var(--border-default);background:transparent}.workspace-tab--add:hover{color:var(--accent-primary);border-color:var(--accent-primary);border-style:solid;background:var(--accent-dim)}.workspace-tabs__indicator{position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent,var(--accent-dim),transparent);pointer-events:none}.tool-shelf{display:flex;flex-direction:column;width:52px;background:var(--bg-panel);border-right:1px solid var(--border-default);padding:8px;overflow-y:auto;scrollbar-width:thin}.tool-shelf__group{margin-bottom:12px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.tool-shelf__group:last-child{border-bottom:none}.tool-shelf__group-header{display:flex;align-items:center;justify-content:center;padding:4px;font-size:9px;font-weight:var(--font-bold);color:var(--text-muted);text-transform:uppercase;letter-spacing:.5px;background:transparent;border:none;cursor:pointer;width:100%}.tool-shelf__group-header:hover{color:var(--text-secondary)}.tool-shelf__tools{display:flex;flex-direction:column;gap:4px;margin-top:8px;align-items:center}.tool-shelf__tool{display:flex;align-items:center;justify-content:center;width:36px;height:36px;background:transparent;border:1px solid transparent;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.tool-shelf__tool:hover{color:var(--text-primary);background:var(--bg-hover);border-color:var(--border-default)}.tool-shelf__tool.active{color:var(--accent-primary);background:var(--accent-dim);border-color:var(--accent-primary)}.tool-shelf--loading{opacity:.7;pointer-events:none}.tool-shelf__dialog-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#00000080;display:flex;align-items:center;justify-content:center;z-index:1000}.tool-shelf__dialog{background:var(--bg-panel);border:1px solid var(--border-default);border-radius:8px;min-width:280px;max-width:400px;box-shadow:0 8px 32px #0006}.tool-shelf__dialog-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid var(--border-default);font-weight:500;color:var(--text-primary)}.tool-shelf__dialog-close{background:none;border:none;color:var(--text-muted);cursor:pointer;font-size:18px;padding:4px 8px;border-radius:4px}.tool-shelf__dialog-close:hover{background:var(--bg-hover);color:var(--text-primary)}.tool-shelf__dialog-body{padding:16px}.tool-shelf__dialog-label{font-size:13px;color:var(--text-secondary);margin:0 0 8px}.tool-shelf__dialog-sublabel{font-size:11px;color:var(--text-muted);margin:12px 0 8px}.tool-shelf__dialog-targets{display:flex;flex-direction:column;gap:8px;max-height:200px;overflow-y:auto}.tool-shelf__dialog-target{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:var(--bg-surface);border:1px solid var(--border-subtle);border-radius:6px;font-size:12px;color:var(--text-primary)}.tool-shelf__dialog-target:hover{border-color:var(--border-default)}.tool-shelf__dialog-actions{display:flex;gap:4px}.tool-shelf__dialog-actions button{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:var(--bg-hover);border:1px solid var(--border-subtle);border-radius:4px;color:var(--text-secondary);cursor:pointer}.tool-shelf__dialog-actions button:hover{background:var(--accent-dim);border-color:var(--accent-primary);color:var(--accent-primary)}.viewport-area{display:flex;flex-direction:row;flex:1;min-width:0;overflow:hidden;background:var(--bg-app)}.viewport-container{flex:1;position:relative;background:var(--bg-viewport);overflow:hidden}.viewport{width:100%;height:100%;position:absolute;top:0;left:0;right:0;bottom:0}.viewport__info{position:absolute;top:var(--space-2);left:var(--space-2);display:flex;align-items:center;gap:var(--space-2);padding:6px 10px;background:#1a1816bf;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border-radius:var(--radius-sm);font-size:10px;font-weight:500;color:#fff9;letter-spacing:.3px}.viewport__info span{color:#fffc;font-weight:500}.viewport__view-controls{position:absolute;bottom:var(--space-3);right:var(--space-3);display:flex;align-items:center;gap:4px}.viewport__ortho-toggle{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#1a1816d9;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);color:#fff9;cursor:pointer;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:all .15s ease}.viewport__ortho-toggle:hover{background:#1a1816f2;color:#ffffffe6;border-color:#fff3}.viewport__ortho-toggle.active{background:var(--accent-primary);color:var(--text-inverse);border-color:var(--accent-primary)}.viewport__ortho-views{display:flex;gap:2px;padding:3px;background:#1a1816d9;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viewport__ortho-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;font-size:11px;font-weight:600;background:transparent;border:none;border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;transition:all .15s ease}.viewport__ortho-btn:hover{background:#ffffff1a;color:#ffffffe6}.viewport__ortho-btn.active{background:var(--accent-primary);color:var(--text-inverse)}.viewport__transform-controls{position:absolute;top:var(--space-2);left:50%;transform:translate(-50%);display:flex;align-items:center;gap:2px;padding:4px 6px;background:#1a1816e6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viewport__tool-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;transition:all .15s ease}.viewport__tool-btn:hover{background:#ffffff1a;color:#ffffffe6}.viewport__tool-btn.active{background:var(--accent-primary);color:var(--text-inverse);box-shadow:0 2px 6px #c4704f66}.viewport__tool-btn svg{width:16px;height:16px}.viewport__divider{width:1px;height:20px;margin:0 4px;background:#ffffff26}.viewport__snap-select{height:24px;padding:0 6px;font-size:10px;font-weight:500;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:var(--radius-sm);color:#fffc;cursor:pointer;outline:none;transition:all .15s ease}.viewport__snap-select:hover{background:#ffffff1f;border-color:#fff3}.viewport__snap-select:focus{border-color:var(--accent-primary);box-shadow:0 0 0 2px #c4704f33}.viewport__snap-select option{background:#1a1a1a;color:#fff}.viewport__display-modes{position:absolute;top:var(--space-2);right:var(--space-2);display:flex;gap:2px;padding:4px;background:#1a1816e6;border:1px solid rgba(255,255,255,.08);border-radius:var(--radius-md);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.viewport__display-btn{display:flex;align-items:center;justify-content:center;width:26px;height:26px;padding:0;background:transparent;border:none;border-radius:var(--radius-sm);color:#ffffff80;cursor:pointer;transition:all .15s ease}.viewport__display-btn:hover{background:#ffffff1a;color:#ffffffe6}.viewport__display-btn.active{background:var(--accent-primary);color:var(--text-inverse)}.viewport__display-btn svg{width:14px;height:14px}.viewport-loader{display:flex;flex-direction:column;align-items:center;gap:var(--space-2);color:#999}.viewport-loader__spinner{width:24px;height:24px;border:2px solid rgba(255,255,255,.2);border-top-color:var(--accent-primary);border-radius:50%;animation:spin 1s linear infinite}.model-error{padding:var(--space-1) var(--space-2);background:#c75a5a33;border:1px solid var(--error);border-radius:var(--radius-sm);font-size:var(--text-xs);color:#f5a5a5}.placeholder-hint{padding:var(--space-3) var(--space-5);background:#000000b3;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-radius:var(--radius-xl);border:1px solid rgba(255,255,255,.1);font-size:var(--text-sm);font-weight:var(--font-medium);color:#ccc;white-space:nowrap}.sidebar{display:flex;flex-direction:column;background:var(--bg-panel);overflow:hidden;position:relative}.sidebar--left{width:280px;min-width:200px;max-width:400px;border-right:1px solid var(--border-default)}.sidebar--right{width:320px;min-width:280px;max-width:500px;border-left:1px solid var(--border-default)}.sidebar__content{flex:1;overflow-y:auto}.sidebar-tabs{display:flex;background:var(--bg-surface);border-bottom:1px solid var(--border-default);padding:6px 8px;gap:4px}.sidebar-tab{flex:1;padding:8px 12px;font-size:var(--text-sm);font-weight:var(--font-medium);color:var(--text-secondary);background:transparent;border:none;border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);text-align:center}.sidebar-tab:hover{color:var(--text-primary);background:var(--bg-hover)}.sidebar-tab.active{color:var(--accent-primary);background:var(--accent-dim);font-weight:var(--font-semibold)}.timeline{height:160px;background:var(--bg-panel);border-top:1px solid var(--border-default);display:flex;flex-direction:column}.timeline--collapsed{height:40px}.timeline__header{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-1) var(--space-3);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);min-height:40px}.timeline__toggle{display:flex;align-items:center;justify-content:center;width:24px;height:24px;background:transparent;border:none;color:var(--text-tertiary);cursor:pointer;transition:color var(--transition-fast);flex-shrink:0}.timeline__toggle:hover{color:var(--text-primary)}.timeline__mode-tabs{display:flex;gap:2px;padding:3px;background:var(--bg-hover);border-radius:var(--radius-md)}.timeline__mode-tab{display:flex;align-items:center;justify-content:center;width:28px;height:26px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer;transition:all var(--transition-fast)}.timeline__mode-tab:hover{color:var(--text-primary)}.timeline__mode-tab.active{background:var(--accent-dim);color:var(--accent-primary)}.timeline__controls{display:flex;align-items:center;gap:var(--space-1)}.timeline__btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:var(--radius-md);color:var(--text-secondary);cursor:pointer;transition:all var(--transition-fast)}.timeline__btn:hover{color:var(--text-primary);background:var(--bg-hover)}.timeline__btn.active{color:var(--accent-primary);background:var(--accent-dim)}.timeline__btn:disabled{opacity:.4;cursor:not-allowed}.timeline__frame-display{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-2)}.timeline__frame-input{width:50px;padding:var(--space-1);font-size:var(--text-xs);font-family:var(--font-mono);text-align:center;background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-sm);color:var(--text-primary)}.timeline__frame-input:focus{border-color:var(--accent-primary);outline:none}.timeline__frame-divider{color:var(--text-tertiary);font-size:var(--text-xs)}.timeline__zoom{display:flex;align-items:center;gap:var(--space-1);margin-left:auto}.timeline__zoom-label{font-size:var(--text-xs);color:var(--text-tertiary);min-width:40px;text-align:center}.timeline__body{flex:1;display:flex;overflow:hidden}.timeline__channels{width:150px;flex-shrink:0;background:var(--bg-surface);border-right:1px solid var(--border-subtle)}.timeline__track-container{flex:1;position:relative;overflow-x:auto;overflow-y:hidden}.status-bar{display:flex;align-items:center;height:28px;padding:0 var(--space-4);background:var(--bg-surface);border-top:1px solid var(--border-default);font-size:var(--text-xs);color:var(--text-tertiary)}.status-bar__item{display:flex;align-items:center;gap:var(--space-1);padding:0 var(--space-3)}.status-bar__item:not(:last-child){border-right:1px solid var(--border-subtle)}.status-bar__spacer{flex:1}.status-bar__indicator{width:7px;height:7px;border-radius:50%}.status-bar__indicator--connected{background:var(--success)}.status-bar__indicator--disconnected{background:var(--error)}.status-bar__workspace{color:var(--accent-primary);font-weight:var(--font-semibold)}.outliner{display:flex;flex-direction:column;height:100%;background:var(--bg-panel)}.outliner__toolbar{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-3);background:var(--bg-surface);border-bottom:1px solid var(--border-subtle);position:relative}.outliner__search{flex:1;display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);background:var(--bg-input);border:1px solid var(--border-default);border-radius:var(--radius-md);transition:all var(--transition-fast)}.outliner__search:focus-within{border-color:var(--accent-primary);box-shadow:0 0 0 3px #c4704f26}.outliner__search-icon{color:var(--text-tertiary);flex-shrink:0}.outliner__search-input{flex:1;background:transparent;border:none;font-size:var(--text-sm);color:var(--text-primary);outline:none}.outliner__search-input::placeholder{color:var(--text-muted)}.outliner__tree{flex:1;overflow-y:auto;padding:var(--space-1)}.outliner__item{display:flex;align-items:center;gap:var(--space-2);padding:var(--space-2) var(--space-3);border-radius:var(--radius-md);cursor:pointer;transition:all var(--transition-fast);min-height:32px}.outliner__item:hover{background:var(--bg-hover)}.outliner__item--selected{background:#c4704f1a;box-shadow:inset 3px 0 0 var(--accent-primary)}.outliner__type-icon{color:var(--accent-primary);flex-shrink:0}.outliner__name{flex:1;font-size:var(--text-sm);color:var(--text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.outliner__actions{display:flex;gap:var(--space-1);opacity:0;transition:opacity var(--transition-fast)}.outliner__item:hover .outliner__actions{opacity:1}.outliner__action{display:flex;align-items:center;justify-content:center;width:20px;height:20px;background:transparent;border:none;border-radius:var(--radius-sm);color:var(--text-tertiary);cursor:pointer}.outliner__action:hover{background:var(--bg-active);color:var(--text-primary)}.outliner__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:var(--space-6);text-align:center}.outliner__empty span{font-size:var(--text-sm);color:var(--text-secondary)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.workspace-split{display:flex;flex:1;min-width:0;min-height:0;overflow:hidden}.workspace-split--horizontal{flex-direction:row}.workspace-split--vertical{flex-direction:column}.workspace-split__panel{flex:1;min-width:0;min-height:0;overflow:hidden;display:flex;flex-direction:column}.workspace-split__panel--viewport{flex:1.2}.workspace-split__panel--editor{flex:1;background:var(--bg-app)}.workspace-split__divider{background:var(--border-default);flex-shrink:0}.workspace-split--horizontal>.workspace-split__divider{width:1px;cursor:col-resize}.workspace-split--vertical>.workspace-split__divider{height:1px;cursor:row-resize}.workspace-full{flex:1;display:flex;flex-direction:column;min-width:0;min-height:0;overflow:hidden}.uv-editor{display:flex;flex-direction:column;height:100%;background:#1a1a1a}.uv-editor__toolbar{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#252525;border-bottom:1px solid #3A3A3A}.uv-editor__tool-group{display:flex;align-items:center;gap:2px}.uv-editor__separator{width:1px;height:20px;background:#3a3a3a;margin:0 6px}.uv-editor__spacer{flex:1}.uv-editor__tool{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#9a9a9a;cursor:pointer;transition:all .15s ease}.uv-editor__tool:hover{background:#353535;color:#e5e5e5}.uv-editor__tool.active{background:#d4a574;color:#1a1a1a}.uv-editor__tool:disabled{opacity:.4;cursor:not-allowed}.uv-editor__zoom-label{font-size:11px;color:#9a9a9a;min-width:40px;text-align:center}.uv-editor__canvas-container{flex:1;position:relative;overflow:hidden}.uv-editor__canvas{display:block;width:100%;height:100%}.uv-editor__loading,.uv-editor__empty{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);display:flex;flex-direction:column;align-items:center;gap:8px}.uv-editor__empty p{color:#666;font-size:13px}.uv-editor__spinner{width:24px;height:24px;border:2px solid #3A3A3A;border-top-color:#d4a574;border-radius:50%;animation:spin 1s linear infinite}.node-editor{display:flex;flex-direction:column;height:100%;background:#1a1a1a}.node-editor__header{display:flex;align-items:center;justify-content:space-between;padding:6px 12px;background:#252525;border-bottom:1px solid #3A3A3A}.node-editor__title{font-size:12px;font-weight:600;color:#e5e5e5;letter-spacing:.5px}.node-editor__toolbar{display:flex;align-items:center;gap:4px}.node-editor__tool{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#9a9a9a;cursor:pointer;transition:all .15s ease}.node-editor__tool:hover{background:#353535;color:#e5e5e5}.node-editor__tool:disabled{opacity:.4;cursor:not-allowed}.node-editor__separator{width:1px;height:20px;background:#3a3a3a;margin:0 4px}.node-editor__zoom-label{font-size:11px;color:#9a9a9a;min-width:40px;text-align:center}.node-editor__canvas-container{flex:1;position:relative;overflow:hidden}.node-editor__canvas{display:block;width:100%;height:100%}.node-editor__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.node-editor__spinner{width:24px;height:24px;border:2px solid #3A3A3A;border-top-color:#d4a574;border-radius:50%;animation:spin 1s linear infinite}.node-editor__add-menu{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:320px;max-height:400px;background:#252525;border:1px solid #3A3A3A;border-radius:8px;box-shadow:0 8px 32px #00000080;overflow:hidden;display:flex;flex-direction:column;z-index:100}.node-editor__search{display:flex;align-items:center;gap:8px;padding:10px 12px;background:#2d2d2d;border-bottom:1px solid #3A3A3A}.node-editor__search input{flex:1;background:transparent;border:none;font-size:13px;color:#e5e5e5;outline:none}.node-editor__search input::placeholder{color:#666}.node-editor__search svg{color:#666}.node-editor__categories{flex:1;overflow-y:auto;padding:8px}.node-editor__category{margin-bottom:12px}.node-editor__category-header{display:flex;align-items:center;gap:6px;padding:4px 8px;font-size:11px;font-weight:600;color:#9a9a9a;text-transform:uppercase;letter-spacing:.5px}.node-editor__category-items{display:flex;flex-direction:column;gap:2px;margin-top:4px}.node-editor__add-item{padding:6px 12px;font-size:12px;color:#e5e5e5;background:transparent;border:none;border-radius:4px;text-align:left;cursor:pointer;transition:background .15s ease}.node-editor__add-item:hover{background:#353535}.dope-sheet{display:flex;flex-direction:column;height:100%;background:#1a1a1a}.dope-sheet__transport{display:flex;align-items:center;gap:4px;padding:6px 8px;background:#252525;border-bottom:1px solid #3A3A3A}.dope-sheet__transport-btn{display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;border-radius:4px;color:#9a9a9a;cursor:pointer;transition:all .15s ease}.dope-sheet__transport-btn:hover{background:#353535;color:#e5e5e5}.dope-sheet__transport-btn--primary{background:#d4a574;color:#1a1a1a}.dope-sheet__transport-btn--primary:hover{background:#e5b685}.dope-sheet__separator{width:1px;height:20px;background:#3a3a3a;margin:0 6px}.dope-sheet__spacer{flex:1}.dope-sheet__frame-input{display:flex;align-items:center;gap:6px}.dope-sheet__frame-input label{font-size:11px;color:#9a9a9a}.dope-sheet__frame-input input{width:50px;padding:4px 6px;font-size:11px;font-family:var(--font-mono);text-align:center;background:#2d2d2d;border:1px solid #3A3A3A;border-radius:4px;color:#e5e5e5;outline:none}.dope-sheet__frame-input input:focus{border-color:#d4a574}.dope-sheet__frame-range{display:flex;align-items:center;gap:4px}.dope-sheet__frame-range input{width:45px;padding:4px;font-size:10px;font-family:var(--font-mono);text-align:center;background:#2d2d2d;border:1px solid #3A3A3A;border-radius:4px;color:#9a9a9a;outline:none}.dope-sheet__frame-range input:focus{border-color:#d4a574;color:#e5e5e5}.dope-sheet__frame-range span{color:#666;font-size:11px}.dope-sheet__tool-btn{display:flex;align-items:center;justify-content:center;gap:2px;padding:0 8px;height:26px;background:#2d2d2d;border:1px solid #3A3A3A;border-radius:4px;color:#9a9a9a;cursor:pointer;transition:all .15s ease}.dope-sheet__tool-btn:hover{background:#353535;color:#e5e5e5;border-color:#4a4a4a}.dope-sheet__tool-btn:disabled{opacity:.4;cursor:not-allowed}.dope-sheet__zoom-controls{display:flex;align-items:center;gap:4px}.dope-sheet__zoom-label{font-size:11px;color:#9a9a9a;min-width:40px;text-align:center}.dope-sheet__canvas-container{flex:1;position:relative;overflow:hidden}.dope-sheet__canvas{display:block;width:100%;height:100%;cursor:default}.dope-sheet__loading{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.dope-sheet__spinner{width:24px;height:24px;border:2px solid #3A3A3A;border-top-color:#d4a574;border-radius:50%;animation:spin 1s linear infinite}@media (max-width: 1400px){.sidebar--left{width:240px}.sidebar--right{width:300px}}@media (max-width: 1200px){.workspace-tab__label{display:none}.workspace-tab{padding:6px 8px}.sidebar--left{width:200px}.sidebar--right{width:280px}}@media (max-width: 1000px){.tool-shelf{width:44px}.tool-shelf__group-header{display:none}.tool-shelf__tool{width:34px;height:34px}}.landing{min-height:100vh;background:#faf8f5;color:#1a1a1a;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,sans-serif;overflow-x:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}.landing__nav{position:fixed;top:0;left:0;right:0;z-index:100;background:#faf8f5d9;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.06)}.landing__nav-content{max-width:1200px;margin:0 auto;padding:16px 40px;display:flex;align-items:center;justify-content:space-between}.landing__logo{display:flex;align-items:center;gap:10px}.landing__logo-img{width:32px;height:32px;object-fit:contain}.landing__logo-text{font-size:20px;font-weight:600;color:#1a1a1a;letter-spacing:-.02em}.landing__nav-actions{display:flex;gap:12px}.landing__nav-actions--desktop{display:flex}.landing__mobile-menu-btn{display:none;align-items:center;justify-content:center;width:44px;height:44px;padding:0;background:transparent;border:none;border-radius:8px;cursor:pointer;color:#1a1a1a;transition:background .2s ease}.landing__mobile-menu-btn:hover{background:#0000000d}.landing__mobile-menu-btn:active{background:#00000014}.landing__mobile-menu{position:absolute;top:100%;left:0;right:0;background:#faf8f5fa;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);border-bottom:1px solid rgba(0,0,0,.08);padding:16px;animation:mobileMenuSlide .25s ease-out}@keyframes mobileMenuSlide{0%{opacity:0;transform:translateY(-8px)}to{opacity:1;transform:translateY(0)}}.landing__mobile-menu-content{display:flex;flex-direction:column;gap:12px;max-width:400px;margin:0 auto}.landing__mobile-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0000004d;z-index:99;animation:overlayFade .2s ease-out}@keyframes overlayFade{0%{opacity:0}to{opacity:1}}@media (max-width: 768px){.landing__nav-actions--desktop{display:none}.landing__mobile-menu-btn{display:flex}}.landing__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:500;font-family:inherit;border-radius:8px;cursor:pointer;transition:all .2s ease;border:none;white-space:nowrap}.landing__btn--primary{background:#1a1a1a;color:#fff;box-shadow:0 1px 2px #0000000d}.landing__btn--primary:hover{background:#2d2d2d;transform:translateY(-1px);box-shadow:0 4px 12px #00000026}.landing__btn--secondary{background:#fff;color:#1a1a1a;border:1px solid #E0DDD8}.landing__btn--secondary:hover{background:#f5f3f0;border-color:#d0ccc6}.landing__btn--ghost{background:transparent;color:#666}.landing__btn--ghost:hover{color:#1a1a1a;background:#0000000a}.landing__btn--lg{padding:14px 28px;font-size:15px;border-radius:10px}.landing__btn--full{width:100%}.landing__btn:disabled{opacity:.6;cursor:not-allowed;transform:none}.landing__hero{min-height:100vh;display:flex;align-items:center;padding:100px 40px 80px;background:linear-gradient(180deg,#faf8f5,#f5f1ec);position:relative;overflow:hidden}.landing__hero:before{content:"";position:absolute;top:-50%;right:-20%;width:80%;height:150%;background:radial-gradient(ellipse at center,rgba(212,165,116,.08) 0%,transparent 70%);pointer-events:none}.landing__hero-inner{max-width:1200px;margin:0 auto;display:grid;grid-template-columns:1fr 1.1fr;gap:80px;align-items:center;width:100%;position:relative;z-index:1}.landing__hero-content{max-width:540px}.landing__hero-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 16px;background:#d4a5741f;border:1px solid rgba(212,165,116,.2);border-radius:100px;font-size:13px;font-weight:500;color:#9a7b5b;margin-bottom:28px}.landing__hero-badge svg{color:#c4956a}.landing__hero-title{font-size:64px;font-weight:600;line-height:1.05;margin:0 0 24px;letter-spacing:-.03em;color:#1a1a1a}.landing__hero-title-accent{background:linear-gradient(135deg,#c4956a,#a67b4b);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.landing__hero-subtitle{font-size:18px;color:#666;line-height:1.65;margin:0 0 36px}.landing__hero-actions{display:flex;gap:14px}.landing__hero-visual{display:flex;justify-content:center;perspective:1000px}.landing__preview{width:100%;max-width:560px;background:#fff;border-radius:16px;border:1px solid rgba(0,0,0,.08);box-shadow:0 4px 6px #00000005,0 12px 24px #0000000a,0 24px 48px #0000000a;overflow:hidden;transform:rotateY(-2deg) rotateX(2deg);transition:transform .4s ease}.landing__preview:hover{transform:rotateY(0) rotateX(0)}.landing__preview-header{display:flex;align-items:center;padding:12px 16px;background:#fafafa;border-bottom:1px solid rgba(0,0,0,.06)}.landing__preview-dots{display:flex;gap:6px}.landing__preview-dots span{width:10px;height:10px;border-radius:50%;background:#e5e5e5}.landing__preview-dots span:nth-child(1){background:#ff6b6b}.landing__preview-dots span:nth-child(2){background:#ffd93d}.landing__preview-dots span:nth-child(3){background:#6bcb77}.landing__preview-title{margin-left:auto;font-size:12px;color:#999;font-weight:500}.landing__preview-body{display:flex;height:340px}.landing__preview-sidebar{width:48px;background:#fafafa;border-right:1px solid rgba(0,0,0,.06);padding:12px 8px;display:flex;flex-direction:column;gap:8px}.landing__preview-tool{width:32px;height:32px;background:#f0eeeb;border-radius:6px}.landing__preview-tool:first-child{background:linear-gradient(135deg,#d4a574,#c49660)}.landing__preview-viewport{flex:1;background:linear-gradient(180deg,#f8f6f3,#f0eeeb);display:flex;align-items:center;justify-content:center;position:relative;overflow:hidden}.landing__preview-grid{position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(rgba(0,0,0,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(0,0,0,.03) 1px,transparent 1px);background-size:24px 24px}.landing__preview-object{width:100px;height:100px;background:linear-gradient(145deg,#d4a574,#b8896a);border-radius:12px;box-shadow:0 20px 40px #b4896a4d,inset 0 2px 4px #fff3;animation:objectFloat 6s ease-in-out infinite;position:relative;z-index:1}@keyframes objectFloat{0%,to{transform:translateY(0) rotate(0)}50%{transform:translateY(-12px) rotate(3deg)}}.landing__preview-panel{width:140px;background:#fafafa;border-left:1px solid rgba(0,0,0,.06);padding:12px}.landing__preview-ai{display:flex;align-items:center;gap:6px;padding:8px 10px;background:linear-gradient(135deg,#d4a57426,#d4a5740d);border-radius:8px;font-size:12px;font-weight:600;color:#9a7b5b;margin-bottom:12px}.landing__preview-ai svg{color:#c4956a}.landing__preview-chat{display:flex;flex-direction:column;gap:8px}.landing__preview-message{height:32px;background:#f0eeeb;border-radius:6px}.landing__preview-message--short{width:70%}.landing__features{padding:120px 40px;background:#fff}.landing__features-header{text-align:center;max-width:600px;margin:0 auto 72px}.landing__features-header h2{font-size:40px;font-weight:600;margin:0 0 16px;letter-spacing:-.02em;color:#1a1a1a}.landing__features-header p{font-size:18px;color:#666;margin:0;line-height:1.6}.landing__features-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:32px;max-width:1200px;margin:0 auto}.landing__feature{padding:32px;background:#fafafa;border:1px solid rgba(0,0,0,.04);border-radius:16px;transition:all .3s ease}.landing__feature:hover{background:#fff;border-color:#d4a57433;box-shadow:0 12px 32px #0000000f;transform:translateY(-4px)}.landing__feature-icon{width:52px;height:52px;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#d4a57426,#d4a5740d);border-radius:12px;color:#b8896a;margin-bottom:20px}.landing__feature h3{font-size:18px;font-weight:600;margin:0 0 12px;color:#1a1a1a}.landing__feature p{font-size:15px;color:#666;line-height:1.6;margin:0}.landing__process{padding:100px 40px;background:#faf8f5}.landing__process-header{text-align:center;margin-bottom:64px}.landing__process-header h2{font-size:36px;font-weight:600;margin:0;letter-spacing:-.02em;color:#1a1a1a}.landing__process-steps{display:flex;align-items:flex-start;justify-content:center;gap:24px;max-width:1000px;margin:0 auto}.landing__process-step{flex:1;max-width:280px;text-align:center}.landing__process-number{width:48px;height:48px;display:flex;align-items:center;justify-content:center;background:#1a1a1a;color:#fff;font-size:18px;font-weight:600;border-radius:50%;margin:0 auto 20px}.landing__process-step h3{font-size:18px;font-weight:600;margin:0 0 12px;color:#1a1a1a}.landing__process-step p{font-size:15px;color:#666;line-height:1.6;margin:0}.landing__process-connector{width:60px;height:2px;background:linear-gradient(90deg,#e0ddd8,#d0ccc6);margin-top:24px;flex-shrink:0}.landing__cta{padding:100px 40px;background:linear-gradient(180deg,#1a1a1a,#2d2d2d);text-align:center}.landing__cta-content{max-width:500px;margin:0 auto}.landing__cta h2{font-size:36px;font-weight:600;margin:0 0 16px;color:#fff;letter-spacing:-.02em}.landing__cta p{font-size:18px;color:#ffffffb3;margin:0 0 32px}.landing__cta .landing__btn--primary{background:#fff;color:#1a1a1a}.landing__cta .landing__btn--primary:hover{background:#f5f5f5}.landing__footer{padding:40px;background:#faf8f5;border-top:1px solid rgba(0,0,0,.06)}.landing__footer-content{max-width:1200px;margin:0 auto;display:flex;justify-content:space-between;align-items:center;padding-bottom:24px}.landing__footer-brand{display:flex;align-items:center;gap:10px}.landing__footer-brand .landing__logo-img{width:28px;height:28px}.landing__footer-brand .landing__logo-text{font-size:18px}.landing__footer-links{display:flex;gap:32px}.landing__footer-links a{font-size:14px;color:#666;text-decoration:none;transition:color .2s}.landing__footer-links a:hover{color:#1a1a1a}.landing__footer-bottom{max-width:1200px;margin:0 auto;padding-top:24px;border-top:1px solid rgba(0,0,0,.06);font-size:14px;color:#999}.landing__modal-overlay{position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;animation:fadeIn .2s ease-out}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.landing__modal{position:relative;width:100%;max-width:420px;padding:40px;background:#fff;border-radius:16px;box-shadow:0 24px 64px #0003;animation:modalSlideIn .25s ease-out}@keyframes modalSlideIn{0%{opacity:0;transform:translateY(16px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.landing__modal-close{position:absolute;top:16px;right:16px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:transparent;border:none;color:#999;font-size:28px;cursor:pointer;transition:all .2s;border-radius:8px}.landing__modal-close:hover{color:#1a1a1a;background:#0000000a}.landing__modal-header{text-align:center;margin-bottom:32px}.landing__modal-header h2{font-size:24px;font-weight:600;margin:0 0 8px;color:#1a1a1a}.landing__modal-header p{font-size:15px;color:#666;margin:0}.landing__auth-form{display:flex;flex-direction:column;gap:18px}.landing__form-group{display:flex;flex-direction:column;gap:8px}.landing__form-group label{font-size:14px;font-weight:500;color:#1a1a1a}.landing__form-group input{padding:14px 16px;background:#fafafa;border:1px solid #E5E5E5;border-radius:10px;color:#1a1a1a;font-size:15px;font-family:inherit;transition:all .2s}.landing__form-group input:focus{outline:none;border-color:#1a1a1a;background:#fff;box-shadow:0 0 0 3px #1a1a1a0f}.landing__form-group input::placeholder{color:#999}.landing__auth-error{padding:14px;background:#fef2f2;border:1px solid #FECACA;border-radius:10px;color:#dc2626;font-size:14px}.landing__auth-message{padding:14px;background:#f0fdf4;border:1px solid #BBF7D0;border-radius:10px;color:#16a34a;font-size:14px}.landing__oauth-buttons{display:flex;flex-direction:column;gap:12px}.landing__btn--oauth{display:flex;align-items:center;justify-content:center;gap:12px;padding:14px 20px;background:#fff;border:1px solid #E5E5E5;color:#1a1a1a;border-radius:10px;font-size:15px;font-weight:500;font-family:inherit;cursor:pointer;transition:all .2s}.landing__btn--oauth:hover:not(:disabled){background:#fafafa;border-color:#d4d4d4}.landing__btn--oauth:disabled{opacity:.5;cursor:not-allowed}.landing__btn--oauth svg{flex-shrink:0}.landing__auth-divider{display:flex;align-items:center;gap:16px;margin:24px 0}.landing__auth-divider:before,.landing__auth-divider:after{content:"";flex:1;height:1px;background:#e5e5e5}.landing__auth-divider span{font-size:13px;color:#999;text-transform:uppercase;letter-spacing:.05em}.landing__auth-switch{text-align:center;margin-top:24px;font-size:14px;color:#666}.landing__auth-switch button{background:none;border:none;color:#1a1a1a;cursor:pointer;font-size:14px;font-family:inherit;font-weight:600}.landing__auth-switch button:hover{text-decoration:underline}@media (max-width: 1024px){.landing__hero-inner{grid-template-columns:1fr;gap:60px;text-align:center}.landing__hero-content{max-width:100%}.landing__hero-title{font-size:48px}.landing__hero-actions{justify-content:center}.landing__hero-badge{margin-left:auto;margin-right:auto}.landing__preview{max-width:480px;margin:0 auto;transform:none}.landing__preview:hover{transform:none}.landing__features-grid{grid-template-columns:repeat(2,1fr)}.landing__process-steps{flex-direction:column;align-items:center;gap:32px}.landing__process-connector{width:2px;height:32px;margin:0}}@media (max-width: 768px){.landing__nav-content{padding:12px 20px}.landing__hero{padding:80px 20px 60px}.landing__hero-title{font-size:36px}.landing__hero-subtitle{font-size:16px}.landing__hero-actions{flex-direction:column;gap:12px}.landing__hero-actions .landing__btn{width:100%}.landing__preview-body{height:260px}.landing__preview-panel{display:none}.landing__features{padding:80px 20px}.landing__features-header h2{font-size:28px}.landing__features-grid{grid-template-columns:1fr;gap:20px}.landing__process{padding:60px 20px}.landing__process-header h2{font-size:28px}.landing__cta{padding:60px 20px}.landing__cta h2{font-size:28px}.landing__footer{padding:24px 20px}.landing__footer-content{flex-direction:column;gap:16px;text-align:center}.landing__modal{margin:20px;padding:28px}.landing__nav-actions{gap:8px}.landing__btn{padding:8px 16px;font-size:13px}.landing__btn--ghost{padding:8px 12px}}@media (max-width: 480px){.landing__nav-content{padding:10px 16px}.landing__logo-text{font-size:18px}.landing__logo-img{width:28px;height:28px}.landing__nav-actions .landing__btn--ghost{display:none}.landing__hero{padding:70px 16px 40px}.landing__hero-badge{font-size:11px;padding:6px 12px}.landing__hero-title{font-size:28px;line-height:1.15}.landing__hero-subtitle{font-size:14px;line-height:1.5}.landing__btn--lg{padding:14px 24px;font-size:15px}.landing__preview{margin-top:32px;transform:none}.landing__preview-header{padding:10px 14px}.landing__preview-body{height:200px}.landing__preview-sidebar{width:40px}.landing__preview-tool{width:24px;height:24px}.landing__features{padding:60px 16px}.landing__features-header h2{font-size:24px}.landing__features-header p{font-size:14px}.landing__feature{padding:24px 20px}.landing__feature-icon{width:44px;height:44px}.landing__feature h3{font-size:16px}.landing__feature p{font-size:13px}.landing__process{padding:48px 16px}.landing__process-header h2{font-size:24px}.landing__process-step{padding:20px}.landing__process-number{width:36px;height:36px;font-size:16px}.landing__process-step h3{font-size:16px}.landing__process-step p{font-size:13px}.landing__cta{padding:48px 16px;border-radius:20px;margin:0 16px 48px}.landing__cta h2{font-size:24px}.landing__cta p{font-size:14px}.landing__footer{padding:20px 16px}.landing__footer-brand .landing__logo-text{font-size:16px}.landing__footer-links{gap:16px}.landing__footer-links a{font-size:13px}.landing__modal{margin:16px;padding:24px 20px;border-radius:16px;max-height:calc(100vh - 32px);overflow-y:auto}.landing__modal-header h2{font-size:22px}.landing__modal-header p{font-size:13px}.landing__btn--oauth{padding:12px 16px;font-size:14px}.landing__form-group label{font-size:13px}.landing__form-group input{padding:12px 14px;font-size:15px}.landing__auth-switch{font-size:13px}}@media (hover: none) and (pointer: coarse){.landing__btn{min-height:44px;min-width:44px}.landing__btn--lg{min-height:52px}.landing__form-group input{min-height:48px;font-size:16px}.landing__btn--oauth{min-height:48px}.landing__footer-links a{padding:8px 0;display:inline-block}.landing__btn:hover{transform:none}.landing__btn--primary:hover{background:#1a1a1a;box-shadow:0 1px 2px #0000000d}.landing__feature:hover{transform:none;box-shadow:0 2px 12px #0000000a}.landing__preview:hover{transform:none}.landing__btn:active{transform:scale(.98);opacity:.9}.landing__feature:active{transform:scale(.99);background:#f8f6f2}}@media (max-height: 500px) and (orientation: landscape){.landing__hero{padding:60px 20px 40px}.landing__hero-inner{flex-direction:row;align-items:center}.landing__hero-content{max-width:50%}.landing__hero-visual{max-width:45%}.landing__hero-title{font-size:28px}.landing__preview-body{height:180px}.landing__modal{max-height:90vh}}@media (-webkit-min-device-pixel-ratio: 2),(min-resolution: 192dpi){.landing__logo-img{image-rendering:-webkit-optimize-contrast}}@media (prefers-reduced-motion: reduce){.landing__preview-object{animation:none}.landing__btn,.landing__feature,.landing__preview{transition:none}}@supports (padding: env(safe-area-inset-bottom)){.landing__nav-content{padding-left:max(16px,env(safe-area-inset-left));padding-right:max(16px,env(safe-area-inset-right))}.landing__footer{padding-bottom:max(24px,env(safe-area-inset-bottom))}.landing__modal{margin-bottom:max(20px,env(safe-area-inset-bottom))}}.billing-page{min-height:100vh;background:linear-gradient(180deg,#faf8f5,#f5f0e8,#ede6db);color:#1a1a1a;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.billing-page__header{background:linear-gradient(135deg,#1a1a1a,#2d2926);padding:24px 32px 48px;color:#f5f5f5;position:relative;overflow:hidden}.billing-page__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top right,rgba(212,165,116,.15) 0%,transparent 60%);pointer-events:none}.billing-page__header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:relative;z-index:1}.billing-page__brand{display:flex;align-items:center;gap:12px}.billing-page__logo-img{height:36px;width:auto}.billing-page__logo-text{font-size:22px;font-weight:600;letter-spacing:-.5px;background:linear-gradient(135deg,#d4a574,#e8c9a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.billing-page__back-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.billing-page__back-btn:hover{background:#ffffff26;border-color:#ffffff40}.billing-page__header-content{position:relative;z-index:1}.billing-page__header-content h1{font-size:32px;font-weight:700;margin:0 0 8px;letter-spacing:-.5px}.billing-page__header-content p{margin:0;color:#fff9;font-size:15px}.billing-page__refresh-btn{position:absolute;right:32px;top:50%;transform:translateY(-50%);display:flex;align-items:center;gap:8px;padding:10px 18px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#f5f5f5;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s;z-index:1}.billing-page__refresh-btn:hover:not(:disabled){background:#ffffff26;border-color:#ffffff40}.billing-page__refresh-btn:disabled{opacity:.5;cursor:not-allowed}.billing-page__refresh-btn .spinning{animation:spin 1s linear infinite}.billing-page__section{max-width:900px;margin:0 auto;padding:0 24px}.billing-page__section:first-of-type{margin-top:-24px;position:relative;z-index:1}.billing-page__section h2{font-size:18px;font-weight:600;margin:32px 0 16px;color:#1a1a1a}.billing-page__section-header{display:flex;align-items:center;justify-content:space-between;margin:32px 0 16px}.billing-page__section-header h2{margin:0}.billing-page__period{display:flex;align-items:center;gap:6px;font-size:13px;color:#8b7355;background:#fff;padding:6px 12px;border-radius:20px;box-shadow:0 1px 3px #0000000d}.billing-page__alert{max-width:900px;margin:20px auto;display:flex;align-items:center;gap:12px;padding:14px 18px;border-radius:12px;font-size:14px;font-weight:500}.billing-page__alert button{margin-left:auto;background:none;border:none;color:inherit;font-size:20px;cursor:pointer;opacity:.7;line-height:1}.billing-page__alert button:hover{opacity:1}.billing-page__alert--error{background:#fef2f2;border:1px solid #FECACA;color:#dc2626}.billing-page__alert--success{background:#f0fdf4;border:1px solid #BBF7D0;color:#16a34a}.billing-page__plan-card{display:flex;align-items:center;justify-content:space-between;padding:28px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000d,0 8px 24px #00000008;border:1px solid rgba(0,0,0,.06);border-top:4px solid #D4A574}.billing-page__plan-info{display:flex;align-items:center;gap:28px}.billing-page__plan-badge{padding:8px 20px;border-radius:24px;font-size:13px;font-weight:700;text-transform:uppercase;letter-spacing:.5px}.billing-page__plan-badge[data-tier=free]{background:linear-gradient(135deg,#f5f5f5,#e5e5e5);color:#6b6b6b}.billing-page__plan-badge[data-tier=creator]{background:linear-gradient(135deg,#d4a57433,#e8b98833);color:#b8956a}.billing-page__plan-badge[data-tier=enterprise]{background:linear-gradient(135deg,#60a5fa33,#93c5fd33);color:#3b82f6}.billing-page__plan-price{display:flex;align-items:baseline;gap:2px}.billing-page__plan-amount{font-size:36px;font-weight:700;color:#1a1a1a}.billing-page__plan-interval{font-size:15px;color:#6b6b6b}.billing-page__plan-status{display:flex;align-items:center;gap:6px;font-size:13px;padding:6px 12px;border-radius:20px}.billing-page__plan-status--canceled{background:#fef3c7;color:#d97706}.billing-page__plan-actions{display:flex;gap:12px}.billing-page__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.billing-page__btn--primary{background:linear-gradient(135deg,#d4a574,#c49366);color:#fff;box-shadow:0 2px 8px #d4a5744d}.billing-page__btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#e8b88a,#d4a574);box-shadow:0 4px 12px #d4a57466;transform:translateY(-1px)}.billing-page__btn--outline{background:#fff;border:1px solid rgba(0,0,0,.15);color:#1a1a1a}.billing-page__btn--outline:hover:not(:disabled){background:#faf8f5;border-color:#00000040}.billing-page__btn--ghost{background:transparent;color:#6b6b6b}.billing-page__btn--ghost:hover:not(:disabled){color:#1a1a1a;background:#0000000d}.billing-page__btn--disabled{background:#f5f5f5;color:#a0a0a0;cursor:not-allowed}.billing-page__btn:disabled{opacity:.5;cursor:not-allowed;transform:none}.billing-page__usage-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(280px,1fr));gap:20px;margin-bottom:32px}.billing-page__usage-card{padding:24px;background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s}.billing-page__usage-card:hover{box-shadow:0 1px 3px #0000000d,0 8px 16px #00000014;transform:translateY(-2px)}.billing-page__usage-header{display:flex;align-items:center;gap:14px;margin-bottom:20px}.billing-page__usage-icon{display:flex;align-items:center;justify-content:center;width:48px;height:48px;background:linear-gradient(135deg,#f5f0e8,#ede6db);border-radius:14px}.billing-page__usage-label{font-size:14px;font-weight:500;color:#6b6b6b}.billing-page__usage-value{display:flex;align-items:baseline;gap:6px;margin-bottom:16px}.billing-page__usage-used{font-size:32px;font-weight:700;color:#1a1a1a}.billing-page__usage-separator,.billing-page__usage-limit{font-size:20px;color:#a0a0a0}.billing-page__usage-bar{height:8px;background:#f5f0e8;border-radius:4px;overflow:hidden}.billing-page__usage-progress{height:100%;border-radius:4px;transition:width .3s ease}.billing-page__usage-progress--critical{animation:pulse 1.5s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.billing-page__usage-warning{display:flex;align-items:center;gap:6px;margin-top:14px;padding:8px 12px;background:#fef3c7;border-radius:8px;font-size:12px;font-weight:500;color:#d97706}.billing-page__empty{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:64px;background:#fff;border:2px dashed rgba(0,0,0,.1);border-radius:16px;text-align:center}.billing-page__empty svg{color:#d4a574;opacity:.5;margin-bottom:20px}.billing-page__empty p{margin:0 0 8px;font-size:17px;font-weight:600;color:#1a1a1a}.billing-page__empty span{font-size:14px;color:#6b6b6b}.billing-page__invoices{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000d;border:1px solid rgba(0,0,0,.06);overflow:hidden;margin-bottom:48px}.billing-page__invoice-table{width:100%;border-collapse:collapse}.billing-page__invoice-table th,.billing-page__invoice-table td{padding:16px 24px;text-align:left}.billing-page__invoice-table th{background:#faf8f5;font-size:12px;font-weight:600;color:#6b6b6b;text-transform:uppercase;letter-spacing:.5px}.billing-page__invoice-table td{font-size:14px;color:#1a1a1a;border-top:1px solid rgba(0,0,0,.06)}.billing-page__invoice-table tr:hover td{background:#fafaf8}.billing-page__invoice-status{display:inline-flex;padding:5px 12px;border-radius:20px;font-size:12px;font-weight:600;text-transform:capitalize}.billing-page__invoice-status--paid{background:#dcfce7;color:#16a34a}.billing-page__invoice-status--pending,.billing-page__invoice-status--open{background:#fef3c7;color:#d97706}.billing-page__invoice-status--failed{background:#fee2e2;color:#dc2626}.billing-page__invoice-link{display:inline-flex;align-items:center;gap:6px;color:#d4a574;text-decoration:none;font-size:13px;font-weight:500;padding:6px 12px;border-radius:8px;transition:all .2s}.billing-page__invoice-link:hover{background:#d4a5741a;color:#c49366}.billing-page__modal-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);display:flex;align-items:center;justify-content:center;z-index:1000;padding:24px}.billing-page__modal{background:#fff;border-radius:20px;box-shadow:0 4px 24px #0000001a,0 16px 48px #00000026;width:100%;max-width:960px;max-height:90vh;overflow-y:auto;position:relative}.billing-page__modal-close{position:absolute;top:20px;right:20px;width:36px;height:36px;display:flex;align-items:center;justify-content:center;background:#f5f5f5;border:none;border-radius:10px;color:#6b6b6b;font-size:24px;cursor:pointer;transition:all .2s;z-index:1}.billing-page__modal-close:hover{background:#ede6db;color:#1a1a1a}.billing-page__modal-header{padding:40px 40px 28px;text-align:center;border-bottom:1px solid rgba(0,0,0,.06)}.billing-page__modal-header h2{font-size:28px;font-weight:700;margin:0 0 8px;color:#1a1a1a;letter-spacing:-.5px}.billing-page__modal-header p{color:#6b6b6b;margin:0 0 28px;font-size:15px}.billing-page__interval-toggle{display:inline-flex;background:#f5f0e8;border-radius:12px;padding:4px}.billing-page__interval-toggle button{display:flex;align-items:center;gap:8px;padding:10px 24px;background:transparent;border:none;border-radius:10px;color:#6b6b6b;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.billing-page__interval-toggle button.active{background:#fff;color:#1a1a1a;box-shadow:0 2px 8px #00000014}.billing-page__interval-badge{padding:3px 10px;background:linear-gradient(135deg,#16a34a,#22c55e);color:#fff;border-radius:12px;font-size:11px;font-weight:700}.billing-page__plans-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;padding:32px 40px}.billing-page__plan-option{position:relative;padding:28px;background:#fff;border:2px solid #F0F0F0;border-radius:16px;display:flex;flex-direction:column;transition:all .2s}.billing-page__plan-option:hover{border-color:#e0e0e0;box-shadow:0 4px 16px #00000014}.billing-page__plan-option--featured{border-color:#d4a574;background:linear-gradient(180deg,#fff,#faf5ef);box-shadow:0 4px 20px #d4a57433}.billing-page__plan-option--featured:hover{border-color:#c49366;box-shadow:0 8px 28px #d4a57440}.billing-page__plan-option--current{opacity:.7}.billing-page__plan-featured-badge{position:absolute;top:-12px;left:50%;transform:translate(-50%);padding:6px 16px;background:linear-gradient(135deg,#d4a574,#c49366);color:#fff;border-radius:14px;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;box-shadow:0 2px 8px #d4a5744d}.billing-page__plan-option h3{font-size:20px;font-weight:600;margin:0 0 20px;color:#1a1a1a}.billing-page__plan-option-price{display:flex;align-items:baseline;gap:2px;margin-bottom:8px}.billing-page__plan-option-amount{font-size:40px;font-weight:700;color:#1a1a1a}.billing-page__plan-option-interval{font-size:15px;color:#6b6b6b}.billing-page__plan-savings{font-size:13px;font-weight:600;color:#16a34a;margin-bottom:20px}.billing-page__plan-features{list-style:none;padding:0;margin:0 0 28px;flex:1}.billing-page__plan-features li{display:flex;align-items:flex-start;gap:12px;padding:10px 0;font-size:14px;color:#4a4a4a;border-bottom:1px solid rgba(0,0,0,.04)}.billing-page__plan-features li:last-child{border-bottom:none}.billing-page__plan-features li svg{flex-shrink:0;color:#16a34a;margin-top:2px}.billing-page__plan-option .billing-page__btn{width:100%}.billing-page__modal-footer{padding:20px 40px 32px;text-align:center;border-top:1px solid rgba(0,0,0,.06)}.billing-page__modal-footer p{margin:0;font-size:14px;color:#6b6b6b}.billing-page__modal-footer a{color:#d4a574;text-decoration:none;font-weight:500}.billing-page__modal-footer a:hover{text-decoration:underline;color:#c49366}@media (max-width: 900px){.billing-page__plans-grid{grid-template-columns:1fr;max-width:400px;margin:0 auto}.billing-page__plan-option--featured{order:-1}}@media (max-width: 768px){.billing-page__header{padding:20px 20px 40px}.billing-page__header-top{flex-direction:column;align-items:flex-start;gap:16px}.billing-page__refresh-btn{position:relative;right:auto;top:auto;transform:none}.billing-page__header-content h1{font-size:26px}.billing-page__section{padding:0 16px}.billing-page__plan-card{flex-direction:column;gap:20px;align-items:flex-start;padding:24px}.billing-page__plan-info{flex-direction:column;align-items:flex-start;gap:16px}.billing-page__plan-actions{width:100%;flex-direction:column}.billing-page__plan-actions .billing-page__btn{width:100%}.billing-page__usage-grid{grid-template-columns:1fr}.billing-page__modal{margin:16px;max-height:calc(100vh - 32px)}.billing-page__modal-header,.billing-page__plans-grid,.billing-page__modal-footer{padding-left:24px;padding-right:24px}.billing-page__invoice-table{display:block;overflow-x:auto}}@media (max-width: 480px){.billing-page__section-header{flex-direction:column;align-items:flex-start;gap:12px}.billing-page__usage-card{padding:20px}.billing-page__usage-used{font-size:28px}.billing-page__plan-option{padding:24px}.billing-page__plan-option-amount{font-size:32px}}.settings-premium{min-height:100vh;background:linear-gradient(180deg,#faf8f5,#f5f0e8,#ede6db);color:#1a1a1a;padding:0;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif}.settings-premium__header{background:linear-gradient(135deg,#1a1a1a,#2d2926);padding:24px 32px 48px;color:#f5f5f5;position:relative;overflow:hidden}.settings-premium__header:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:radial-gradient(ellipse at top right,rgba(212,165,116,.15) 0%,transparent 60%);pointer-events:none}.settings-premium__header-top{display:flex;justify-content:space-between;align-items:center;margin-bottom:32px;position:relative;z-index:1}.settings-premium__brand{display:flex;align-items:center;gap:12px}.settings-premium__logo-img{height:36px;width:auto}.settings-premium__logo-text{font-size:22px;font-weight:600;letter-spacing:-.5px;background:linear-gradient(135deg,#d4a574,#e8c9a0);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.settings-premium__back-btn{display:flex;align-items:center;gap:6px;padding:10px 16px;background:#ffffff1a;border:1px solid rgba(255,255,255,.15);border-radius:10px;color:#f5f5f5;font-size:14px;font-weight:500;cursor:pointer;transition:all .2s}.settings-premium__back-btn:hover{background:#ffffff26;border-color:#ffffff40}.settings-premium__header-content{position:relative;z-index:1}.settings-premium__header-title{display:flex;align-items:center;gap:16px;margin-bottom:8px}.settings-premium__header-title h1{font-size:32px;font-weight:700;margin:0;letter-spacing:-.5px}.settings-premium__header-content p{margin:0;color:#fff9;font-size:15px}.settings-premium__tier-badge{display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border-radius:20px;font-size:13px;font-weight:600}.settings-premium__tier-badge.tier--free{background:#a0a0a033;color:#a0a0a0}.settings-premium__tier-badge.tier--creator{background:linear-gradient(135deg,#d4a5744d,#e8b9884d);color:#d4a574}.settings-premium__tier-badge.tier--enterprise{background:linear-gradient(135deg,#60a5fa4d,#93c5fd4d);color:#60a5fa}.settings-premium__content{max-width:720px;margin:-24px auto 0;padding:0 24px 48px;position:relative;z-index:1}.settings-premium__card{background:#fff;border-radius:16px;box-shadow:0 1px 3px #0000000d,0 4px 12px #0000000d,0 8px 24px #00000008;margin-bottom:20px;overflow:hidden;border:1px solid rgba(0,0,0,.06);transition:box-shadow .2s,transform .2s}.settings-premium__card:hover{box-shadow:0 1px 3px #0000000d,0 8px 16px #00000014,0 16px 32px #0000000d}.settings-premium__card--profile{border-top:4px solid #D4A574}.settings-premium__card--oauth{border-left:4px solid #4CAF50}.settings-premium__card--danger{border-left:4px solid #F87171}.settings-premium__card-header{display:flex;align-items:flex-start;gap:16px;padding:24px 24px 0}.settings-premium__card-icon{display:flex;align-items:center;justify-content:center;width:44px;height:44px;border-radius:12px;background:linear-gradient(135deg,#f5f0e8,#ede6db);color:#8b7355;flex-shrink:0}.settings-premium__card-icon--oauth{background:linear-gradient(135deg,#e8f5e9,#c8e6c9);color:#4caf50}.settings-premium__card-icon--danger{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#f87171}.settings-premium__card-header h2{font-size:18px;font-weight:600;margin:0 0 4px;color:#1a1a1a}.settings-premium__card-header p{margin:0;font-size:14px;color:#6b6b6b}.settings-premium__card-body{padding:24px}.settings-premium__avatar-section{display:flex;align-items:flex-start;gap:24px;margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(0,0,0,.06)}.settings-premium__avatar{width:80px;height:80px;border-radius:50%;background:linear-gradient(135deg,#d4a574,#c49366);display:flex;align-items:center;justify-content:center;font-size:32px;font-weight:600;color:#fff;flex-shrink:0;overflow:hidden;box-shadow:0 4px 12px #d4a5744d}.settings-premium__avatar img{width:100%;height:100%;object-fit:cover}.settings-premium__avatar-info{flex:1}.settings-premium__field{margin-bottom:0}.settings-premium__field label{display:block;font-size:13px;font-weight:600;color:#6b6b6b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.settings-premium__input{width:100%;padding:14px 16px;background:#faf8f5;border:1px solid rgba(0,0,0,.1);border-radius:10px;color:#1a1a1a;font-size:15px;transition:all .2s}.settings-premium__input:focus{outline:none;border-color:#d4a574;background:#fff;box-shadow:0 0 0 3px #d4a57426}.settings-premium__input::placeholder{color:#a0a0a0}.settings-premium__info-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:20px;margin-bottom:24px}.settings-premium__info-item{padding:16px;background:#faf8f5;border-radius:12px}.settings-premium__info-item label{display:block;font-size:12px;font-weight:600;color:#6b6b6b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.settings-premium__info-value{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:#1a1a1a}.settings-premium__info-value svg{color:#8b7355;flex-shrink:0}.settings-premium__info-value--provider{color:#1a1a1a}.settings-premium__provider-icon{width:20px;height:20px;flex-shrink:0}.settings-premium__provider-icon--github{color:#24292f}.settings-premium__oauth-info{text-align:center;padding:8px 0}.settings-premium__oauth-badge{display:inline-flex;align-items:center;gap:10px;padding:12px 20px;background:linear-gradient(135deg,#e8f5e9,#c8e6c9);border-radius:30px;margin-bottom:16px;font-size:14px;font-weight:500;color:#2e7d32}.settings-premium__oauth-check{color:#4caf50}.settings-premium__oauth-info p{color:#6b6b6b;font-size:14px;line-height:1.6;max-width:400px;margin:0 auto}.settings-premium__oauth-info a{color:#d4a574;text-decoration:none;font-weight:500;display:inline-flex;align-items:center;gap:4px;transition:color .2s}.settings-premium__oauth-info a:hover{color:#c49366;text-decoration:underline}.settings-premium__security-note{color:#6b6b6b;font-size:14px;line-height:1.6;margin:0 0 20px}.settings-premium__toggle-list{margin-bottom:24px}.settings-premium__toggle-item{display:flex;align-items:center;justify-content:space-between;padding:16px 0;border-bottom:1px solid rgba(0,0,0,.06)}.settings-premium__toggle-item:last-child{border-bottom:none;padding-bottom:0}.settings-premium__toggle-item:first-child{padding-top:0}.settings-premium__toggle-info{flex:1;margin-right:16px}.settings-premium__toggle-label{display:block;font-size:15px;font-weight:500;color:#1a1a1a;margin-bottom:4px}.settings-premium__toggle-desc{display:block;font-size:13px;color:#6b6b6b}.settings-premium__switch{position:relative;display:inline-block;width:52px;height:28px;flex-shrink:0}.settings-premium__switch input{opacity:0;width:0;height:0}.settings-premium__switch-slider{position:absolute;cursor:pointer;top:0;left:0;right:0;bottom:0;background:#e0e0e0;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:28px}.settings-premium__switch-slider:before{position:absolute;content:"";height:22px;width:22px;left:3px;bottom:3px;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);border-radius:50%;box-shadow:0 2px 4px #0003}.settings-premium__switch input:checked+.settings-premium__switch-slider{background:linear-gradient(135deg,#d4a574,#c49366)}.settings-premium__switch input:checked+.settings-premium__switch-slider:before{transform:translate(24px)}.settings-premium__theme-section{padding-top:20px;border-top:1px solid rgba(0,0,0,.06)}.settings-premium__theme-section label{display:block;font-size:13px;font-weight:600;color:#6b6b6b;text-transform:uppercase;letter-spacing:.5px;margin-bottom:12px}.settings-premium__theme-options{display:flex;gap:12px}.settings-premium__theme-btn{flex:1;display:flex;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;background:#faf8f5;border:2px solid transparent;border-radius:12px;color:#6b6b6b;font-size:13px;font-weight:500;cursor:pointer;transition:all .2s}.settings-premium__theme-btn:hover{background:#f5f0e8;color:#1a1a1a}.settings-premium__theme-btn.active{background:#fff;border-color:#d4a574;color:#d4a574;box-shadow:0 2px 8px #d4a57433}.settings-premium__danger-content{display:flex;align-items:center;justify-content:space-between;gap:24px}.settings-premium__danger-info h3{font-size:16px;font-weight:600;margin:0 0 6px;color:#f87171}.settings-premium__danger-info p{margin:0;font-size:14px;color:#6b6b6b;line-height:1.5}.settings-premium__btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:14px 24px;font-size:14px;font-weight:600;border-radius:10px;cursor:pointer;transition:all .2s;border:none;white-space:nowrap}.settings-premium__btn--primary{background:linear-gradient(135deg,#d4a574,#c49366);color:#fff;box-shadow:0 2px 8px #d4a5744d}.settings-premium__btn--primary:hover:not(:disabled){background:linear-gradient(135deg,#e8b88a,#d4a574);box-shadow:0 4px 12px #d4a57466;transform:translateY(-1px)}.settings-premium__btn--primary:disabled{opacity:.5;cursor:not-allowed;transform:none}.settings-premium__btn--secondary{background:#fff;color:#1a1a1a;border:1px solid rgba(0,0,0,.15)}.settings-premium__btn--secondary:hover:not(:disabled){background:#faf8f5;border-color:#00000040}.settings-premium__btn--danger{background:#f871711a;border:1px solid rgba(248,113,113,.3);color:#dc2626;flex-shrink:0}.settings-premium__btn--danger:hover:not(:disabled){background:#f8717133;border-color:#f8717180}.settings-premium__btn--danger:disabled{opacity:.5;cursor:not-allowed}.spinning{animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.settings-premium__header{padding:20px 20px 40px}.settings-premium__header-top{flex-direction:column;align-items:flex-start;gap:16px}.settings-premium__header-title h1{font-size:26px}.settings-premium__content{padding:0 16px 32px}.settings-premium__card-header,.settings-premium__card-body{padding:20px}.settings-premium__card-header{padding-bottom:0}.settings-premium__avatar-section{flex-direction:column;align-items:center;text-align:center}.settings-premium__info-grid{grid-template-columns:1fr}.settings-premium__danger-content{flex-direction:column;align-items:flex-start;text-align:left}.settings-premium__danger-content .settings-premium__btn{width:100%;margin-top:8px}.settings-premium__theme-options{flex-direction:column}}@media (max-width: 480px){.settings-premium__header-title{flex-direction:column;align-items:flex-start;gap:12px}.settings-premium__avatar{width:64px;height:64px;font-size:24px}.settings-premium__card{border-radius:12px}.settings-premium__toggle-item{flex-direction:column;align-items:flex-start;gap:12px}.settings-premium__toggle-info{margin-right:0}}