@import"https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&family=JetBrains+Mono:wght@400;500;600&family=Montserrat:wght@600;700;800;900&display=swap";:root{--bg-canvas: #0b0d13;--bg-surface-1: #12151f;--bg-surface-2: #1a1e2c;--bg-surface-3: #24293c;--bg-surface-4: #2a3046;--border-subtle: #222738;--border-default: #2e354b;--border-active: #4f46e5;--text-primary: #f8fafc;--text-secondary: #94a3b8;--text-muted: #64748b;--primary-500: #6366f1;--primary-600: #4f46e5;--primary-glow: rgba(99, 102, 241, .16);--accent-gold: #f59e0b;--accent-gold-soft: #fbbf24;--accent-gold-glow: rgba(245, 158, 11, .14);--favorite-pink: #ec4899;--success-500: #10b981;--warning-500: #f97316;--danger-500: #ef4444;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-5: 20px;--space-6: 24px;--space-8: 32px;--space-12: 48px;--radius-sm: 4px;--radius-md: 8px;--radius-lg: 12px;--radius-xl: 16px;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .4);--shadow-md: 0 4px 12px -2px rgba(0, 0, 0, .5), 0 2px 6px -2px rgba(0, 0, 0, .3);--shadow-lg: 0 18px 42px -10px rgba(0, 0, 0, .76), 0 8px 20px -8px rgba(0, 0, 0, .55);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;color:var(--text-primary);background:var(--bg-canvas);font-synthesis:none;text-rendering:optimizeLegibility}*{box-sizing:border-box}html,body,#root{min-height:100%;margin:0}body{min-width:320px;background:var(--bg-canvas);font-size:13px}button,input,textarea,select{font:inherit}select{color-scheme:dark}select option{background:#151824;color:var(--text-primary)}button{color:inherit;cursor:pointer}button:focus-visible,input:focus-visible,textarea:focus-visible,select:focus-visible{outline:2px solid #818cf8;outline-offset:2px}input,textarea,select{color:var(--text-primary)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#30374d;border-radius:999px;border:2px solid transparent;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#47516d;border:2px solid transparent;background-clip:padding-box}.app-shell{display:flex;min-height:100vh;background:var(--bg-canvas)}.app-content{min-width:0;flex:1;padding-left:72px}.global-rail{position:fixed;z-index:30;inset:0 auto 0 0;width:72px;display:flex;flex-direction:column;align-items:center;padding:16px 10px 15px;background:#10131c;border-right:1px solid var(--border-subtle)}.rail-brand{display:flex;flex-direction:column;align-items:center;justify-content:center;width:100%;padding-top:4px}.brand-logo-badge{display:grid;place-items:center;cursor:pointer;transition:transform .22s cubic-bezier(.34,1.56,.64,1),filter .22s ease;border-radius:10px}.brand-logo-badge:hover{transform:scale(1.08);filter:drop-shadow(0 0 14px rgba(99,102,241,.6))}.brand-logo-badge svg{display:block}.brand-mark{width:34px;height:34px;display:grid;place-items:center;color:#fff;font-weight:800;font-size:11px;letter-spacing:-.06em;border:1px solid rgba(165,180,252,.58);border-radius:10px;background:linear-gradient(145deg,#818cf8,#4f46e5 58%,#27217f);box-shadow:0 0 20px #6366f147,inset 0 1px #ffffff3d}.brand-mark.small{width:28px;height:28px;border-radius:8px;font-size:10px}.rail-divider{width:30px;height:1px;margin:18px 0 15px;background:var(--border-default)}.rail-nav{display:flex;flex-direction:column;align-items:center;gap:7px;width:100%}.rail-nav-item{position:relative;width:100%;min-height:47px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--text-muted);background:transparent;border:0;border-radius:9px;font-size:9px;letter-spacing:.01em;transition:background .18s,color .18s,transform .18s}.rail-nav-item:hover{color:var(--text-primary);background:#ffffff0b}.rail-nav-item:active{transform:scale(.96)}.rail-nav-item.active{color:#c7d2fe;background:linear-gradient(180deg,#6366f138,#4f46e51a);box-shadow:inset 0 0 0 1px #6366f140}.rail-nav-item.active:before{content:"";position:absolute;left:-10px;top:13px;bottom:13px;width:2px;border-radius:0 4px 4px 0;background:#818cf8;box-shadow:0 0 12px #6366f1}.nav-indicator{position:absolute;right:10px;top:10px;width:5px;height:5px;border-radius:50%;background:var(--success-500);box-shadow:0 0 8px #10b981b3}.rail-spacer{flex:1}.mobile-menu,.mobile-top-brand{display:none}.topbar{position:sticky;z-index:20;top:0;min-height:66px;display:flex;align-items:center;gap:20px;padding:0 20px;background:#12151ff0;border-bottom:1px solid var(--border-subtle);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px)}.topbar-left{min-width:0;display:flex;align-items:center;gap:12px;flex:1.2}.project-switcher{min-width:188px;display:flex;align-items:center;gap:9px;padding:5px 10px 5px 5px;color:var(--text-primary);text-align:left;background:transparent;border:1px solid transparent;border-radius:9px;transition:background .18s,border-color .18s}.project-switcher:hover{background:#ffffff0a;border-color:var(--border-default)}.project-icon{width:30px;height:30px;display:grid;place-items:center;color:#a5b4fc;background:var(--primary-glow);border:1px solid rgba(99,102,241,.22);border-radius:8px}.project-switcher-copy{min-width:0;display:flex;flex-direction:column;gap:2px}.project-switcher-copy small,.eyebrow{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.11em;line-height:1.3;text-transform:uppercase}.project-switcher-copy strong{display:flex;align-items:center;gap:4px;overflow:hidden;max-width:150px;font-size:12px;font-weight:600;white-space:nowrap;text-overflow:ellipsis}.topbar-separator{width:1px;height:26px;background:var(--border-default)}.market-chip{display:inline-flex;align-items:center;gap:6px;min-width:max-content;color:var(--text-primary);font-size:11px;font-weight:500}.market-chip.subtle{color:var(--text-secondary)}.flag-bubble{font-size:16px;filter:saturate(.86)}.topbar-center{width:160px;display:flex;flex-direction:column;gap:5px;padding:0 4px}.top-progress-copy{display:flex;align-items:baseline;justify-content:space-between}.top-progress-copy span{color:var(--text-muted);font-size:9px;font-weight:700;letter-spacing:.1em}.top-progress-copy strong{color:var(--accent-gold-soft);font-family:JetBrains Mono,monospace;font-size:13px}.top-progress-copy em{color:var(--text-muted);font-size:10px;font-style:normal;font-weight:400}.topbar-actions{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex:1.4}.task-pill{min-height:29px;display:inline-flex;align-items:center;gap:6px;color:var(--text-secondary);background:#ffffff09;border:1px solid var(--border-subtle);border-radius:999px;font-size:10px;white-space:nowrap}.task-pill{padding:3px 10px 3px 4px}.task-pill:hover{border-color:var(--border-default);color:var(--text-primary)}.task-orb{width:21px;height:21px;display:grid;place-items:center;color:var(--success-500);border-radius:50%;background:#10b9811f}.task-pill.processing .task-orb{color:#a5b4fc;background:#6366f124}.icon-button{width:32px;height:32px;display:inline-grid;flex:0 0 auto;place-items:center;padding:0;color:var(--text-secondary);background:transparent;border:1px solid transparent;border-radius:7px;transition:color .18s,background .18s,border-color .18s}.icon-button:hover{color:var(--text-primary);background:#ffffff0f;border-color:var(--border-default)}.icon-button.is-active{color:var(--favorite-pink)}.icon-button.is-danger:hover{color:#fca5a5;border-color:#ef444440;background:#ef444414}.header-generate,.header-export{min-height:33px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap}.header-generate{color:#fff;background:linear-gradient(135deg,#7376f7,#4f46e5);border:1px solid rgba(165,180,252,.25);box-shadow:0 0 16px #6366f12e}.header-generate:hover,.primary-button:hover{filter:brightness(1.1);box-shadow:0 0 18px #6366f157}.header-generate span{padding:1px 5px;color:#dbeafe;background:#0a0e2442;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:9px}.header-export{color:#cbd5e1;background:var(--bg-surface-3);border:1px solid var(--border-default)}.header-export:hover{color:var(--text-primary);border-color:#5964a5}.header-export.ready{color:#fcd34d;border-color:#f59e0b6e;background:#f59e0b1a;box-shadow:0 0 14px #f59e0b1a}.primary-button,.secondary-button,.ghost-button,.danger-ghost{min-height:34px;display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;border-radius:7px;font-size:11px;font-weight:600;white-space:nowrap;transition:filter .18s,background .18s,border-color .18s,color .18s,transform .18s,box-shadow .18s}.primary-button{color:#fff;background:linear-gradient(135deg,#7074f4,#4f46e5);border:1px solid rgba(165,180,252,.18);box-shadow:0 3px 10px #3630b440}.primary-button:active,.secondary-button:active{transform:scale(.98)}.secondary-button{color:var(--text-primary);background:var(--bg-surface-3);border:1px solid var(--border-default)}.secondary-button:hover{background:var(--bg-surface-4);border-color:#5964a5}.ghost-button{color:var(--text-secondary);background:transparent;border:1px solid transparent}.ghost-button:hover{color:var(--text-primary);background:#ffffff0e;border-color:var(--border-subtle)}.ghost-button.small{min-height:29px;padding:0 8px;font-size:10px}.ghost-button.tiny{min-height:24px;padding:0 6px;font-size:9px}.danger-ghost{color:#fca5a5;background:transparent;border:1px solid transparent}.danger-ghost:hover{background:#ef444414;border-color:#ef444433}.progress-track{height:5px;overflow:hidden;background:#252b3d;border-radius:999px}.progress-track span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#6366f1,#818cf8);box-shadow:0 0 8px #6366f173;transition:width .45s ease}.progress-track.gold span{background:linear-gradient(90deg,#d97706,#fbbf24);box-shadow:0 0 8px #f59e0b6b}.progress-track.success span{background:linear-gradient(90deg,#059669,#34d399);box-shadow:0 0 8px #10b9816b}.spin{animation:spin 1.05s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.studio-page{height:calc(100vh - 66px);min-height:660px;display:flex;flex-direction:column;overflow:hidden}.studio-context-bar{min-height:58px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border-subtle)}.context-title{display:flex;align-items:center;gap:13px;min-width:0}.context-title>div:last-child{min-width:0}.context-title h1{max-width:420px;overflow:hidden;margin:0;font-size:15px;font-weight:600;letter-spacing:-.01em;text-overflow:ellipsis;white-space:nowrap}.back-link{display:inline-flex;align-items:center;gap:5px;padding:5px 0;color:var(--text-muted);background:none;border:0;font-size:11px}.back-link:hover{color:var(--text-primary)}.context-slash{color:var(--border-default);font-size:18px;font-weight:300}.live-dot{width:5px;height:5px;display:inline-block;border-radius:50%;background:var(--success-500);box-shadow:0 0 7px #10b981b3}.autosave{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:10px}.autosave svg{color:var(--success-500)}.studio-settings-row{min-height:39px;display:flex;align-items:center;justify-content:space-between;padding:0 24px;border-bottom:1px solid var(--border-subtle);background:#12151f7a}.setting-summary{display:flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:10px}.setting-summary strong{color:#dbe3f0;font-size:10px;font-weight:500}.setting-label{color:var(--text-muted);font-size:8px;font-weight:700;letter-spacing:.1em}.summary-separator{width:1px;height:14px;margin:0 5px;background:var(--border-default)}.secondary-language{color:#a5b4fc}.studio-action-row{min-height:75px;display:flex;align-items:center;gap:22px;padding:10px 24px;border-bottom:1px solid var(--border-default);background:linear-gradient(180deg,#1a1e2cdb,#151824d1)}.completion-block{width:242px;flex:0 0 auto}.completion-label{display:flex;justify-content:space-between;align-items:center;margin-bottom:7px}.completion-label span{display:inline-flex;align-items:center;gap:5px;color:var(--text-secondary);font-size:10px;font-weight:500}.completion-label span svg{color:var(--accent-gold)}.completion-label strong{color:var(--accent-gold-soft);font-family:JetBrains Mono,monospace;font-size:14px}.completion-label em{color:var(--text-muted);font-family:Inter,sans-serif;font-size:9px;font-style:normal;font-weight:400}.completion-helper{display:block;margin-top:5px;color:var(--text-muted);font-size:9px}.language-tabs{display:flex;align-items:center;gap:4px;padding-left:20px;border-left:1px solid var(--border-default)}.tabs-overline{margin-right:3px;color:var(--text-muted);font-size:8px;font-weight:700;letter-spacing:.1em}.language-tab,.language-add{min-height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 9px;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:6px;font-size:10px}.language-tab:hover,.language-add:hover{color:var(--text-primary);background:#ffffff0a}.language-tab.active{color:#dbeafe;background:var(--primary-glow);border-color:#6366f147}.language-tab small{color:#a5b4fc;font-size:8px}.language-add{color:var(--text-secondary)}.studio-quick-actions{display:flex;align-items:center;gap:7px;margin-left:auto}.button-count{padding:2px 5px;color:#dbeafe;background:#12133e59;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:9px}.export-button.gold-ready{color:#fcd34d;border-color:#f59e0b66;background:var(--accent-gold-glow)}.studio-viewport{min-height:0;display:flex;flex:1;overflow:hidden}.slot-rail-panel{width:410px;min-width:360px;display:flex;flex-direction:column;overflow:hidden;background:#11141e;border-right:1px solid var(--border-default)}.slot-panel-header{min-height:62px;display:flex;align-items:center;justify-content:space-between;padding:11px 15px 8px;border-bottom:1px solid var(--border-subtle)}.slot-panel-header h2{display:flex;align-items:baseline;gap:6px;margin:4px 0 0;font-size:14px;letter-spacing:-.01em}.slot-panel-header h2 span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400}.add-slot-button{min-height:28px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;color:#a5b4fc;background:var(--primary-glow);border:1px solid rgba(99,102,241,.2);border-radius:6px;font-size:10px;font-weight:600}.add-slot-button:hover{background:#6366f13b;border-color:#6366f166}.slot-panel-subheader{min-height:34px;display:flex;align-items:center;gap:12px;padding:0 15px;color:var(--text-muted);border-bottom:1px solid var(--border-subtle);font-size:9px}.slot-panel-subheader>span{display:inline-flex;align-items:center;gap:5px}.mini-status{width:5px;height:5px;border-radius:50%}.mini-status.green{background:var(--success-500);box-shadow:0 0 6px #10b981a6}.mini-status.amber{background:var(--warning-500)}.sort-slots{display:inline-flex;align-items:center;gap:4px;margin-left:auto;padding:3px 0;color:var(--text-muted);background:transparent;border:0;font-size:9px}.sort-slots:hover{color:var(--text-primary)}.slot-list{min-height:0;display:flex;flex-direction:column;gap:8px;padding:10px 10px 78px;overflow-y:auto}.slot-card{position:relative;flex:0 0 auto;padding:10px 10px 9px;background:linear-gradient(145deg,#1a1e2cf5,#141722f5);border:1px solid var(--border-subtle);border-radius:9px;cursor:pointer;transition:border-color .18s,box-shadow .18s,transform .18s,background .18s}.slot-card:hover{border-color:#3c4561;background:linear-gradient(145deg,#1b2030,#161a27)}.slot-card.has-final{border-color:#f59e0b4d}.slot-card.has-final:hover{border-color:#f59e0b80}.slot-card.selected{border-color:#6366f1d1;box-shadow:inset 0 0 0 1px #6366f133,0 0 20px #3f3daa1c}.slot-card.selected:before{position:absolute;content:"";left:-1px;top:11px;bottom:11px;width:2px;border-radius:0 3px 3px 0;background:#818cf8;box-shadow:0 0 10px #6366f1}.slot-card.has-final.selected{border-color:#f59e0bd1;box-shadow:inset 0 0 0 1px #f59e0b33,0 0 20px #f59e0b1f}.slot-card.has-final.selected:before{background:#fcd34d;box-shadow:0 0 10px #f59e0bb3}.slot-card.is-generating{border-color:#6366f1b8}.slot-card.is-generating:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;border-radius:inherit;background:linear-gradient(100deg,transparent 20%,rgba(129,140,248,.08) 48%,transparent 74%);background-size:200% 100%;animation:shimmer 1.4s infinite}@keyframes shimmer{to{background-position:-200% 0}}.slot-card-header{display:flex;align-items:center;min-width:0;gap:8px}.slot-heading{min-width:0;display:flex;align-items:center;gap:5px;flex:0 1 auto;max-width:145px;overflow:hidden}.slot-number{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:8px;font-weight:600;white-space:nowrap;flex-shrink:0}.slot-heading strong{overflow:hidden;color:#e2e8f0;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.slot-purpose-badge{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;padding:1.5px 6px;border-radius:4px;font-size:11px;font-weight:550;line-height:1.35;white-space:nowrap;letter-spacing:.02em;-webkit-user-select:none;user-select:none;transition:all .18s ease;max-width:105px;overflow:hidden;text-overflow:ellipsis}.slot-purpose-badge.purpose-default,.slot-purpose-badge.purpose-hero{color:#a5b4fc;background:#6366f11f;border:1px solid rgba(99,102,241,.28)}.slot-purpose-badge.purpose-selling-points{color:#fbbf24;background:#f59e0b1f;border:1px solid rgba(245,158,11,.32)}.slot-purpose-badge.purpose-scenario{color:#34d399;background:#10b9811f;border:1px solid rgba(16,185,129,.3)}.slot-purpose-badge.purpose-material{color:#c084fc;background:#c084fc1f;border:1px solid rgba(192,132,252,.3)}.slot-purpose-badge.purpose-dimensions{color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.3)}.slot-purpose-badge.purpose-installation{color:#67e8f9;background:#06b6d41f;border:1px solid rgba(6,182,212,.3)}.slot-purpose-badge.purpose-comparison{color:#f87171;background:#ef44441f;border:1px solid rgba(239,68,68,.3)}.slot-purpose-badge.purpose-packaging{color:#fb923c;background:#f973161f;border:1px solid rgba(249,115,22,.3)}.slot-purpose-badge.purpose-angle{color:#818cf8;background:#818cf81f;border:1px solid rgba(129,140,248,.3)}.slot-purpose-badge.purpose-color{color:#e879f9;background:#e879f91f;border:1px solid rgba(232,121,249,.3)}.slot-purpose-badge.purpose-exploded{color:#f472b6;background:#f472b61f;border:1px solid rgba(244,114,182,.3)}.slot-purpose-badge.purpose-model{color:#facc15;background:#facc151f;border:1px solid rgba(250,204,21,.3)}.slot-purpose-badge.purpose-custom{color:#2dd4bf;background:#2dd4bf1f;border:1px solid rgba(45,212,191,.3)}.slot-purpose-badge:hover{filter:brightness(1.15)}.slot-header-end{display:inline-flex;align-items:center;gap:5px;margin-left:auto;flex-shrink:0;white-space:nowrap}.slot-final-icon{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;color:#fcd34d;background:#f59e0b29;border:1px solid rgba(245,158,11,.45);box-shadow:0 0 8px #f59e0b38;flex-shrink:0;cursor:default;transition:all .2s ease}.slot-final-icon:hover{background:#f59e0b42;border-color:#f59e0bb3;box-shadow:0 0 10px #f59e0b66;transform:scale(1.06)}.slot-status{display:inline-flex;align-items:center;gap:4px;min-width:max-content;color:var(--text-muted);font-size:8px;white-space:nowrap;flex-shrink:0}.slot-status.complete{color:#6ee7b7}.slot-status.warning{color:#fdba74}.slot-status.generating{color:#a5b4fc}.slot-status svg:last-child{color:var(--accent-gold)}.status-dot{width:6px;height:6px;display:inline-block;border-radius:50%;flex-shrink:0}.status-dot.success{background:var(--success-500);box-shadow:0 0 6px #10b981a6}.status-dot.warning{background:var(--warning-500);box-shadow:0 0 6px #f9731680}.status-dot.queued{background:#94a3b8}.status-dot.neutral{background:#475569}.slot-more{width:22px;height:24px;display:grid;place-items:center;padding:0;color:#64748b;background:transparent;border:0;border-radius:5px;flex-shrink:0}.slot-more:hover{color:#f87171;background:#ef44441f}.slot-previews{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin:9px 0 7px}.slot-preview{position:relative;min-width:0;overflow:hidden;aspect-ratio:1.42 / 1;background:#111521;border:1px solid #2a3145;border-radius:5px}.preview-label{position:absolute;z-index:2;top:6px;left:6px;padding:2px 4px;color:#d2dae7;background:#0b0d13ad;border:1px solid rgba(148,163,184,.18);border-radius:3px;font-size:7px;font-weight:700;letter-spacing:.07em}.preview-label.is-final{color:#fcd34d;background:#241604e0;border-color:#f59e0ba6;box-shadow:0 0 8px #f59e0b59}.slot-image{width:100%;height:100%;display:block;object-fit:cover;opacity:.9}.slot-preview:after{content:"";position:absolute;inset:auto 0 0;height:40%;pointer-events:none;background:linear-gradient(transparent,#080a0f70)}.final-preview{border-color:#f59e0b52}.final-preview.empty{display:grid;place-items:center;background:linear-gradient(145deg,#f59e0b0a,#1a1e2c80)}.slot-empty{display:flex;flex-direction:column;align-items:center;gap:5px;color:var(--text-muted);font-size:8px}.final-corner{position:absolute;z-index:2;top:5px;right:5px;width:19px;height:19px;display:grid;place-items:center;color:#fcd34d;background:#472c05c7;border:1px solid rgba(245,158,11,.45);border-radius:50%}.slot-meta-row{display:flex;align-items:center;justify-content:space-between;gap:8px;color:var(--text-muted);font-size:9px}.slot-meta-row>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.score-pill{display:inline-flex;align-items:center;gap:4px;min-width:max-content;padding:3px 5px;color:#6ee7b7;background:#10b9811a;border:1px solid rgba(16,185,129,.16);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10px;font-weight:600}.score-pill.compact{padding:2px 4px;font-size:9px}.score-pill.mid{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b29}.score-pill.bad{color:#fca5a5;background:#ef44441a;border-color:#ef444429}.score-dot{width:4px;height:4px;border-radius:50%;background:currentColor;box-shadow:0 0 5px currentColor}.score-unit{color:inherit;font-family:Inter,sans-serif;font-size:8px;font-weight:500;opacity:.78}.slot-blueprint-row{display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:7px}.blueprint-tags{min-width:0;display:flex;align-items:center;gap:4px;overflow:hidden}.blueprint-tags span{overflow:hidden;max-width:90px;padding:3px 5px;color:#8f9bb1;background:#ffffff0b;border-radius:3px;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.blueprint-tags .inherit-tag{display:inline-flex;align-items:center;gap:3px;color:#a5b4fc;background:#6366f11a}.blueprint-link{display:inline-flex;align-items:center;gap:2px;padding:2px;color:#a5b4fc;background:transparent;border:0;font-size:8px;white-space:nowrap}.blueprint-link:hover{color:#c7d2fe}.slot-card-footer{display:flex;align-items:center;justify-content:space-between;gap:5px;margin-top:9px;padding-top:8px;border-top:1px solid rgba(46,53,75,.68)}.slot-output-count{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:8px;white-space:nowrap}.slot-output-count svg{color:#7c86a4}.footer-divider{width:1px;height:10px;margin:0 2px;background:var(--border-default)}.slot-generate-button{min-height:26px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;color:#c7d2fe;background:#6366f11f;border:1px solid rgba(99,102,241,.2);border-radius:5px;font-size:9px;font-weight:600}.slot-generate-button:hover{color:#fff;background:#6366f13d;border-color:#6366f173}.slot-generate-button.loading{color:#a5b4fc}.gallery-panel{min-width:0;min-height:0;display:flex;flex:1;flex-direction:column;background:#0d1018}.gallery-header{position:relative;flex:0 0 auto;min-height:99px;padding:14px 20px 0;border-bottom:1px solid var(--border-default);background:linear-gradient(180deg,#1a1e2c99,#0d101859)}.gallery-head-title{display:flex;align-items:center;gap:10px}.gallery-icon{width:31px;height:31px;display:grid;place-items:center;color:#a5b4fc;background:var(--primary-glow);border:1px solid rgba(99,102,241,.23);border-radius:8px}.gallery-head-title h2{margin:3px 0 0;font-size:15px;font-weight:600}.gallery-header-actions{position:absolute;top:16px;right:20px;display:flex;align-items:center;gap:4px}.studio-button{color:#c7d2fe;background:#6366f11f;border-color:#6366f13b}.gallery-filter-row{position:absolute;right:20px;bottom:0;left:20px;display:flex;align-items:end;gap:3px;height:38px}.gallery-filter{min-height:32px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;color:var(--text-muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:10px;white-space:nowrap}.gallery-filter:hover{color:var(--text-secondary)}.gallery-filter.active{color:#dbeafe;border-bottom-color:#818cf8}.gallery-filter svg{opacity:.82}.gallery-filter:nth-child(2) svg{color:var(--favorite-pink)}.gallery-filter:nth-child(3) svg{color:var(--accent-gold)}.gallery-filter:nth-child(4) svg{color:var(--warning-500)}.gallery-filter span{min-width:17px;padding:2px 4px;color:var(--text-muted);background:#ffffff0e;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:8px;text-align:center}.gallery-filter.active span{color:#c7d2fe;background:#6366f129}.filter-spacer{flex:1}.density-switcher{display:flex;align-items:center;gap:2px;margin-bottom:4px;padding:2px;background:#ffffff0b;border:1px solid var(--border-subtle);border-radius:6px}.density-switcher button{width:25px;height:23px;display:grid;place-items:center;padding:0;color:var(--text-muted);background:transparent;border:0;border-radius:4px}.density-switcher button:hover{color:var(--text-secondary)}.density-switcher button.active{color:#c7d2fe;background:var(--primary-glow)}.gallery-content{min-height:0;display:flex;flex:1;flex-direction:column;overflow-y:auto;padding:18px 20px 80px}.gallery-context-line{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:15px}.selected-slot-kicker{color:#818cf8;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600;letter-spacing:.1em}.gallery-context-line h2{margin:3px 0 2px;font-size:18px;font-weight:600;letter-spacing:-.02em}.gallery-description{color:var(--text-muted);font-size:10px}.candidate-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;align-content:start}.candidate-grid.density-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}.candidate-grid.density-compare{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px}.candidate-card{min-width:0;overflow:hidden;background:#151927;border:1px solid var(--border-subtle);border-radius:9px;box-shadow:0 2px 5px #00000024;transition:transform .2s,border-color .2s,box-shadow .2s}.candidate-card:hover{transform:translateY(-2px);border-color:#6366f18c;box-shadow:0 8px 22px #00000042,0 0 17px #6366f114}.candidate-card.is-final{border-color:#f59e0bad;box-shadow:0 0 19px #f59e0b17}.candidate-card.has-warning{border-color:#f973165c}.candidate-media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:#171b29;cursor:zoom-in}.candidate-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s ease}.candidate-card:hover .candidate-image{transform:scale(1.035)}.image-fallback{display:grid;place-items:center;color:#64748b;background:radial-gradient(circle at 30% 20%,#2b3354,#141824 68%)}.image-sheen{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,10,16,.48),transparent 24%,transparent 65%,rgba(8,10,16,.72))}.candidate-top-badges{position:absolute;z-index:2;top:9px;left:9px;display:flex;align-items:center;gap:5px}.final-badge,.warning-badge{min-height:21px;display:inline-flex;align-items:center;gap:4px;padding:0 6px;border-radius:4px;font-size:8px;font-weight:700;letter-spacing:.04em}.final-badge{color:#fcd34d;background:#482c04c7;border:1px solid rgba(245,158,11,.48)}.warning-badge{color:#fdba74;background:#4c220bc4;border:1px solid rgba(249,115,22,.42)}.favorite-button{position:absolute;z-index:3;top:8px;right:8px;width:27px;height:27px;display:grid;place-items:center;padding:0;color:#d1d5db;background:#090b1194;border:1px solid rgba(203,213,225,.15);border-radius:50%;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);transition:color .18s,background .18s,transform .18s}.favorite-button:hover{color:#fff;background:#090b11cc;transform:scale(1.06)}.favorite-button.active{color:var(--favorite-pink);border-color:#ec489959;background:#59183fb3}.candidate-bottom{position:absolute;z-index:2;right:8px;bottom:8px;left:8px;display:flex;align-items:center;justify-content:space-between}.candidate-id{color:#cbd5e1;font-family:JetBrains Mono,monospace;font-size:8px;text-shadow:0 1px 5px #000}.candidate-hover-toolbar{position:absolute;z-index:4;right:7px;bottom:35px;left:7px;display:flex;align-items:center;justify-content:center;gap:3px;padding:5px;background:#0b0d13c9;border:1px solid rgba(148,163,184,.17);border-radius:6px;opacity:0;transform:translateY(4px);-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);transition:opacity .2s,transform .2s}.candidate-card:hover .candidate-hover-toolbar{opacity:1;transform:translateY(0)}.candidate-hover-toolbar button{min-width:0;display:inline-flex;align-items:center;gap:4px;padding:5px;overflow:hidden;color:#cbd5e1;background:transparent;border:0;border-radius:4px;font-size:8px;white-space:nowrap}.candidate-hover-toolbar button:hover{color:#fff;background:#ffffff17}.candidate-hover-toolbar button.active-gold{color:#fcd34d}.candidate-hover-toolbar button.active-pink{color:#f9a8d4}.candidate-metadata{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:39px;padding:7px 9px 8px}.metadata-primary,.metadata-secondary{display:flex;align-items:center;gap:5px;min-width:0;color:var(--text-muted);font-size:8px;white-space:nowrap}.metadata-primary span:nth-child(1){color:#a5b4fc}.metadata-primary span:nth-child(3){overflow:hidden;max-width:74px;text-overflow:ellipsis}.metadata-primary i,.metadata-dot{width:3px;height:3px;display:inline-block;flex:0 0 auto;border-radius:50%;background:#475569}.metadata-secondary{color:#77839a}.qa-state{display:inline-flex;align-items:center;gap:3px;color:#6ee7b7}.empty-gallery{min-height:260px;display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);text-align:center;border:1px dashed var(--border-default);border-radius:10px}.empty-icon{width:42px;height:42px;display:grid;place-items:center;margin-bottom:10px;color:#818cf8;background:var(--primary-glow);border-radius:50%}.empty-gallery h3{margin:0 0 5px;color:var(--text-secondary);font-size:13px}.empty-gallery p{margin:0 0 14px;font-size:10px}.page-view{min-height:calc(100vh - 66px);padding:33px clamp(24px,4vw,64px) 65px;overflow:auto;background:radial-gradient(circle at 83% -10%,rgba(72,68,175,.1),transparent 30%),var(--bg-canvas)}.page-intro{display:flex;align-items:flex-end;justify-content:space-between;gap:22px;max-width:1440px;margin:0 auto 28px}.page-intro h1{margin:6px 0 7px;font-size:25px;font-weight:600;letter-spacing:-.04em}.page-intro p{margin:0;color:var(--text-secondary);font-size:12px}.library-toolbar{max-width:1440px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto;border-bottom:1px solid var(--border-default)}.library-tabs{display:flex;align-items:end;gap:4px}.library-tabs button{min-height:37px;display:inline-flex;align-items:center;gap:7px;padding:0 11px;color:var(--text-muted);background:transparent;border:0;border-bottom:2px solid transparent;font-size:11px}.library-tabs button:hover{color:var(--text-secondary)}.library-tabs button.active{color:var(--text-primary);border-bottom-color:#818cf8}.library-tabs button span{padding:2px 5px;color:var(--text-muted);background:#ffffff0d;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:9px}.library-tabs button.active span{color:#c7d2fe;background:#6366f129}.library-search{width:260px;height:33px;display:flex;align-items:center;gap:7px;margin-bottom:5px;padding:0 10px;color:var(--text-muted);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:7px}.library-search:focus-within{border-color:#5964a5;box-shadow:0 0 0 3px #6366f114}.library-search input{min-width:0;flex:1;color:var(--text-primary);background:transparent;border:0;outline:0;font-size:11px}.library-search input::placeholder{color:var(--text-muted)}.filter-line{max-width:1440px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:15px auto 18px}.filter-controls{display:flex;align-items:center;gap:7px}.select-control,.filter-control-button{height:30px;display:inline-flex;align-items:center;gap:6px;padding:0 8px;color:var(--text-secondary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:6px;font-size:10px}.select-control select{-webkit-appearance:none;-moz-appearance:none;appearance:none;min-width:105px;color:inherit;background:transparent;border:0;outline:0;font-size:10px}.select-control select option,select option{color:#0f172a;background:#fff}.filter-control-button{cursor:pointer}.filter-control-button:hover,.select-control:hover{color:var(--text-primary);border-color:#5964a5}.results-count{color:var(--text-muted);font-size:10px}.product-grid{max-width:1680px;display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,340px));gap:14px;margin:0 auto}.product-card{min-width:0;overflow:hidden;background:linear-gradient(145deg,#181c2a,#131722);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-sm);transition:border-color .2s,transform .2s,box-shadow .2s}.product-card:hover{transform:translateY(-2px);border-color:#3c4561;box-shadow:var(--shadow-md)}.product-image-wrap{position:relative;overflow:hidden;height:148px;background:#171b28}.product-card-image{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s}.product-card-image.image-fallback{display:grid;place-items:center;color:var(--text-muted)}.product-card:hover .product-card-image{transform:scale(1.035)}.product-image-gradient{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,#0a0c120d 30%,#0a0c12bf)}.asset-count{position:absolute;right:9px;bottom:8px;display:inline-flex;align-items:center;gap:4px;color:#cbd5e1;font-family:JetBrains Mono,monospace;font-size:9px}.product-card-body{padding:12px 14px 10px}.product-card-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.product-card h3{margin:2px 0 0;overflow:hidden;font-size:14px;font-weight:600;letter-spacing:-.015em;text-overflow:ellipsis;white-space:nowrap}.product-category{margin:3px 0 8px;color:var(--text-muted);font-size:11px}.product-category span{color:var(--border-default);padding:0 3px}.profile-status{width:max-content;display:inline-flex;align-items:center;gap:4px;padding:3px 6px;border-radius:4px;font-size:10px;font-weight:600}.profile-status.ready{color:#6ee7b7;background:#10b9811a}.profile-status.analyzing{color:#c4b5fd;background:#6366f11c}.profile-status.incomplete{color:#fdba74;background:#f973161a}.completion-row{display:flex;justify-content:space-between;margin:8px 0 4px;color:var(--text-muted);font-size:9px}.completion-row strong{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:10px}.product-meta-grid{display:grid;grid-template-columns:.6fr 1.4fr;gap:8px;margin-top:8px}.product-meta-grid div{min-width:0;display:flex;flex-direction:column;gap:2px}.product-meta-grid span{color:var(--text-muted);font-size:8px;font-weight:700;letter-spacing:.08em}.product-meta-grid strong{overflow:hidden;color:var(--text-secondary);font-size:10px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.product-card-footer{display:flex;gap:6px;padding:8px 12px;border-top:1px solid var(--border-subtle)}.card-main-action,.card-edit-action{min-height:28px;display:inline-flex;align-items:center;justify-content:center;gap:5px;border-radius:6px;font-size:11px;font-weight:600}.card-main-action{flex:1;color:#c7d2fe;background:#6366f11f;border:1px solid rgba(99,102,241,.18)}.card-main-action:hover{color:#fff;background:#6366f13d}.card-main-action.attention{color:#fdba74;background:#f973161a;border-color:#f9731636}.card-edit-action{padding:0 8px;color:var(--text-muted);background:transparent;border:1px solid transparent}.card-edit-action:hover{color:var(--text-primary);background:#ffffff0e;border-color:var(--border-subtle)}.card-delete-action{width:28px;height:28px;display:inline-grid;place-items:center;padding:0;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:6px;transition:color .18s,background .18s}.card-delete-action:hover{color:#fca5a5;background:#ef44441a}.new-product-card,.new-project-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;min-height:220px;color:var(--text-secondary);background:#12151f80;border:1px dashed #36405a;border-radius:10px}.new-product-card:hover,.new-project-card:hover{color:var(--text-primary);background:#6366f10f;border-color:#6366f1}.new-product-icon{width:36px;height:36px;display:grid;place-items:center;color:#a5b4fc;background:var(--primary-glow);border-radius:50%}.new-product-card strong,.new-project-card strong{font-size:12px}.new-product-card>span:last-child,.new-project-card>span:last-child{max-width:170px;color:var(--text-muted);font-size:9px;line-height:1.4;text-align:center}.projects-view,.templates-view{max-width:none}.project-summary-strip{max-width:1440px;min-height:118px;display:grid;grid-template-columns:.8fr .9fr .9fr 1.9fr;gap:1px;margin:0 auto 34px;overflow:hidden;background:var(--border-subtle);border:1px solid var(--border-subtle);border-radius:10px}.project-summary-strip>div:not(.project-strip-art){display:flex;flex-direction:column;justify-content:center;gap:5px;padding:20px;background:var(--bg-surface-1)}.project-summary-strip>div strong{font-family:JetBrains Mono,monospace;font-size:24px;letter-spacing:-.06em}.project-summary-strip>div small{color:var(--text-muted);font-size:10px}.positive-text{color:#6ee7b7!important}.project-strip-art{position:relative;display:flex;align-items:center;gap:13px;overflow:hidden;padding:20px 25px;color:#c7d2fe;background:radial-gradient(circle at 75% 20%,rgba(99,102,241,.24),transparent 45%),linear-gradient(135deg,#20244a,#15172e);font-size:11px;line-height:1.5}.project-strip-art svg{color:#a5b4fc}.project-strip-art strong{color:#fff}.section-heading{max-width:1440px;display:flex;align-items:flex-end;justify-content:space-between;gap:16px;margin:0 auto 14px}.section-heading h2{margin:0 0 4px;font-size:16px}.section-heading span{color:var(--text-muted);font-size:10px}.project-grid{max-width:1440px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 auto}.project-card{min-width:0;overflow:hidden;background:linear-gradient(145deg,#191d2c,#141722);border:1px solid var(--border-subtle);border-radius:11px}.project-card:hover{border-color:#424d6b}.project-card-banner{position:relative;height:110px;overflow:hidden;padding:12px}.project-card-banner.violet{background:linear-gradient(135deg,#363176,#171b3d)}.project-card-banner.teal{background:linear-gradient(135deg,#145b61,#152b46)}.project-card-banner.amber{background:linear-gradient(135deg,#6d4517,#2e2332)}.project-market-badge{position:relative;z-index:2;display:inline-flex;padding:4px 7px;color:#fff;background:#090b1252;border:1px solid rgba(255,255,255,.17);border-radius:4px;font-size:9px;font-weight:600}.project-banner-lines{position:absolute;right:-8%;bottom:-60%;width:110%;height:150%;opacity:.55;transform:rotate(-17deg);background:repeating-linear-gradient(90deg,transparent 0 17px,rgba(255,255,255,.08) 18px 19px,transparent 20px 39px)}.project-card-content{padding:15px}.project-card h3{margin:4px 0 8px;font-size:15px}.project-market-line{display:flex;align-items:center;gap:6px;color:var(--text-secondary);font-size:10px}.project-market-line span{color:var(--text-muted)}.project-progress{margin-top:20px}.project-progress>div{display:flex;justify-content:space-between;margin-bottom:6px;color:var(--text-muted);font-size:9px}.project-progress strong{color:#fcd34d;font-family:JetBrains Mono,monospace}.project-card-details{display:flex;justify-content:space-between;margin:14px 0 16px;color:var(--text-muted);font-size:9px}.project-card-details span{display:inline-flex;align-items:center;gap:4px}.project-open-button{width:100%;min-height:31px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;color:#c7d2fe;background:#6366f11c;border:1px solid rgba(99,102,241,.19);border-radius:6px;font-size:10px;font-weight:600}.project-open-button:hover{background:#6366f138}.template-note{max-width:1440px;min-height:62px;display:flex;align-items:center;gap:12px;margin:0 auto 25px;padding:12px 15px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:9px}.note-icon{width:32px;height:32px;display:grid;place-items:center;color:#a5b4fc;background:#6366f129;border-radius:7px}.template-note>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.template-note strong{font-size:11px}.template-note span{color:#9ba7c1;font-size:10px}.template-note .ghost-button{margin-left:auto}.template-grid{max-width:1440px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0 auto}.template-card{overflow:hidden;background:#171b28;border:1px solid var(--border-subtle);border-radius:10px}.template-preview{position:relative;min-height:190px;overflow:hidden;padding:15px}.template-preview.violet{background:linear-gradient(135deg,#27215c,#151c3c)}.template-preview.teal{background:linear-gradient(135deg,#123f4c,#141f39)}.template-preview.amber{background:linear-gradient(135deg,#5c3d1d,#292238)}.template-preview-header{display:flex;justify-content:space-between;position:relative;z-index:2;color:#c7d2fe;font-family:JetBrains Mono,monospace;font-size:8px;letter-spacing:.1em}.template-preview-header span:last-child{color:#fcd34d}.template-preview-grid{position:relative;z-index:2;display:grid;grid-template-columns:repeat(3,1fr);gap:7px;width:75%;margin:24px auto 0}.template-preview-grid span{min-height:36px;display:flex;align-items:flex-end;justify-content:flex-end;padding:5px;color:#e2e8f094;background:#ffffff14;border:1px solid rgba(255,255,255,.1);border-radius:4px;font-family:JetBrains Mono,monospace;font-size:8px}.template-preview-grid span.featured{min-height:80px;grid-column:span 2;grid-row:span 2;color:#fcd34d;background:#ffffff24;border-color:#f59e0b66}.template-preview-glow{position:absolute;right:-15%;bottom:-35%;width:70%;height:90%;border-radius:50%;background:#818cf842;filter:blur(30px)}.template-card-body{padding:16px}.template-market{color:#818cf8;font-family:JetBrains Mono,monospace;font-size:9px;font-weight:600}.template-card-body h3{margin:5px 0 8px;font-size:14px}.template-card-body p{min-height:46px;margin:0 0 15px;color:var(--text-secondary);font-size:10px;line-height:1.55}.template-meta{display:flex;gap:15px;margin-bottom:15px;color:var(--text-muted);font-size:9px}.template-meta span{display:inline-flex;align-items:center;gap:4px}.full-width{width:100%}.modal-backdrop,.drawer-backdrop,.lightbox-backdrop{position:fixed;z-index:60;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;padding:20px;background:#04060cc2;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);animation:fade-in .18s ease-out}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal-shell{width:min(880px,100%);max-height:calc(100vh - 40px);display:flex;flex-direction:column;overflow:hidden;background:#171b28;border:1px solid #3b4561;border-radius:13px;box-shadow:var(--shadow-lg);animation:modal-in .22s ease-out}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-header,.drawer-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:20px 23px 18px;border-bottom:1px solid var(--border-subtle)}.modal-title-wrap{display:flex;align-items:flex-start;gap:11px;min-width:0}.modal-icon{width:34px;height:34px;display:grid;place-items:center;flex:0 0 auto;color:#c7d2fe;background:var(--primary-glow);border:1px solid rgba(99,102,241,.25);border-radius:8px}.modal-header h2,.drawer-heading h2{display:flex;align-items:center;gap:7px;margin:4px 0 5px;font-size:17px;letter-spacing:-.025em}.modal-header p,.drawer-heading p{max-width:600px;margin:0;color:var(--text-secondary);font-size:10px;line-height:1.5}.wizard-progress{position:relative;display:grid;grid-template-columns:repeat(4,1fr);padding:18px 82px 17px;border-bottom:1px solid var(--border-subtle)}.wizard-progress-line{position:absolute;top:31px;right:114px;left:114px;height:1px;background:var(--border-default)}.wizard-progress-line i{display:block;height:100%;background:#6366f1;transition:width .25s}.wizard-step{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted)}.wizard-step span{width:25px;height:25px;display:grid;place-items:center;color:var(--text-muted);background:#171b28;border:1px solid var(--border-default);border-radius:50%;font-family:JetBrains Mono,monospace;font-size:10px}.wizard-step small{font-size:9px}.wizard-step.active{color:#c7d2fe}.wizard-step.active span{color:#fff;background:#4f46e5;border-color:#818cf8;box-shadow:0 0 13px #6366f159}.wizard-step.done{color:#6ee7b7}.wizard-step.done span{color:#6ee7b7;background:#10b9811a;border-color:#10b98159}.wizard-body{min-height:450px;overflow-y:auto}.wizard-step-content{min-height:450px;padding:25px 28px}.wizard-section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:15px;margin-bottom:20px}.wizard-section-heading h3{margin:5px 0;font-size:16px}.wizard-section-heading p{margin:0;color:var(--text-secondary);font-size:10px}.wizard-search{min-width:156px;height:31px;display:flex;align-items:center;gap:6px;padding:0 8px;color:var(--text-muted);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:6px;font-size:10px}.wizard-product-list{display:grid;grid-template-columns:1fr 1fr;gap:8px}.wizard-product-option{position:relative;min-width:0;display:flex;align-items:center;gap:10px;padding:8px;color:var(--text-primary);text-align:left;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:8px}.wizard-product-option:hover{border-color:#4d5b88}.wizard-product-option.selected{background:#6366f117;border-color:#6366f1;box-shadow:inset 0 0 0 1px #6366f124}.wizard-product-image{width:54px;height:54px;flex:0 0 auto;object-fit:cover;border-radius:6px}.wizard-product-copy{min-width:0;display:flex;flex-direction:column;gap:4px}.wizard-product-copy strong{overflow:hidden;font-size:10px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.wizard-product-copy small{overflow:hidden;color:var(--text-muted);font-size:8px;text-overflow:ellipsis;white-space:nowrap}.mini-profile{display:inline-flex;align-items:center;gap:3px;width:max-content;font-size:8px}.mini-profile.ready{color:#6ee7b7}.mini-profile.analyzing,.mini-profile.incomplete{color:#fdba74}.wizard-radio{width:19px;height:19px;display:grid;place-items:center;flex:0 0 auto;margin-left:auto;color:#fff;border:1px solid #5964a5;border-radius:50%}.wizard-product-option.selected .wizard-radio{background:#6366f1;border-color:#818cf8}.wizard-selected-strip{display:flex;align-items:center;gap:8px;margin-top:14px;padding:10px 12px;color:#a5b4fc;background:#6366f114;border:1px solid rgba(99,102,241,.18);border-radius:7px;font-size:10px}.wizard-selected-strip strong{color:#c7d2fe}.wizard-selected-strip svg:last-child{margin-left:auto}.country-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.country-option{min-height:62px;display:flex;align-items:center;gap:8px;padding:9px;color:var(--text-primary);text-align:left;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:7px}.country-option:hover{border-color:#4d5b88}.country-option.selected{background:#6366f11a;border-color:#6366f1}.country-flag{font-size:19px}.country-option>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:4px}.country-option strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.country-option small{color:var(--text-muted);font-size:8px}.country-option>svg{margin-left:auto;color:#a5b4fc}.wizard-market-details{margin-top:17px;padding:13px 14px;background:linear-gradient(135deg,#10b98112,#6366f10f);border:1px solid rgba(16,185,129,.17);border-radius:8px}.market-detail-heading{display:flex;align-items:center;gap:8px}.market-detail-icon{width:29px;height:29px;display:grid;place-items:center;color:#6ee7b7;background:#10b9811f;border-radius:6px}.market-detail-heading>div:nth-child(2){display:flex;flex-direction:column;gap:3px}.market-detail-heading strong{font-size:10px}.market-detail-heading .ghost-button{margin-left:auto}.market-detail-columns{display:grid;grid-template-columns:repeat(3,1fr);gap:14px;margin-top:15px;padding-top:12px;border-top:1px solid rgba(148,163,184,.12)}.market-detail-columns div{min-width:0}.market-detail-columns span{color:var(--text-muted);font-size:8px;font-weight:700;letter-spacing:.08em}.market-detail-columns p{margin:5px 0 0;color:#c5d0e0;font-size:9px;line-height:1.45}.field-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.field-label{display:flex;flex-direction:column;gap:6px;color:var(--text-secondary);font-size:10px}.field-label input,.field-label textarea,.field-label select,.layer-field input,.badge-row input,.badge-row select{width:100%;padding:9px 10px;color:var(--text-primary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:6px;outline:0;font-size:11px;resize:vertical}.field-label input:focus,.field-label textarea:focus,.field-label select:focus,.layer-field input:focus{border-color:#6366f1;box-shadow:0 0 0 3px #6366f117}.language-mode-card{margin-top:18px;padding:15px;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:8px}.language-mode-heading{display:flex;align-items:center;gap:9px;padding-bottom:12px;border-bottom:1px solid var(--border-subtle)}.language-mode-heading>svg{color:#a5b4fc}.language-mode-heading div{display:flex;flex-direction:column;gap:3px}.language-mode-heading strong{font-size:11px}.language-mode-heading span{color:var(--text-muted);font-size:9px}.mode-options{display:grid;gap:6px;padding:12px 0;border-bottom:1px solid var(--border-subtle)}.mode-option{display:flex;align-items:center;gap:9px;padding:9px;color:var(--text-secondary);text-align:left;background:transparent;border:1px solid transparent;border-radius:6px}.mode-option:hover{background:#ffffff09}.mode-option.selected{color:#dbeafe;background:#6366f114;border-color:#6366f133}.mode-radio{width:13px;height:13px;flex:0 0 auto;border:1px solid #64748b;border-radius:50%}.mode-option.selected .mode-radio{border:4px solid #818cf8}.mode-option div{display:flex;flex-direction:column;gap:3px}.mode-option strong{font-size:10px}.mode-option small{color:var(--text-muted);font-size:8px}.mode-option>svg{margin-left:auto;color:#6ee7b7}.mode-option:not(.selected)>svg{color:var(--text-muted)}.toggle-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding-top:12px}.toggle-row span:first-child{display:flex;flex-direction:column;gap:3px}.toggle-row strong{color:var(--text-secondary);font-size:10px}.toggle-row small{color:var(--text-muted);font-size:8px}.toggle{position:relative;width:33px;height:19px;flex:0 0 auto;padding:2px;background:#333b53;border:0;border-radius:999px;transition:background .18s}.toggle span{display:block;width:15px;height:15px;background:#94a3b8;border-radius:50%;transition:transform .18s,background .18s}.toggle.on{background:#4f46e5}.toggle.on span{background:#fff;transform:translate(14px)}.wizard-default-grid{display:grid;grid-template-columns:1fr 1fr;gap:14px}.default-setting{min-height:112px;display:flex;flex-direction:column;gap:8px;padding:13px;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:7px}.segmented-control{display:flex;padding:2px;background:#22283a;border-radius:5px}.segmented-control button{flex:1;min-height:27px;color:var(--text-muted);background:transparent;border:0;border-radius:4px;font-size:9px}.segmented-control button.active{color:#e0e7ff;background:#4f46e5}.default-setting>small{margin-top:auto;color:var(--text-muted);font-size:8px}.select-block{min-height:30px;display:flex;align-items:center;justify-content:space-between;padding:0 8px;color:var(--text-secondary);background:#22283a;border:1px solid var(--border-default);border-radius:5px;font-size:9px}.select-block span{display:inline-flex;align-items:center;gap:5px}.select-block:hover{color:var(--text-primary);border-color:#5964a5}.wizard-summary{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-top:17px;padding:12px;background:#10b9810f;border:1px solid rgba(16,185,129,.16);border-radius:7px}.summary-product{display:flex;align-items:center;gap:9px}.summary-product-image{width:39px;height:39px;object-fit:cover;border-radius:5px}.summary-product>div{display:flex;flex-direction:column;gap:3px}.summary-product strong{font-size:11px}.summary-product>div>span:last-child{color:var(--text-secondary);font-size:9px}.summary-cost{display:flex;flex-direction:column;align-items:flex-end;gap:4px;color:var(--text-muted);font-size:9px}.summary-cost strong{color:#6ee7b7;font-family:JetBrains Mono,monospace;font-size:17px}.summary-cost small{color:var(--text-secondary);font-family:Inter,sans-serif;font-size:9px;font-weight:400}.wizard-footer,.drawer-footer,.modal-footer{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:12px 23px;background:#12151fbf;border-top:1px solid var(--border-subtle)}.wizard-footer-right{display:flex;gap:7px}.drawer-backdrop{justify-content:flex-end;padding:0}.side-drawer{width:min(720px,100%);height:100%;display:flex;flex-direction:column;overflow:hidden;background:#171b28;border-left:1px solid #3b4561;box-shadow:-18px 0 44px #00000073;animation:drawer-in .24s ease-out}@keyframes drawer-in{0%{transform:translate(28px);opacity:.5}to{transform:translate(0);opacity:1}}.drawer-heading{padding:22px 25px 18px}.drawer-heading h2{font-size:18px}.drawer-tabs{display:flex;align-items:end;gap:3px;min-height:46px;padding:0 25px;border-bottom:1px solid var(--border-default)}.drawer-tabs button{position:relative;min-height:40px;display:inline-flex;align-items:center;gap:6px;padding:0 10px;color:var(--text-muted);background:transparent;border:0;font-size:10px}.drawer-tabs button:hover{color:var(--text-secondary)}.drawer-tabs button.active{color:#dbeafe}.drawer-tabs button.active>span{position:absolute;right:10px;bottom:-1px;left:10px;height:2px;background:#818cf8;box-shadow:0 0 9px #6366f1}.drawer-content{min-height:0;flex:1;overflow-y:auto}.editor-tab{padding:25px}.editor-section-intro{margin-bottom:21px}.editor-section-intro h3{margin:5px 0;font-size:16px}.editor-section-intro p{margin:0;color:var(--text-secondary);font-size:10px}.editor-fields{display:flex;flex-direction:column;gap:13px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px}.selling-points{margin-top:24px;padding-top:19px;border-top:1px solid var(--border-subtle)}.editor-section-title,.copy-version-heading,.layers-heading{display:flex;align-items:center;justify-content:space-between;gap:12px}.editor-section-title>div,.copy-version-heading>div,.layers-heading>div{display:flex;flex-direction:column;gap:3px}.editor-section-title strong,.copy-version-heading strong,.layers-heading strong{font-size:11px}.editor-section-title span,.copy-version-heading span,.layers-heading span{color:var(--text-muted);font-size:9px}.selling-point-row{display:flex;align-items:center;gap:8px;margin-top:8px}.selling-point-row>span{width:22px;color:#818cf8;font-family:JetBrains Mono,monospace;font-size:9px}.selling-point-row input,.selling-point-add input{min-width:0;flex:1;padding:8px 9px;color:var(--text-primary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:5px;outline:0;font-size:10px}.selling-point-row button{width:25px;height:25px;display:grid;place-items:center;padding:0;color:var(--text-muted);background:transparent;border:0}.selling-point-row button:hover{color:#fca5a5}.selling-point-add{display:flex;align-items:center;gap:8px;margin-top:8px;padding-left:30px;color:var(--text-muted)}.selling-point-add input{padding:7px 9px;background:transparent;border-style:dashed}.asset-upload-banner{display:flex;align-items:center;gap:11px;margin-bottom:17px;padding:13px;background:#6366f112;border:1px dashed rgba(129,140,248,.5);border-radius:8px}.upload-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:#6366f129;border-radius:7px}.asset-upload-banner>div:nth-child(2){display:flex;flex-direction:column;gap:4px}.asset-upload-banner strong{font-size:10px}.asset-upload-banner span{color:var(--text-muted);font-size:8px}.asset-upload-banner .secondary-button{margin-left:auto;min-height:28px;font-size:9px}.asset-matrix{display:grid;grid-template-columns:repeat(3,1fr);gap:9px}.asset-cell{position:relative;min-height:119px;display:flex;flex-direction:column;align-items:stretch;justify-content:flex-end;gap:7px;overflow:hidden;padding:0 8px 8px;color:var(--text-secondary);text-align:left;background:var(--bg-surface-1);border:1px dashed #39435d;border-radius:7px}.asset-cell:hover{border-color:#818cf8}.asset-cell.required{border-color:#6366f199}.asset-cell.filled{border-style:solid}.asset-cell-image{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover;opacity:.73}.asset-cell:after{content:"";position:absolute;top:35%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#090b11f2)}.asset-cell-empty{position:absolute;top:33px;right:0;left:0;display:grid;place-items:center;color:#52617e}.asset-cell-label{position:relative;z-index:2;font-size:9px}.asset-cell-label em{color:#818cf8;font-style:normal}.asset-cell-check{position:absolute;z-index:2;top:7px;right:7px;color:#6ee7b7}.profile-report{display:flex;align-items:flex-start;gap:10px;margin-bottom:23px;padding:12px;background:#6366f114;border:1px solid rgba(99,102,241,.21);border-radius:8px}.profile-report-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:#6366f129;border-radius:6px}.profile-report>div:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.profile-report strong{font-size:10px}.profile-report p{margin:0;color:var(--text-muted);font-size:9px;line-height:1.45}.profile-report .ghost-button{align-self:center}.lock-matrix{overflow:hidden;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:8px}.lock-matrix-head,.lock-matrix-row{display:grid;grid-template-columns:1.6fr repeat(3,.7fr);align-items:center;gap:5px}.lock-matrix-head{min-height:39px;padding:0 12px;color:var(--text-muted);background:#ffffff06;border-bottom:1px solid var(--border-subtle);font-size:8px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.lock-matrix-head span:not(:first-child){display:flex;align-items:center;gap:4px}.lock-matrix-head strong{width:6px;height:6px;border-radius:50%}.strict-dot{background:#ef4444}.medium-dot{background:#f59e0b}.free-dot{background:#10b981}.lock-matrix-row{min-height:43px;padding:0 12px;border-bottom:1px solid rgba(46,53,75,.6)}.lock-matrix-row:last-child{border-bottom:0}.lock-matrix-row>span{overflow:hidden;color:var(--text-secondary);font-size:9px;text-overflow:ellipsis;white-space:nowrap}.lock-matrix-row button{width:25px;height:23px;display:grid;place-items:center;justify-self:center;padding:0;color:transparent;background:transparent;border:1px solid var(--border-default);border-radius:50%}.lock-matrix-row button:hover{border-color:#64748b}.lock-matrix-row button.chosen.strict{color:#fca5a5;background:#ef444421;border-color:#ef444480}.lock-matrix-row button.chosen.medium{color:#fcd34d;background:#f59e0b21;border-color:#f59e0b80}.lock-matrix-row button.chosen.free{color:#6ee7b7;background:#10b98121;border-color:#10b98180}.blueprint-drawer{width:min(610px,100%)}.blueprint-drawer .drawer-heading h2{color:#dbeafe}.blueprint-preview{position:relative;aspect-ratio:1.75 / 1;margin:18px 24px 0;overflow:hidden;background:#111522;border:1px solid var(--border-default);border-radius:8px}.blueprint-image{width:100%;height:100%;display:block;object-fit:cover;filter:saturate(.72) brightness(.74)}.blueprint-preview:after{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:linear-gradient(90deg,rgba(99,102,241,.11),transparent 50%,rgba(16,185,129,.06))}.blueprint-overlay{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0}.blueprint-box{position:absolute;display:flex;align-items:center;justify-content:center;color:#bfdbfe;border:1px dashed #818cf8;background:#6366f11a;font-family:JetBrains Mono,monospace;font-size:8px}.blueprint-box.text{top:14%;bottom:16%;left:5%;width:32%}.blueprint-box.product{top:20%;bottom:14%;right:13%;width:43%;color:#a7f3d0;border-color:#34d399;background:#10b98117}.blueprint-box.badge{bottom:11%;left:9%;width:18%;height:18%;color:#fcd34d;border-color:#f59e0b;border-radius:50%;background:#f59e0b17;font-size:7px}.blueprint-caption{position:absolute;z-index:3;right:8px;bottom:7px;left:8px;display:flex;align-items:center;justify-content:space-between}.blueprint-caption>span{display:inline-flex;align-items:center;gap:4px;color:#a7f3d0;font-size:8px}.blueprint-sections{padding:19px 24px 90px;overflow-y:auto}.blueprint-section{padding:0 0 17px;border-bottom:1px solid var(--border-subtle)}.blueprint-section+.blueprint-section{padding-top:17px}.blueprint-section-head{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.blueprint-section-head>div{display:flex;flex-direction:column;gap:4px}.blueprint-section-head strong{font-size:11px}.confidence,.inherit-count{color:#6ee7b7;font-family:JetBrains Mono,monospace;font-size:9px}.inherit-count{color:#a5b4fc}.blueprint-facts{display:grid;grid-template-columns:repeat(3,1fr);gap:9px;margin-top:12px}.blueprint-facts span{display:flex;flex-direction:column;gap:4px;color:var(--text-secondary);font-size:9px;line-height:1.4}.blueprint-facts strong{color:var(--text-muted);font-size:8px;font-weight:500}.inherit-switchboard{margin-top:19px}.inherit-row{width:100%;min-height:46px;display:flex;align-items:center;gap:9px;padding:5px 0;color:var(--text-secondary);background:transparent;border:0;border-bottom:1px solid rgba(46,53,75,.55);text-align:left}.inherit-row:hover{color:var(--text-primary)}.inherit-row>span:nth-child(2){min-width:0;display:flex;flex-direction:column;gap:3px}.inherit-row strong{font-size:10px;font-weight:500}.inherit-row small{color:var(--text-muted);font-size:8px}.inherit-row>svg{margin-left:auto;color:var(--text-muted)}.switch{position:relative;width:28px;height:16px;flex:0 0 auto;padding:2px;background:#30384e;border-radius:999px;transition:background .18s}.switch i{display:block;width:12px;height:12px;background:#94a3b8;border-radius:50%;transition:transform .18s,background .18s}.switch.on{background:#4f46e5}.switch.on i{background:#fff;transform:translate(12px)}.lightbox-backdrop{z-index:80;padding:25px}.lightbox-shell{width:min(1450px,100%);height:min(850px,100%);min-height:540px;display:flex;flex-direction:column;overflow:hidden;background:#121620;border:1px solid #3b4561;border-radius:14px;box-shadow:0 26px 70px #000000c2;animation:modal-in .22s ease-out}.lightbox-header{min-height:57px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 18px;border-bottom:1px solid var(--border-subtle)}.lightbox-breadcrumb,.lightbox-nav{display:flex;align-items:center;gap:10px}.lightbox-breadcrumb>button,.lightbox-nav>button:not(.icon-button){display:inline-flex;align-items:center;gap:5px;padding:5px;color:var(--text-secondary);background:transparent;border:0;font-size:10px}.lightbox-breadcrumb>button:hover,.lightbox-nav>button:not(.icon-button):hover{color:var(--text-primary)}.lightbox-breadcrumb>span{color:var(--border-default)}.lightbox-breadcrumb strong{font-size:11px}.lightbox-id{color:#818cf8!important;font-family:JetBrains Mono,monospace;font-size:9px!important}.lightbox-nav{gap:4px}.lightbox-body{min-height:0;display:flex;flex:1}.inspect-canvas{min-width:0;display:flex;flex:1;flex-direction:column;padding:18px;background:#0f131d}.inspect-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:13px}.view-mode-tabs{display:flex;padding:2px;background:#1a2030;border:1px solid var(--border-subtle);border-radius:6px}.view-mode-tabs button{min-height:27px;display:inline-flex;align-items:center;gap:5px;padding:0 8px;color:var(--text-muted);background:transparent;border:0;border-radius:4px;font-size:9px}.view-mode-tabs button.active{color:#c7d2fe;background:#6366f130}.zoom-control{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:9px}.compare-stage{position:relative;min-height:0;display:flex;flex:1;overflow:hidden;background:#1b2030;border:1px solid var(--border-default);border-radius:9px}.compare-half{position:relative;width:50%;overflow:hidden}.compare-half.reference-half{border-right:1px solid rgba(255,255,255,.13)}.inspect-image{width:100%;height:100%;display:block;object-fit:cover}.compare-half.reference-half .inspect-image{filter:saturate(.58) brightness(.8)}.compare-label{position:absolute;z-index:3;top:10px;left:10px;padding:4px 6px;color:#cbd5e1;background:#0b0d13b3;border:1px solid rgba(148,163,184,.2);border-radius:4px;font-size:8px;font-weight:700;letter-spacing:.08em}.compare-handle{position:absolute;z-index:5;top:0;bottom:0;left:50%;width:2px;background:#ffffffc2;box-shadow:0 0 10px #0009}.compare-handle span{position:absolute;top:50%;left:50%;width:28px;height:28px;display:grid;place-items:center;color:#e0e7ff;background:#4f46e5;border:2px solid rgba(255,255,255,.82);border-radius:50%;transform:translate(-50%,-50%);box-shadow:0 2px 10px #00000073}.inspect-copy-overlay{position:absolute;z-index:4;top:16%;left:12%;display:flex;flex-direction:column;gap:2px;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.8)}.inspect-copy-overlay strong{font-family:Montserrat,sans-serif;font-size:clamp(18px,3vw,33px);letter-spacing:-.04em}.inspect-copy-overlay span{font-size:10px;font-weight:600}.inspect-copy-overlay i{width:max-content;margin-top:10px;padding:4px 7px;color:#111827;background:#fbbf24;border-radius:3px;font-size:8px;font-style:normal;font-weight:700}.side-by-side-stage{min-height:0;display:grid;grid-template-columns:1fr 1fr;gap:10px;flex:1}.side-by-side-stage>div{position:relative;min-height:0;overflow:hidden;background:#1b2030;border:1px solid var(--border-default);border-radius:8px}.side-by-side-stage .compare-label{top:8px;left:8px}.inspect-canvas-footer{display:flex;align-items:center;gap:14px;min-height:40px;color:var(--text-muted);font-size:9px}.inspect-canvas-footer>span{flex:1;text-align:center}.inspect-toggle{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary);white-space:nowrap}.quality-panel{width:360px;min-width:310px;display:flex;flex-direction:column;overflow-y:auto;padding:19px 20px 14px;background:#171b28;border-left:1px solid var(--border-default)}.quality-panel-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:10px}.quality-panel-heading h2{margin:4px 0 0;font-size:15px}.overall-score{display:flex;align-items:center;gap:13px;margin:21px 0 17px;padding-bottom:17px;border-bottom:1px solid var(--border-subtle)}.score-ring{--score: 330deg;position:relative;width:64px;height:64px;display:grid;place-items:center;flex:0 0 auto;border-radius:50%;background:conic-gradient(#10b981 0 var(--score),#27334a var(--score) 360deg)}.score-ring:before{content:"";position:absolute;width:54px;height:54px;background:#171b28;border-radius:50%}.score-ring>div{position:relative;z-index:1;display:flex;align-items:baseline}.score-ring strong{color:#6ee7b7;font-family:JetBrains Mono,monospace;font-size:19px}.score-ring span{color:var(--text-muted);font-size:8px}.overall-score>div:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.overall-score h3{margin:1px 0 0;font-size:12px}.overall-score p{margin:0;color:var(--text-muted);font-size:9px}.quality-report-row{padding:12px 0;border-bottom:1px solid rgba(46,53,75,.7)}.quality-row-head{display:flex;align-items:center;gap:7px}.quality-row-icon{width:26px;height:26px;display:grid;place-items:center;border-radius:6px}.quality-row-icon.good{color:#6ee7b7;background:#10b9811a}.quality-row-icon.mid{color:#fcd34d;background:#f59e0b1a}.quality-row-icon.bad{color:#fca5a5;background:#ef44441a}.quality-row-head>strong{flex:1;font-size:10px}.quality-score{font-family:JetBrains Mono,monospace;font-size:11px;font-weight:600}.quality-score.good{color:#6ee7b7}.quality-score.mid{color:#fcd34d}.quality-score.bad{color:#fca5a5}.quality-details{display:flex;flex-direction:column;gap:4px;margin:8px 0 0 33px;color:var(--text-muted);font-size:8px}.quality-details span{display:inline-flex;align-items:flex-start;gap:4px}.quality-details svg{flex:0 0 auto;color:#6ee7b7}.quality-actions{display:flex;flex-direction:column;gap:7px;padding-top:17px}.quality-actions>.primary-button{width:100%}.gold-button{color:#211506;background:linear-gradient(135deg,#fbbf24,#d97706);border-color:#fbbf2480;box-shadow:0 0 15px #f59e0b33}.gold-button:hover{box-shadow:0 0 20px #f59e0b59}.quality-action-row{display:flex;gap:6px}.quality-action-row>*{flex:1}.pink-button{color:#f9a8d4;border-color:#ec489947;background:#ec48991a}.localization-backdrop{z-index:70;align-items:stretch;padding:18px}.localization-shell{width:100%;max-width:1470px;height:100%;max-height:930px;display:flex;flex-direction:column;overflow:hidden;background:#151925;border:1px solid #3b4561;border-radius:13px;box-shadow:var(--shadow-lg);animation:modal-in .22s ease-out}.localization-header{min-height:67px;display:flex;align-items:center;justify-content:space-between;gap:15px;padding:0 20px;border-bottom:1px solid var(--border-default)}.localization-header h2{margin:4px 0;font-size:16px}.localization-header p{margin:0;color:var(--text-secondary);font-size:9px}.localization-actions{display:flex;align-items:center;gap:5px}.localization-body{min-height:0;display:flex;flex:1}.text-canvas-panel{min-width:0;display:flex;flex:1;flex-direction:column;padding:18px 22px;background:#10141e}.canvas-toolbar{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.canvas-toolbar>div:first-child{display:flex;flex-direction:column;gap:3px}.canvas-toolbar strong{color:#cbd5e1;font-size:10px}.canvas-tools{display:flex;align-items:center;gap:4px}.canvas-tools button{min-height:27px;display:inline-flex;align-items:center;gap:4px;padding:0 7px;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:5px;font-size:9px}.canvas-tools button:hover,.canvas-tools button.active{color:#c7d2fe;background:#6366f11f;border-color:#6366f133}.canvas-zoom{margin-left:7px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:9px}.text-canvas{position:relative;min-height:0;width:min(100%,700px);aspect-ratio:1 / 1;align-self:center;overflow:hidden;margin:auto;background:#22283a;border:1px solid #3a4561;border-radius:6px;box-shadow:0 15px 40px #00000059}.canvas-image{width:100%;height:100%;display:block;object-fit:cover;filter:brightness(.74) saturate(.84)}.safe-area-box{position:absolute;z-index:2;top:5%;right:5%;bottom:5%;left:5%;pointer-events:none;border:1px dashed rgba(165,180,252,.72)}.safe-area-box span{position:absolute;top:5px;left:7px;padding:3px 4px;color:#c7d2fe;background:#1e2046ad;border-radius:2px;font-family:JetBrains Mono,monospace;font-size:7px}.canvas-headline{position:absolute;z-index:3;top:16%;left:10%;display:flex;flex-direction:column;max-width:43%;color:#fff;text-shadow:0 2px 5px rgba(0,0,0,.75)}.canvas-headline strong{font-family:Montserrat,sans-serif;font-size:clamp(18px,3vw,32px);line-height:1.02;letter-spacing:-.06em}.canvas-headline span{margin-top:7px;color:#e2e8f0;font-size:clamp(8px,1.2vw,12px)}.canvas-benefits{position:absolute;z-index:3;top:47%;left:10%;display:flex;flex-direction:column;gap:6px;color:#fff;font-size:clamp(8px,1vw,11px);text-shadow:0 1px 4px rgba(0,0,0,.8)}.canvas-benefits span{display:flex;align-items:center;gap:5px}.canvas-benefits svg{padding:2px;color:#111827;background:#a7f3d0;border-radius:50%}.canvas-badge{position:absolute;z-index:3;bottom:14%;left:10%;display:flex;align-items:center;gap:7px;padding:7px 10px;color:#111827;background:#fbbf24;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:clamp(9px,1.2vw,13px);font-weight:700;box-shadow:0 3px 10px #00000040}.canvas-badge small{color:#7c2d12;font-family:Inter,sans-serif;font-size:8px}.canvas-canvas-label{position:absolute;z-index:3;right:9px;bottom:8px;left:9px;display:flex;justify-content:space-between;color:#e2e8f0a6;font-family:JetBrains Mono,monospace;font-size:7px}.canvas-canvas-label i{color:#a7f3d0;font-style:normal}.canvas-footer{display:flex;align-items:center;justify-content:space-between;min-height:28px;color:var(--text-muted);font-size:8px}.canvas-footer span{display:inline-flex;align-items:center;gap:4px}.canvas-footer span:first-child{color:#a5b4fc}.copy-panel{width:385px;min-width:330px;overflow-y:auto;padding:19px 20px 25px;background:#181c2a;border-left:1px solid var(--border-default)}.copy-panel-section{padding-bottom:18px;border-bottom:1px solid var(--border-subtle)}.copy-panel-section+.copy-panel-section{padding-top:18px}.copy-version-heading{margin:18px 0 10px}.copy-version-list{display:flex;flex-direction:column;gap:5px}.copy-version{display:flex;align-items:center;gap:8px;padding:9px;color:var(--text-secondary);text-align:left;background:var(--bg-surface-1);border:1px solid transparent;border-radius:6px}.copy-version:hover{border-color:var(--border-default)}.copy-version.active{color:#dbeafe;background:#6366f117;border-color:#6366f145}.copy-radio{width:12px;height:12px;flex:0 0 auto;border:1px solid #64748b;border-radius:50%}.copy-version.active .copy-radio{border:4px solid #818cf8}.copy-version>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.copy-version strong{font-size:9px}.copy-version small{overflow:hidden;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.copy-version.active>svg{color:#6ee7b7}.copy-version:not(.active)>svg{color:var(--text-muted)}.layers-heading{margin-bottom:12px}.layer-field{display:flex;flex-direction:column;gap:6px;margin-top:10px;color:var(--text-muted);font-size:9px}.layer-field>span{display:flex;align-items:center;gap:5px;color:var(--text-secondary)}.layer-field>span strong{width:18px;color:#818cf8;font-family:JetBrains Mono,monospace;font-size:8px}.layer-field input{padding:7px 8px;font-size:10px}.layer-field>div{display:flex;gap:11px;color:var(--text-muted);font-size:8px}.benefit-field>input{margin-left:23px;width:calc(100% - 23px)}.benefit-field>.ghost-button{width:max-content;margin-left:23px}.badge-row{display:flex;gap:6px;margin-left:23px}.badge-row input{flex:1}.badge-row select{width:86px}.language-derive{display:flex;flex-direction:column;gap:11px;margin-top:18px;padding:12px;background:#6366f112;border:1px solid rgba(99,102,241,.19);border-radius:7px}.language-derive>div:first-child{display:flex;align-items:center;gap:8px;color:#a5b4fc}.language-derive>div:first-child>span{display:flex;flex-direction:column;gap:3px}.language-derive strong{color:#dbeafe;font-size:10px}.language-derive small{color:var(--text-muted);font-size:8px}.language-derive>div:last-child{display:flex;gap:6px}.language-derive button{min-height:26px;flex:1;color:var(--text-secondary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:5px;font-size:9px}.language-derive button:hover{color:#c7d2fe;border-color:#6366f1}.export-modal{width:min(980px,100%)}.export-body{min-height:0;display:flex;overflow-y:auto}.export-main{min-width:0;flex:1;padding:21px 23px 23px}.export-section{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--border-subtle)}.export-section:last-child{margin-bottom:0;border-bottom:0}.export-section-title{display:flex;gap:10px;margin-bottom:13px}.export-section-title>span{width:21px;height:21px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:var(--primary-glow);border-radius:5px;font-family:JetBrains Mono,monospace;font-size:9px}.export-section-title>div{display:flex;flex-direction:column;gap:3px}.export-section-title strong{font-size:11px}.export-section-title small{color:var(--text-muted);font-size:9px}.scope-options{display:flex;flex-direction:column;gap:6px}.scope-option{display:flex;align-items:center;gap:9px;padding:10px;color:var(--text-secondary);text-align:left;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:7px}.scope-option:hover{border-color:#4c5983}.scope-option.selected{color:#e0e7ff;background:#6366f117;border-color:#6366f1}.scope-radio{width:14px;height:14px;display:grid;place-items:center;flex:0 0 auto;color:#fff;border:1px solid #66708b;border-radius:50%}.scope-option.selected .scope-radio{background:#6366f1;border-color:#818cf8}.scope-icon{width:28px;height:28px;display:grid;place-items:center;color:#a5b4fc;background:#6366f11c;border-radius:5px}.scope-option:nth-child(2) .scope-icon{color:#f9a8d4;background:#ec48991a}.scope-option:nth-child(3) .scope-icon{color:#94a3b8;background:#94a3b814}.scope-option>span:nth-child(3){min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.scope-option strong{font-size:10px}.scope-option small{color:var(--text-muted);font-size:8px}.scope-option>svg:last-child{color:#6ee7b7}.language-package-options{display:grid;grid-template-columns:1fr 1fr;gap:7px}.check-option{position:relative;min-height:52px;display:flex;align-items:center;gap:8px;padding:9px;color:var(--text-secondary);background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:6px;cursor:pointer}.check-option.muted{grid-column:span 2;color:var(--text-muted);background:transparent;border-style:dashed}.check-option input{position:absolute;opacity:0}.custom-check{width:15px;height:15px;display:grid;place-items:center;flex:0 0 auto;color:transparent;border:1px solid #5d6987;border-radius:4px}.check-option input:checked+.custom-check{color:#fff;background:#4f46e5;border-color:#818cf8}.check-option>span:last-child{display:flex;flex-direction:column;gap:3px}.check-option strong{font-size:9px}.check-option small{color:var(--text-muted);font-size:8px}.format-row{display:flex;gap:10px}.format-options{display:flex;flex:1;gap:5px;padding:3px;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:6px}.format-options button{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:3px;color:var(--text-muted);background:transparent;border:0;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:10px}.format-options button.active{color:#dbeafe;background:#4f46e5}.format-options small{color:inherit;opacity:.7;font-family:Inter,sans-serif;font-size:8px}.platform-select{min-width:190px;min-height:45px}.export-preview{width:320px;min-width:280px;padding:20px 18px;background:#10141d;border-left:1px solid var(--border-default)}.export-preview-heading{display:flex;align-items:center;justify-content:space-between}.zip-size{display:inline-flex;align-items:center;gap:4px;color:#6ee7b7;font-family:JetBrains Mono,monospace;font-size:9px}.zip-tree{margin-top:15px;padding:12px 10px;background:#0b0e15;border:1px solid var(--border-subtle);border-radius:7px}.tree-root,.tree-folder,.tree-file,.tree-manifest{display:flex;align-items:center;gap:6px;min-height:26px;font-size:9px}.tree-root{padding-bottom:7px;color:#c7d2fe;border-bottom:1px solid rgba(46,53,75,.6)}.tree-root svg{color:#a5b4fc}.tree-folder{padding-top:7px;color:#cbd5e1}.tree-folder>span{color:#818cf8}.tree-folder small{margin-left:auto;color:var(--text-muted);font-size:8px}.tree-file{padding-left:15px;color:var(--text-muted)}.tree-file>span{color:#475569}.tree-file code,.tree-manifest code{overflow:hidden;font-family:JetBrains Mono,monospace;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.tree-file.faded{opacity:.48}.tree-manifest{gap:6px;margin-top:7px;padding-top:7px;color:#a5b4fc;border-top:1px solid rgba(46,53,75,.6)}.tree-manifest small{margin-left:auto;color:var(--text-muted);font-size:7px}.naming-rule{display:flex;flex-direction:column;gap:7px;margin-top:15px;padding:10px;background:#ffffff09;border-radius:6px}.naming-rule code{overflow:hidden;color:#a5b4fc;font-family:JetBrains Mono,monospace;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.export-validation{display:flex;align-items:flex-start;gap:6px;margin-top:13px;color:#6ee7b7;font-size:8px;line-height:1.4}.export-footer{padding-top:12px}.export-submit{min-width:205px}.export-submit:disabled{cursor:wait;opacity:.7}.floating-task-bar{position:fixed;z-index:50;right:25px;bottom:18px;min-width:min(650px,calc(100vw - 110px));display:flex;align-items:center;gap:10px;padding:9px 11px;color:var(--text-primary);text-align:left;background:#191d2beb;border:1px solid rgba(99,102,241,.47);border-radius:9px;box-shadow:0 8px 26px #0006,0 0 20px #6366f11a;-webkit-backdrop-filter:blur(17px);backdrop-filter:blur(17px)}.floating-task-bar:hover{border-color:#818cf8}.floating-task-bar.completed{border-color:#10b98161}.floating-task-icon{width:29px;height:29px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:#6366f124;border-radius:7px}.completed .floating-task-icon{color:#6ee7b7;background:#10b9811f}.floating-task-copy{min-width:170px;display:flex;flex-direction:column;gap:4px}.floating-task-copy strong{font-size:10px}.floating-task-copy small{color:var(--text-muted);font-size:8px}.floating-task-progress{width:180px;margin-left:auto}.floating-task-progress>div{display:flex;justify-content:space-between;margin-bottom:5px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:8px}.floating-task-progress>div strong{color:#c7d2fe}.floating-task-expand{display:inline-flex;align-items:center;gap:4px;margin-left:5px;color:#a5b4fc;font-size:9px;font-weight:600;white-space:nowrap}.rotate-up{transform:rotate(180deg)}.task-drawer{position:fixed;z-index:55;right:18px;bottom:17px;left:90px;display:flex;flex-direction:column;max-height:min(395px,calc(100vh - 92px));overflow:hidden;background:#171b28fa;border:1px solid #48557a;border-radius:11px;box-shadow:var(--shadow-lg);animation:task-up .22s ease-out}.task-drawer-header{display:flex;align-items:center;justify-content:space-between;padding:15px 18px 13px;border-bottom:1px solid var(--border-subtle)}.task-drawer-header h2{display:flex;align-items:center;gap:6px;margin:4px 0 0;font-size:14px}.task-drawer-header h2 svg{color:#a5b4fc}.task-drawer-header-actions{display:flex;align-items:center;gap:10px}.running-label{display:inline-flex;align-items:center;gap:5px;padding:4px 6px;color:#a5b4fc;background:#6366f11f;border-radius:4px;font-size:9px}.running-label.completed{color:#6ee7b7;background:#10b9811a}.task-job-row{display:flex;align-items:center;gap:30px;padding:12px 18px;border-bottom:1px solid var(--border-subtle)}.task-job-row div{display:flex;flex-direction:column;gap:4px}.task-job-row span{color:var(--text-muted);font-size:8px;font-weight:700;letter-spacing:.08em}.task-job-row strong{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:9px}.pipeline-track{display:flex;align-items:flex-start;padding:16px 24px 13px;background:#ffffff04}.pipeline-stage{position:relative;z-index:1;display:flex;flex:1;flex-direction:column;align-items:center;gap:6px;color:var(--text-muted);text-align:center}.pipeline-stage>span{width:22px;height:22px;display:grid;place-items:center;color:var(--text-muted);background:#252c40;border:1px solid #3d4968;border-radius:50%;font-family:JetBrains Mono,monospace;font-size:9px}.pipeline-stage small{max-width:70px;color:var(--text-muted);font-size:8px;line-height:1.25}.pipeline-stage i{position:absolute;z-index:-1;top:11px;left:50%;width:100%;height:1px;background:#35405c}.pipeline-stage.done>span{color:#6ee7b7;background:#10b9811c;border-color:#10b98157}.pipeline-stage.done small{color:#94a3b8}.pipeline-stage.done i{background:#10b98166}.pipeline-stage.active>span{color:#c7d2fe;background:#6366f133;border-color:#818cf8;box-shadow:0 0 11px #6366f152}.pipeline-stage.active small{color:#c7d2fe}.task-slot-list{min-height:0;overflow-y:auto;padding:0 18px}.task-slot-row{min-height:30px;display:grid;grid-template-columns:1.1fr 2fr .35fr;align-items:center;gap:10px;border-bottom:1px solid rgba(46,53,75,.55);font-size:9px}.task-slot-name{display:inline-flex;align-items:center;gap:7px;color:var(--text-secondary)}.tiny-slot-index{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:8px}.task-slot-state{display:inline-flex;align-items:center;gap:5px}.task-slot-state.complete{color:#6ee7b7}.task-slot-state.generating{color:#a5b4fc}.task-slot-state.queued{color:var(--text-muted)}.task-slot-state.warning{color:#fdba74}.task-slot-time{color:var(--text-muted);font-family:JetBrains Mono,monospace;text-align:right}.task-drawer-footer{display:flex;align-items:center;gap:10px;padding:10px 18px}.footer-task-note{display:inline-flex;align-items:center;gap:5px;flex:1;color:var(--text-muted);font-size:8px}.footer-task-note svg{color:#6ee7b7}@keyframes task-up{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}.toast{position:fixed;z-index:100;right:22px;top:82px;min-width:250px;max-width:390px;display:flex;align-items:center;gap:8px;padding:10px 11px;color:var(--text-primary);background:#1c212ff7;border:1px solid var(--border-default);border-radius:8px;box-shadow:var(--shadow-lg);animation:toast-in .23s ease-out;font-size:10px}.toast-success{border-color:#10b98159}.toast-success>svg{color:#6ee7b7}.toast-info{border-color:#6366f161}.toast-info>svg{color:#a5b4fc}.toast-warning{border-color:#f973166b}.toast-warning>svg{color:#fdba74}.toast>span{flex:1;line-height:1.35}.toast>button{display:grid;place-items:center;padding:2px;color:var(--text-muted);background:transparent;border:0}.toast>button:hover{color:var(--text-primary)}@keyframes toast-in{0%{opacity:0;transform:translateY(-7px)}to{opacity:1;transform:translateY(0)}}@media (min-width: 1440px){.slot-rail-panel{width:420px}.candidate-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (min-width: 1780px){.slot-rail-panel{width:460px}.candidate-grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (min-width: 2080px){.candidate-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media (max-width: 1439px){.topbar{gap:12px;padding:0 14px}.market-chip.subtle:nth-of-type(2){display:none}.studio-action-row{gap:13px;padding-right:15px;padding-left:15px}.studio-settings-row,.studio-context-bar{padding-right:15px;padding-left:15px}.completion-block{width:210px}.slot-rail-panel{width:365px;min-width:350px}.gallery-header,.gallery-content{padding-right:15px;padding-left:15px}.gallery-filter-row{right:15px;left:15px}.studio-quick-actions{gap:4px}}@media (max-width: 1180px){.topbar-center{width:120px}.market-chip{font-size:10px}.project-switcher{min-width:164px}.product-grid,.project-grid,.template-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.project-summary-strip{grid-template-columns:repeat(3,1fr)}.project-strip-art{display:none}.slot-rail-panel{width:350px;min-width:330px}.candidate-grid.density-3{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 900px){.app-content{padding-left:0}.global-rail{width:220px;align-items:stretch;padding:18px 14px;transform:translate(-100%);transition:transform .22s ease}.global-rail.mobile-open{transform:translate(0);box-shadow:12px 0 35px #00000073}.rail-brand{flex-direction:row;gap:9px;justify-content:flex-start;padding:0 8px}.rail-brand-name{max-width:none;font-size:11px}.rail-divider{width:100%;margin:17px 0 14px}.rail-nav-item{min-height:42px;flex-direction:row;justify-content:flex-start;gap:10px;padding:0 12px;font-size:11px}.rail-nav-item.active:before{left:0;top:9px;bottom:9px}.nav-indicator{right:13px}.mobile-menu,.mobile-top-brand{display:grid;place-items:center}.mobile-menu{width:30px;height:30px;padding:0;color:var(--text-secondary);background:transparent;border:1px solid var(--border-default);border-radius:6px}.mobile-top-brand{display:none}.topbar-left{gap:8px}.topbar-center{display:none}.topbar-actions{gap:5px}.task-pill span:last-child,.header-export{display:none}.header-generate{margin-left:auto}.studio-page{height:auto;min-height:calc(100vh - 66px);overflow:visible}.studio-viewport{min-height:0;flex-direction:column;overflow:visible}.slot-rail-panel{width:100%;min-width:0;max-height:470px;border-right:0;border-bottom:1px solid var(--border-default)}.slot-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.gallery-panel{min-height:650px}.studio-action-row{flex-wrap:wrap;padding-top:12px;padding-bottom:12px}.studio-quick-actions{width:100%;margin-left:0}.completion-block{flex:1}.language-tabs{border-left:0;padding-left:0}.floating-task-bar{right:12px;bottom:12px;left:12px;min-width:0}.task-drawer{right:12px;bottom:12px;left:12px}.lightbox-body,.localization-body{flex-direction:column}.quality-panel{width:100%;min-width:0;max-height:42%;border-top:1px solid var(--border-default);border-left:0}.lightbox-shell{height:calc(100vh - 30px)}.inspect-canvas{min-height:360px}.localization-shell{height:calc(100vh - 30px)}.copy-panel{width:100%;min-width:0;max-height:44%;border-top:1px solid var(--border-default);border-left:0}.text-canvas-panel{min-height:480px}.export-body{flex-direction:column}.export-preview{width:100%;border-top:1px solid var(--border-default);border-left:0}.export-preview .zip-tree{display:grid;grid-template-columns:1fr 1fr;gap:2px 10px}.tree-root,.tree-manifest{grid-column:span 2}.page-view{padding-right:20px;padding-left:20px}}@media (max-width: 620px){.topbar{min-height:58px}.project-switcher{display:none}.mobile-top-brand{display:grid}.topbar-separator,.market-chip{display:none}.header-generate{min-height:31px;padding:0 8px;font-size:10px}.studio-context-bar{align-items:flex-start;flex-direction:column;gap:5px;padding-top:11px;padding-bottom:10px}.autosave{align-self:flex-end;margin-top:-28px}.studio-settings-row{min-height:46px;overflow-x:auto}.setting-summary{min-width:max-content}.studio-action-row{gap:11px}.completion-block{width:100%;flex-basis:100%}.language-tabs{width:100%}.studio-quick-actions{justify-content:space-between}.studio-quick-actions .primary-button,.studio-quick-actions .secondary-button{flex:1}.slot-list{grid-template-columns:1fr}.slot-rail-panel{max-height:550px}.gallery-header{min-height:136px}.gallery-header-actions{top:13px;right:14px}.gallery-filter-row{right:12px;bottom:0;left:12px;overflow-x:auto}.gallery-filter{padding:0 6px}.candidate-grid,.candidate-grid.density-3,.candidate-grid.density-compare{grid-template-columns:1fr}.gallery-context-line{flex-direction:column}.gallery-content{padding-right:12px;padding-left:12px}.page-intro{align-items:flex-start;flex-direction:column}.page-intro h1{font-size:22px}.library-toolbar{align-items:stretch;flex-direction:column-reverse;gap:7px}.library-search{width:100%;margin-bottom:0}.library-tabs{overflow-x:auto}.library-tabs button{padding-right:8px;padding-left:8px;white-space:nowrap}.filter-line{align-items:flex-start;flex-direction:column}.filter-controls{width:100%;overflow-x:auto}.results-count{align-self:flex-end}.product-grid,.project-grid,.template-grid{grid-template-columns:1fr}.project-summary-strip{grid-template-columns:1fr 1fr}.project-summary-strip>div:not(.project-strip-art){padding:15px}.project-summary-strip>div strong{font-size:20px}.wizard-modal .modal-header,.modal-header,.wizard-progress{padding-right:15px;padding-left:15px}.wizard-progress-line{right:48px;left:48px}.wizard-step-content{padding:20px 15px}.wizard-product-list,.country-grid,.field-grid,.wizard-default-grid,.market-detail-columns{grid-template-columns:1fr}.wizard-footer,.drawer-footer,.modal-footer{padding-right:15px;padding-left:15px}.side-drawer{width:100%}.drawer-heading,.drawer-tabs,.editor-tab,.blueprint-sections{padding-right:15px;padding-left:15px}.asset-matrix{grid-template-columns:repeat(2,1fr)}.blueprint-facts{grid-template-columns:1fr 1fr}.blueprint-preview{margin-right:15px;margin-left:15px}.lightbox-backdrop,.localization-backdrop,.modal-backdrop{padding:8px}.lightbox-shell,.localization-shell{height:calc(100vh - 16px)}.lightbox-header{padding:0 9px}.lightbox-breadcrumb strong,.lightbox-id,.lightbox-nav>button:not(.icon-button){display:none}.inspect-canvas{padding:10px}.inspect-canvas-footer>span{display:none}.quality-panel{padding-right:13px;padding-left:13px}.localization-header{align-items:flex-start;padding:12px}.localization-header .modal-title-wrap{min-width:0}.localization-header p,.localization-actions .ghost-button{display:none}.text-canvas-panel{min-height:380px;padding:12px}.canvas-footer{font-size:7px}.copy-panel{max-height:48%;padding:15px 12px}.export-main{padding:18px 15px}.language-package-options{grid-template-columns:1fr}.check-option.muted{grid-column:auto}.format-row{flex-direction:column}.platform-select{min-width:0}.export-preview .zip-tree{display:block}.tree-root,.tree-manifest{grid-column:auto}.floating-task-copy{min-width:0}.floating-task-progress{display:none}.floating-task-expand{margin-left:auto}.task-drawer{max-height:calc(100vh - 80px)}.task-job-row{flex-wrap:wrap;gap:12px 22px}.pipeline-track{padding-right:9px;padding-left:9px}.pipeline-stage small{display:none}.task-drawer-footer{flex-wrap:wrap}.footer-task-note{order:3;flex-basis:100%}.toast{right:10px;left:10px;min-width:0}}.rail-workspace{display:flex;align-items:center;justify-content:center;gap:5px;min-height:34px;color:var(--text-muted);font-size:8px;white-space:nowrap}.workspace-status-dot{width:5px;height:5px;border-radius:50%;background:var(--success-500);box-shadow:0 0 7px #10b981a6}.workspace-save-state{display:inline-flex;align-items:center;gap:5px;color:#6ee7b7;font-size:9px;white-space:nowrap}.workspace-save-state svg{color:#10b981}.task-pill.idle{cursor:default;opacity:.78}.ghost-select{min-height:29px;margin-left:auto;padding:0 7px;color:var(--text-secondary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:5px;outline:0;font-size:9px}.ghost-select:focus{border-color:#6366f1}.input-select{width:100%;min-height:30px;-webkit-appearance:auto;-moz-appearance:auto;appearance:auto;outline:0;font-size:9px}.input-select:focus{border-color:#6366f1}.upload-button{width:100%;cursor:pointer;text-align:left}.upload-button:hover{border-color:#818cf8;background:#6366f11f}.hidden-file-input{display:none}.curtain-stage{position:relative}.compare-layer{position:absolute;top:0;right:0;bottom:0;left:0;overflow:hidden}.compare-layer .inspect-image{width:100%;height:100%}.output-layer{z-index:1}.reference-layer{z-index:2;border-right:1px solid rgba(255,255,255,.8)}.compare-range{position:absolute;z-index:7;top:0;right:0;bottom:0;left:0;width:100%;height:100%;margin:0;opacity:0;cursor:ew-resize}.curtain-stage .compare-handle{z-index:6;pointer-events:none}.canvas-guides{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;pointer-events:none;opacity:.45;background:linear-gradient(90deg,transparent 49.8%,#a5b4fc 50%,transparent 50.2%),linear-gradient(0deg,transparent 49.8%,#a5b4fc 50%,transparent 50.2%)}@media (max-width: 900px){.rail-workspace{justify-content:flex-start;padding-left:12px;font-size:10px}.workspace-save-state{display:none}}.topbar-context{display:flex;align-items:center;gap:8px}.topbar-context-icon{width:29px;height:29px;display:grid;place-items:center;color:#a5b4fc;background:#6366f121;border:1px solid rgba(99,102,241,.22);border-radius:7px}.topbar-context>div{display:flex;flex-direction:column;gap:2px}.topbar-context small{color:var(--text-muted);font-size:8px;font-weight:700;letter-spacing:.14em}.topbar-context strong{color:#e2e8f0;font-size:12px;font-weight:600}.local-mode{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted);font-size:10px;white-space:nowrap}.local-mode>span{width:5px;height:5px;border-radius:50%;background:#10b981;box-shadow:0 0 7px #10b981a6}.api-state{display:inline-flex;align-items:center;gap:6px;color:var(--text-muted);font-size:9px;white-space:nowrap}.api-state-dot{width:6px;height:6px;border-radius:50%}.api-state-dot.ok{background:#10b981;box-shadow:0 0 7px #10b981a6}.api-state-dot.error{background:#f97316;box-shadow:0 0 7px #f9731699}.topbar-refresh{width:29px;height:29px;display:grid;place-items:center;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:6px}.topbar-refresh:hover{color:var(--text-primary);background:#ffffff0f;border-color:var(--border-default)}.connection-banner{max-width:1400px;display:flex;align-items:center;justify-content:space-between;gap:12px;margin:13px auto -3px;padding:10px 13px;color:#fdba74;background:#f9731614;border:1px solid rgba(249,115,22,.27);border-radius:8px}.connection-banner>div{display:flex;align-items:center;gap:8px;min-width:0}.connection-banner>div>span:last-child{display:flex;flex-direction:column;gap:3px}.connection-banner strong{color:#fed7aa;font-size:10px}.connection-banner small{color:#c4a484;font-size:9px}.connection-icon{width:27px;height:27px;display:grid;place-items:center;flex:0 0 auto;color:#fdba74;background:#f973161f;border-radius:6px}.simple-studio{height:calc(100vh - 66px);min-height:0;overflow-y:auto;padding:27px clamp(18px,3.2vw,52px) 45px;background:radial-gradient(circle at 80% -10%,rgba(79,70,229,.13),transparent 32%),var(--bg-canvas)}.simple-studio-header{max-width:1400px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto 22px}.simple-studio-header h1{margin:6px 0;font-size:23px;font-weight:600;letter-spacing:-.04em}.simple-studio-header p{margin:0;color:var(--text-secondary);font-size:11px}.studio-header-context{display:flex;align-items:center;gap:8px}.studio-header-context span{display:inline-flex;align-items:center;gap:5px;padding:7px 9px;color:var(--text-secondary);background:#ffffff09;border:1px solid var(--border-subtle);border-radius:6px;font-size:9px}.studio-header-context svg{color:#a5b4fc}.workflow-steps{max-width:1400px;min-height:66px;display:flex;align-items:center;margin:0 auto 15px;padding:0 19px;background:#1a1e2cad;border:1px solid var(--border-subtle);border-radius:9px}.workflow-step{min-width:150px;display:grid;grid-template-columns:25px 1fr;grid-template-rows:1fr 1fr;align-items:center;column-gap:8px;color:var(--text-muted)}.workflow-step b{width:25px;height:25px;display:grid;place-items:center;grid-row:1 / 3;color:var(--text-muted);background:#20263a;border:1px solid var(--border-default);border-radius:50%;font-family:JetBrains Mono,monospace;font-size:9px}.workflow-step span{color:var(--text-secondary);font-size:10px;font-weight:600}.workflow-step small{color:var(--text-muted);font-size:8px}.workflow-step.active b{color:#fff;background:#4f46e5;border-color:#818cf8;box-shadow:0 0 12px #6366f14d}.workflow-step.active span{color:#e0e7ff}.workflow-steps>i{width:55px;height:1px;margin:0 14px;background:var(--border-default)}.studio-workspace{max-width:1400px;min-height:0;display:grid;grid-template-columns:minmax(360px,430px) minmax(0,1fr);gap:15px;margin:0 auto}.generation-input-panel,.generation-results-panel{min-width:0;background:linear-gradient(145deg,#1a1e2cf5,#12151ff5);border:1px solid var(--border-default);border-radius:11px;box-shadow:var(--shadow-sm)}.generation-input-panel{padding:18px}.generation-results-panel{min-height:630px;padding:18px}.input-panel-heading,.results-panel-top{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.input-panel-heading h2,.results-panel-top h2{margin:4px 0;font-size:15px}.input-required{color:#fdba74;font-size:9px}.input-step-block{padding:17px 0;border-bottom:1px solid var(--border-subtle)}.input-step-block:first-of-type{padding-top:15px}.input-step-title{display:flex;align-items:flex-start;gap:8px;margin-bottom:10px}.input-step-title>span{width:21px;height:21px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:#6366f121;border-radius:5px;font-family:JetBrains Mono,monospace;font-size:9px}.input-step-title>div{display:flex;flex-direction:column;gap:3px}.input-step-title strong{font-size:11px}.input-step-title small{color:var(--text-muted);font-size:9px;line-height:1.35}.product-select-wrap,.model-select-wrap{height:35px;display:flex;align-items:center;gap:7px;padding:0 9px;color:#a5b4fc;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:6px}.product-select-wrap:focus-within,.model-select-wrap:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.product-select-wrap select,.model-select-wrap select{min-width:0;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-primary);background:transparent;border:0;outline:0;font-size:10px}.product-select-wrap select option,.model-select-wrap select option{color:#0f172a;background:#fff}.selected-product-preview{display:flex;align-items:center;gap:8px;margin-top:8px;padding:8px;background:#ffffff09;border:1px solid var(--border-subtle);border-radius:6px}.selected-product-preview>img{width:45px;height:45px;flex:0 0 auto;object-fit:cover;border-radius:5px}.selected-product-preview>div{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.selected-product-preview strong{overflow:hidden;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.selected-product-preview>div>span{color:var(--text-muted);font-size:8px}.lock-summary{display:flex;align-items:flex-start;gap:4px;color:#a5b4fc;font-size:8px;line-height:1.35}.lock-summary svg{flex:0 0 auto;margin-top:1px}.product-ready-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#475569}.product-ready-dot.ready{background:var(--success-500);box-shadow:0 0 7px #10b98199}.no-product-state{display:flex;align-items:center;gap:7px;padding:11px;color:var(--text-muted);background:var(--bg-surface-1);border:1px dashed var(--border-default);border-radius:6px;font-size:9px}.no-product-state svg{color:#a5b4fc}.no-product-state .secondary-button{min-height:27px;margin-left:auto;padding:0 7px;font-size:9px}.reference-block{padding-bottom:14px}.reference-uploader{min-width:0}.reference-dropzone{width:100%;min-height:76px;display:flex;align-items:center;gap:9px;padding:10px;color:var(--text-secondary);text-align:left;background:#6366f10d;border:1px dashed #4e5b84;border-radius:7px;transition:border-color .18s,background .18s}.reference-dropzone:hover,.reference-dropzone.dragging{color:var(--text-primary);background:#6366f11c;border-color:#818cf8}.reference-upload-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:#6366f124;border-radius:7px}.reference-drop-copy{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.reference-drop-copy strong{font-size:10px}.reference-drop-copy small{color:var(--text-muted);font-size:8px;line-height:1.35}.reference-browse{padding:6px 7px;color:#c7d2fe;background:#6366f124;border:1px solid rgba(99,102,241,.24);border-radius:5px;font-size:9px;font-weight:600;white-space:nowrap}.reference-thumb-list{display:grid;grid-template-columns:repeat(3,1fr);gap:6px;margin-top:7px}.reference-thumb{position:relative;overflow:hidden;aspect-ratio:1.2 / 1;background:#111522;border:1px solid var(--border-default);border-radius:5px}.reference-thumb img{width:100%;height:100%;display:block;object-fit:cover}.reference-thumb:after{content:"";position:absolute;top:50%;right:0;bottom:0;left:0;background:linear-gradient(transparent,#080a0fd1)}.reference-thumb span{position:absolute;z-index:2;right:5px;bottom:4px;left:5px;overflow:hidden;color:#dbeafe;font-size:8px;text-overflow:ellipsis;white-space:nowrap}.reference-thumb button{position:absolute;z-index:3;top:4px;right:4px;width:21px;height:21px;display:grid;place-items:center;padding:0;color:#e2e8f0;background:#0b0d13a8;border:1px solid rgba(255,255,255,.16);border-radius:50%}.reference-thumb button:hover{color:#fca5a5}.reference-empty-hint{display:flex;align-items:center;gap:5px;margin-top:7px;color:var(--text-muted);font-size:8px}.reference-empty-hint svg{color:#818cf8}.reference-upload-error{display:flex;align-items:flex-start;gap:5px;margin-top:7px;color:#fdba74;font-size:8px;line-height:1.4}.reference-upload-error svg{flex:0 0 auto;margin-top:1px}.model-block{padding-bottom:15px}.model-selector-row{display:flex;align-items:center;gap:6px}.model-select-wrap{flex:1}.model-config-link{display:inline-flex;align-items:center;gap:4px;min-height:29px;padding:0 6px;color:#a5b4fc;background:transparent;border:1px solid transparent;border-radius:5px;font-size:9px;white-space:nowrap}.model-config-link:hover{color:#e0e7ff;background:#6366f11a;border-color:#6366f138}.model-selected-meta,.model-empty-meta{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-top:7px;color:var(--text-muted);font-size:8px}.model-selected-meta>span:first-child,.model-empty-meta{display:inline-flex;align-items:center;gap:4px}.model-selected-meta.connected>span:first-child{color:#6ee7b7}.model-selected-meta.missing>span:first-child,.model-empty-meta{color:#fdba74}.model-empty-meta{justify-content:flex-start}.advanced-settings{padding:12px 0 0}.advanced-toggle{width:100%;min-height:31px;display:flex;align-items:center;gap:7px;padding:0 6px;color:var(--text-secondary);text-align:left;background:transparent;border:1px solid transparent;border-radius:5px}.advanced-toggle:hover{color:var(--text-primary);background:#ffffff09}.advanced-toggle>span{display:inline-flex;align-items:center;gap:5px;font-size:10px}.advanced-toggle small{flex:1;color:var(--text-muted);font-size:8px}.advanced-toggle>svg{transition:transform .18s}.advanced-toggle>svg.advanced-open{transform:rotate(180deg)}.advanced-body{display:flex;flex-direction:column;gap:10px;padding:11px 6px 2px}.advanced-body .field-row{gap:8px}.advanced-body .field-label{font-size:9px}.advanced-body .field-label input,.advanced-body .field-label select{padding:7px 8px;font-size:9px}.generate-main-button{width:100%;min-height:43px;display:flex;align-items:center;justify-content:center;gap:7px;margin-top:16px;color:#fff;background:linear-gradient(135deg,#7376f7,#4f46e5);border:1px solid rgba(165,180,252,.3);border-radius:7px;box-shadow:0 0 19px #6366f130;font-size:12px;font-weight:700}.generate-main-button:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 24px #6366f166}.generate-main-button:disabled{cursor:not-allowed;opacity:.45}.generate-main-button span{padding:3px 5px;color:#dbeafe;background:#12133e61;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:8px}.model-warning{display:flex;align-items:flex-start;gap:5px;margin-top:8px;color:#fdba74;font-size:8px;line-height:1.4}.model-warning svg{flex:0 0 auto}.model-warning button{padding:0;color:#fcd34d;background:transparent;border:0;font-size:8px;text-decoration:underline}.results-panel-top{margin-bottom:19px}.results-panel-top h2{font-size:17px}.results-panel-top h2 span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400}.results-panel-top p{margin:0;color:var(--text-muted);font-size:9px}.job-state{min-height:25px;display:inline-flex;align-items:center;padding:0 7px;color:#a5b4fc;background:#6366f11c;border:1px solid rgba(99,102,241,.2);border-radius:5px;font-size:9px}.job-state.completed{color:#6ee7b7;background:#10b9811a;border-color:#10b98138}.job-state.failed{color:#fca5a5;background:#ef44441a;border-color:#ef444438}.results-empty,.results-running,.results-error{min-height:530px;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:30px;text-align:center;border:1px dashed #35405a;border-radius:9px}.results-empty-icon{width:49px;height:49px;display:grid;place-items:center;margin-bottom:13px;color:#a5b4fc;background:#6366f11f;border-radius:50%}.results-empty h2,.results-running h2,.results-error h2{margin:7px 0;font-size:16px}.results-empty p,.results-running p,.results-error p{max-width:360px;margin:0;color:var(--text-secondary);font-size:10px;line-height:1.55}.empty-result-steps{display:flex;gap:8px;margin-top:23px}.empty-result-steps span{display:inline-flex;align-items:center;gap:5px;padding:6px 8px;color:var(--text-muted);background:#ffffff09;border-radius:5px;font-size:8px}.empty-result-steps b{color:#818cf8;font-family:JetBrains Mono,monospace;font-size:8px}.results-running{border-style:solid;border-color:#6366f140}.running-visual{position:relative;width:64px;height:64px;display:grid;place-items:center;margin-bottom:16px;color:#c7d2fe;background:#6366f124;border-radius:50%}.running-orbit{position:absolute;top:-5px;right:-5px;bottom:-5px;left:-5px;border:1px solid rgba(129,140,248,.5);border-radius:50%;animation:orbit 2.3s linear infinite}.running-orbit.orbit-two{top:5px;right:-10px;bottom:5px;left:-10px;transform:rotate(65deg);animation-duration:1.8s;animation-direction:reverse}.running-progress{width:min(400px,100%);margin-top:26px}.running-progress>div:first-child{display:flex;justify-content:space-between;margin-bottom:7px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:8px}.running-progress>div:first-child span:first-child{color:#a5b4fc;font-size:11px}.running-progress .progress-track{height:6px}.results-error{border-style:solid;border-color:#ef444442}.error-icon{width:49px;height:49px;display:grid;place-items:center;margin-bottom:13px;color:#fca5a5;background:#ef44441f;border-radius:50%}.results-error p{color:#f0b7b7}.error-actions{display:flex;align-items:center;gap:7px;margin-top:22px}.retry-hint{color:var(--text-muted);font-size:9px}.results-completed{min-height:530px}.results-title-row{display:flex;align-items:flex-start;justify-content:space-between;gap:10px;margin-bottom:16px}.results-title-row h2{margin:4px 0;font-size:17px}.results-title-row h2 span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px;font-weight:400}.results-title-row p{margin:0;color:var(--text-muted);font-size:9px}.results-complete-badge{display:inline-flex;align-items:center;gap:5px;padding:5px 7px;color:#6ee7b7;background:#10b9811a;border:1px solid rgba(16,185,129,.19);border-radius:5px;font-size:9px}.generated-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:12px}.generated-card{min-width:0;overflow:hidden;background:#151927;border:1px solid var(--border-subtle);border-radius:8px;transition:border-color .2s,transform .2s,box-shadow .2s}.generated-card:hover{transform:translateY(-2px);border-color:#6366f194;box-shadow:0 8px 22px #0000003d}.generated-card.is-final{border-color:#f59e0bad;box-shadow:0 0 18px #f59e0b17}.generated-media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:#171b29;cursor:zoom-in}.generated-media>img{width:100%;height:100%;display:block;object-fit:cover}.generated-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(8,10,15,.32),transparent 40%,rgba(8,10,15,.72))}.generated-final-badge{position:absolute;z-index:2;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:4px 6px;color:#fcd34d;background:#482c04cc;border:1px solid rgba(245,158,11,.45);border-radius:4px;font-size:8px;font-weight:700}.generated-favorite{position:absolute;z-index:3;top:7px;right:7px;width:27px;height:27px;display:grid;place-items:center;padding:0;color:#d1d5db;background:#090b119e;border:1px solid rgba(203,213,225,.15);border-radius:50%}.generated-favorite:hover{color:#fff}.generated-favorite.active{color:var(--favorite-pink);border-color:#ec489959}.generated-hover{position:absolute;z-index:4;right:7px;bottom:7px;left:7px;display:flex;justify-content:center;gap:3px;padding:5px;background:#0b0d13c9;border:1px solid rgba(148,163,184,.17);border-radius:6px;opacity:0;transform:translateY(4px);-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);transition:opacity .18s,transform .18s}.generated-card:hover .generated-hover{opacity:1;transform:translateY(0)}.generated-hover button{min-width:0;display:inline-flex;align-items:center;gap:4px;padding:5px;color:#cbd5e1;background:transparent;border:0;border-radius:4px;font-size:8px;white-space:nowrap}.generated-hover button:hover{color:#fff;background:#ffffff17}.generated-hover button:disabled{cursor:wait;opacity:.55}.generated-meta{min-height:43px;display:flex;align-items:center;justify-content:space-between;gap:7px;padding:8px 9px}.generated-meta>div{min-width:0;display:flex;flex-direction:column;gap:4px}.generated-meta strong{overflow:hidden;color:var(--text-secondary);font-size:8px;font-weight:500;text-overflow:ellipsis;white-space:nowrap}.generated-meta span{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:8px}.fidelity-tag{color:#6ee7b7!important;white-space:nowrap}.results-no-output{display:flex;align-items:center;justify-content:center;gap:7px;min-height:200px;color:#fdba74;border:1px dashed var(--border-default);border-radius:8px;font-size:10px}.simple-studio-footer{max-width:1400px;display:flex;justify-content:space-between;gap:15px;margin:13px auto 0;color:var(--text-muted);font-size:8px}.simple-studio-footer span{display:inline-flex;align-items:center;gap:5px}.simple-studio-footer svg{color:#818cf8}@keyframes orbit{to{transform:rotate(360deg)}}.model-settings-view{padding-top:34px}.model-settings-intro{max-width:1400px;display:flex;align-items:flex-end;justify-content:space-between;gap:20px;margin:0 auto 25px}.model-settings-intro h1{margin:6px 0;font-size:25px;letter-spacing:-.04em}.model-settings-intro p{max-width:680px;margin:0;color:var(--text-secondary);font-size:11px;line-height:1.55}.model-security-note{max-width:1400px;display:flex;align-items:center;gap:10px;margin:0 auto 28px;padding:11px 13px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:8px}.security-note-icon{width:31px;height:31px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:#6366f126;border-radius:6px}.model-security-note>div:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.model-security-note strong{font-size:10px}.model-security-note span{color:var(--text-secondary);font-size:9px}.model-security-note code{color:#a5b4fc;font-family:JetBrains Mono,monospace;font-size:8px}.model-section-title{max-width:1400px;display:flex;align-items:flex-end;justify-content:space-between;margin:0 auto 13px}.model-section-title h2{margin:0 0 4px;font-size:16px}.model-section-title h2 span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px;font-weight:400}.model-section-title p{margin:0;color:var(--text-muted);font-size:9px}.model-config-grid{max-width:1400px;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:13px;margin:0 auto}.model-config-card{min-width:0;padding:15px;background:linear-gradient(145deg,#191d2c,#141722);border:1px solid var(--border-subtle);border-radius:9px}.model-config-card:hover{border-color:#465373}.model-config-card.default{border-color:#6366f194;box-shadow:0 0 18px #6366f114}.model-card-top{display:flex;align-items:center;gap:9px}.provider-mark{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;color:#fff;border-radius:8px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:700}.provider-mark.openai{background:linear-gradient(135deg,#334155,#111827);border:1px solid #64748b}.provider-mark.gemini{background:linear-gradient(135deg,#2563eb,#7c3aed);border:1px solid #818cf8}.provider-mark.small{width:29px;height:29px;border-radius:7px;font-size:12px}.model-card-title{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.model-card-title>span{color:var(--text-muted);font-size:8px}.model-card-title h3{overflow:hidden;margin:0;font-size:12px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.default-model-tag{padding:3px 5px;color:#a5b4fc;background:#6366f124;border-radius:4px;font-size:8px;white-space:nowrap}.model-card-model{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:17px;padding:8px;background:#0b0d1359;border-radius:5px}.model-card-model span{color:var(--text-muted);font-size:8px}.model-card-model code{overflow:hidden;color:#c7d2fe;font-family:JetBrains Mono,monospace;font-size:9px;text-overflow:ellipsis;white-space:nowrap}.model-card-meta,.model-card-state{display:flex;align-items:center;justify-content:space-between;gap:7px;margin-top:11px;color:var(--text-muted);font-size:8px}.model-card-meta>span:first-child{display:inline-flex;align-items:center;gap:4px}.model-card-meta .configured{color:#6ee7b7}.model-card-meta .not-configured{color:#fdba74}.model-card-state{padding-top:10px;border-top:1px solid var(--border-subtle)}.enable-state{display:inline-flex;align-items:center;gap:5px;color:var(--text-muted)}.enable-state i{width:6px;height:6px;border-radius:50%;background:#475569}.enable-state.enabled{color:#6ee7b7}.enable-state.enabled i{background:#10b981;box-shadow:0 0 6px #10b98199}.endpoint-state{overflow:hidden;max-width:125px;text-overflow:ellipsis;white-space:nowrap}.model-card-actions{display:flex;align-items:center;gap:5px;margin-top:14px}.model-card-actions .secondary-button{min-height:29px;flex:1;font-size:9px}.model-card-actions .icon-button{width:29px;height:29px;border-color:var(--border-subtle)}.model-card-actions .icon-button:disabled{cursor:wait;opacity:.55}.add-model-card{min-height:262px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--text-secondary);background:#12151f73;border:1px dashed #36405a;border-radius:9px}.add-model-card:hover{color:var(--text-primary);background:#6366f10f;border-color:#6366f1}.add-model-card>span{width:39px;height:39px;display:grid;place-items:center;color:#a5b4fc;background:#6366f121;border-radius:50%}.add-model-card strong{font-size:11px}.add-model-card small{color:var(--text-muted);font-size:8px}.model-editor-modal{width:min(650px,100%)}.model-editor-body{min-height:0;overflow-y:auto;padding:20px 23px 24px}.provider-choice>span{display:block;margin-bottom:8px}.provider-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:8px}.provider-choice button{display:flex;align-items:center;gap:8px;padding:9px;color:var(--text-secondary);text-align:left;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:7px}.provider-choice button:hover{border-color:#5964a5}.provider-choice button.selected{color:#dbeafe;background:#6366f117;border-color:#6366f1}.provider-choice button>span:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.provider-choice strong{font-size:9px}.provider-choice small{color:var(--text-muted);font-size:8px}.provider-choice button>svg{color:#6ee7b7}.model-editor-fields{display:flex;flex-direction:column;gap:12px;margin-top:20px}.model-editor-fields .field-label{font-size:10px}.label-with-icon{display:inline-flex;align-items:center;gap:4px}.label-with-icon small{color:var(--text-muted);font-size:8px;font-weight:400}.model-editor-fields .field-row{gap:10px}.model-editor-fields input,.model-editor-fields select{padding:9px 10px}.model-editor-toggles{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-top:17px}.toggle-setting{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:6px}.toggle-setting>span{display:flex;flex-direction:column;gap:4px}.toggle-setting strong{font-size:9px}.toggle-setting small{color:var(--text-muted);font-size:8px}.model-form-error{margin-top:12px}.model-doc-link{display:flex;align-items:center;gap:6px;margin-top:17px;padding:9px 10px;color:var(--text-muted);background:#6366f10f;border-radius:6px;font-size:8px}.model-doc-link>svg{color:#a5b4fc}.model-doc-link span{flex:1}.model-doc-link a{display:inline-flex;align-items:center;gap:3px;color:#a5b4fc;white-space:nowrap}.field-hint{color:var(--text-muted);font-size:8px;line-height:1.35}.form-error{color:#fca5a5;font-size:9px;line-height:1.4}.product-main-upload{display:flex;align-items:center;gap:11px;margin-top:20px;padding-top:17px;border-top:1px solid var(--border-subtle)}.product-main-preview{width:72px;height:72px;display:grid;place-items:center;flex:0 0 auto;overflow:hidden;color:#52617e;background:var(--bg-surface-1);border:1px dashed #465373;border-radius:7px}.product-main-preview img{width:100%;height:100%;display:block;object-fit:cover}.product-main-upload>div:last-child{min-width:0;display:flex;flex:1;flex-direction:column;gap:5px}.product-main-upload strong{font-size:10px}.product-main-upload>div:last-child>span{color:var(--text-muted);font-size:8px;line-height:1.35}.required-mark{margin-left:4px;padding:2px 4px;color:#fdba74;background:#f973161a;border-radius:3px;font-size:7px}.upload-ok{display:inline-flex;align-items:center;gap:3px;margin-left:4px;color:#6ee7b7;font-size:8px;font-weight:400}.upload-file-label{position:relative;width:max-content;min-height:27px;margin-top:3px;padding:0 8px;font-size:9px;overflow:hidden}.upload-file-label input{position:absolute;top:0;right:0;bottom:0;left:0;cursor:pointer;opacity:0}.lock-textarea{min-height:205px;line-height:1.6}.lock-examples{display:flex;flex-direction:column;gap:7px;margin-top:14px;padding:11px;color:var(--text-muted);background:#10b9810d;border:1px solid rgba(16,185,129,.15);border-radius:6px;font-size:9px}.lock-examples span{display:inline-flex;align-items:center;gap:6px}.lock-examples svg:first-child{color:#fcd34d}.lock-examples svg:last-child{color:#6ee7b7}.card-delete-action{width:29px;height:29px;display:grid;place-items:center;padding:0;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:5px}.card-delete-action:hover{color:#fca5a5;background:#ef444414;border-color:#ef444433}.library-quick-note{max-width:1400px;display:flex;align-items:center;gap:10px;margin:0 auto 22px;padding:11px 13px;background:#6366f112;border:1px solid rgba(99,102,241,.19);border-radius:8px}.quick-note-icon{width:30px;height:30px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:#6366f126;border-radius:6px}.library-quick-note>div:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:3px}.library-quick-note strong{font-size:10px}.library-quick-note span{color:var(--text-secondary);font-size:9px}.library-quick-note .ghost-button{font-size:9px}.library-loading{max-width:1400px;min-height:280px;display:flex;align-items:center;justify-content:center;gap:8px;margin:0 auto;color:var(--text-muted);border:1px dashed var(--border-default);border-radius:9px;font-size:10px}.library-loading svg{color:#a5b4fc}@media (max-width: 1100px){.studio-workspace{grid-template-columns:minmax(330px,390px) minmax(0,1fr)}.model-config-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.workflow-step{min-width:120px}.workflow-steps>i{width:35px;margin-right:8px;margin-left:8px}}@media (max-width: 800px){.topbar-context,.topbar-separator,.local-mode{display:none}.simple-studio{height:auto;min-height:calc(100vh - 58px);padding:22px 14px 50px}.simple-studio-header{align-items:flex-start;flex-direction:column}.studio-header-context{width:100%}.workflow-steps{overflow-x:auto;padding-right:13px;padding-left:13px}.workflow-step{min-width:130px}.studio-workspace{grid-template-columns:1fr}.generation-results-panel{min-height:530px}.model-settings-view{padding:23px 14px 50px}.model-security-note{align-items:flex-start;flex-wrap:wrap}.model-security-note code{flex-basis:100%;margin-left:41px}.model-config-grid{grid-template-columns:1fr}.model-settings-intro{align-items:flex-start;flex-direction:column}.add-model-card{min-height:180px}.library-quick-note{align-items:flex-start;flex-wrap:wrap}.library-quick-note .ghost-button{margin-left:40px}.connection-banner{margin-right:13px;margin-left:13px}.simple-studio-footer{flex-direction:column}.generated-grid{grid-template-columns:1fr}}@media (max-width: 520px){.workflow-steps>i{width:18px;min-width:18px;margin-right:5px;margin-left:5px}.workflow-step{min-width:108px;grid-template-columns:22px 1fr}.workflow-step b{width:22px;height:22px}.workflow-step small{display:none}.generation-input-panel,.generation-results-panel{padding:13px}.reference-dropzone{align-items:flex-start}.reference-browse{margin-left:auto}.reference-thumb-list{grid-template-columns:repeat(2,1fr)}.provider-choice>div{grid-template-columns:1fr}.model-editor-toggles{grid-template-columns:1fr}.model-security-note span{line-height:1.45}.export-preview{min-width:0}}.product-image-set{margin-top:20px;padding-top:17px;border-top:1px solid var(--border-subtle)}.product-image-set-heading{display:flex;align-items:center;justify-content:space-between;gap:10px;margin-bottom:10px}.product-image-set-heading>div{display:flex;flex-direction:column;gap:4px}.product-image-set-heading strong{font-size:10px}.product-image-set-heading span{color:var(--text-muted);font-size:8px}.product-image-set-heading>span{color:#a5b4fc;font-family:JetBrains Mono,monospace;font-size:9px}.product-image-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.product-image-tile,.product-image-add{position:relative;min-height:98px;overflow:hidden;border-radius:6px}.product-image-tile{background:var(--bg-surface-1);border:1px solid var(--border-default)}.product-image-tile img{width:100%;height:100%;display:block;object-fit:cover}.product-image-tile:after{content:"";position:absolute;top:55%;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(transparent,#07090ee0)}.product-image-tile>span{position:absolute;z-index:2;right:5px;bottom:5px;left:5px;color:#dbeafe;font-size:8px}.product-image-tile>button{position:absolute;z-index:3;top:4px;right:4px;width:20px;height:20px;display:grid;place-items:center;padding:0;color:#e2e8f0;background:#0b0d13ad;border:1px solid rgba(255,255,255,.14);border-radius:50%}.product-image-tile>button:hover{color:#fca5a5}.product-image-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#a5b4fc;background:#6366f10f;border:1px dashed #465373}.product-image-add:hover{background:#6366f11f;border-color:#818cf8}.product-image-add span{color:var(--text-secondary);font-size:9px}.product-image-add small{color:var(--text-muted);font-size:8px}.product-image-drop{display:flex;align-items:center;justify-content:center;gap:5px;margin-top:7px;padding:7px;color:var(--text-muted);border:1px dashed rgba(71,85,105,.7);border-radius:5px;font-size:8px}.product-image-drop svg{color:#818cf8}@media (max-width: 520px){.product-image-grid{grid-template-columns:repeat(2,1fr)}}:root{font-family:Inter,Microsoft YaHei,PingFang SC,Noto Sans SC,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;--text-secondary: #b6c2d2;--text-muted: #8492a8}body{font-size:15px;line-height:1.5}.global-rail{width:88px;padding:18px 10px 16px}.app-content{padding-left:88px}.rail-brand-name{font-size:10px}.rail-nav{gap:9px}.rail-nav-item{min-height:58px;gap:6px;font-size:12px}.rail-nav-item.active:before{left:-10px}.rail-workspace{font-size:12px}.topbar{min-height:72px;padding:0 28px}.topbar-context{gap:10px}.topbar-context-icon{width:36px;height:36px}.topbar-context small{font-size:11px;letter-spacing:.1em}.topbar-context strong{font-size:16px}.local-mode{gap:7px;font-size:13px}.local-mode>span,.api-state-dot{width:7px;height:7px}.api-state{font-size:12px}.topbar-refresh{width:34px;height:34px}.primary-button,.secondary-button,.ghost-button,.danger-ghost{min-height:40px;padding-right:15px;padding-left:15px;font-size:14px}.ghost-button.small{min-height:34px;padding-right:11px;padding-left:11px;font-size:13px}.ghost-button.tiny{min-height:30px;padding-right:9px;padding-left:9px;font-size:12px}.connection-banner{max-width:1680px;margin-top:16px;padding:14px 17px}.connection-banner strong{font-size:14px}.connection-banner small{font-size:12px}.simple-studio{height:calc(100vh - 72px);padding:40px clamp(24px,4vw,72px) 56px}.simple-studio-header,.workflow-steps,.studio-workspace,.simple-studio-footer,.connection-banner,.model-settings-intro,.model-security-note,.model-section-title,.model-config-grid,.library-quick-note,.library-loading{max-width:1680px}.simple-studio-header{margin-bottom:28px}.simple-studio-header h1{margin-top:8px;margin-bottom:8px;font-size:32px}.simple-studio-header p{font-size:15px}.eyebrow{font-size:12px;letter-spacing:.08em}.studio-header-context{gap:10px}.studio-header-context span{padding:9px 12px;font-size:12px}.workflow-steps{min-height:82px;margin-bottom:20px;padding-right:28px;padding-left:28px}.workflow-step{min-width:220px;grid-template-columns:32px 1fr;column-gap:11px}.workflow-step b{width:32px;height:32px;font-size:12px}.workflow-step span{font-size:14px}.workflow-step small{font-size:12px}.workflow-steps>i{width:70px;margin-right:22px;margin-left:22px}.studio-workspace{grid-template-columns:minmax(500px,580px) minmax(620px,1fr);gap:20px}.generation-input-panel,.generation-results-panel{border-radius:13px}.generation-input-panel,.generation-results-panel{padding:24px}.generation-results-panel{min-height:700px}.input-panel-heading h2,.results-panel-top h2{margin-top:6px;margin-bottom:6px;font-size:20px}.input-required{font-size:12px}.input-step-block{padding-top:22px;padding-bottom:22px}.input-step-block:first-of-type{padding-top:18px}.input-step-title{gap:11px;margin-bottom:13px}.input-step-title>span{width:28px;height:28px;font-size:12px}.input-step-title>div{gap:4px}.input-step-title strong{font-size:15px}.input-step-title small{font-size:12px}.product-select-wrap,.model-select-wrap{height:44px;gap:9px;padding-right:12px;padding-left:12px}.product-select-wrap select,.model-select-wrap select{font-size:14px}.selected-product-preview{gap:12px;margin-top:11px;padding:12px}.selected-product-preview>img{width:58px;height:58px}.selected-product-preview>div{gap:5px}.selected-product-preview strong{font-size:14px}.selected-product-preview>div>span,.lock-summary{font-size:12px}.no-product-state{gap:9px;padding:14px;font-size:13px}.no-product-state .secondary-button{min-height:36px;padding-right:10px;padding-left:10px;font-size:12px}.reference-block{padding-bottom:18px}.reference-dropzone{min-height:104px;gap:12px;padding:14px}.reference-upload-icon{width:42px;height:42px}.reference-drop-copy{gap:5px}.reference-drop-copy strong{font-size:14px}.reference-drop-copy small{font-size:12px}.reference-browse{padding:9px 11px;font-size:12px}.reference-thumb-list{gap:9px;margin-top:10px}.reference-thumb span{font-size:11px}.reference-thumb button{width:27px;height:27px}.reference-empty-hint,.reference-upload-error{gap:7px;margin-top:9px;font-size:12px}.model-selector-row{gap:10px}.model-config-link{min-height:36px;padding-right:8px;padding-left:8px;font-size:12px}.model-selected-meta,.model-empty-meta{margin-top:9px;font-size:12px}.advanced-settings{padding-top:17px}.advanced-toggle{min-height:40px;gap:9px;padding-right:8px;padding-left:8px}.advanced-toggle>span{gap:7px;font-size:14px}.advanced-toggle small{font-size:12px}.advanced-body{gap:13px;padding-top:14px}.advanced-body .field-row{gap:12px}.advanced-body .field-label{font-size:13px}.advanced-body .field-label input,.advanced-body .field-label select{padding:10px;font-size:14px}.generate-main-button{min-height:52px;gap:9px;margin-top:22px;font-size:16px}.generate-main-button span{padding:4px 7px;font-size:11px}.model-warning{gap:7px;margin-top:10px;font-size:12px}.model-warning button{font-size:12px}.results-panel-top{margin-bottom:24px}.results-panel-top h2{font-size:22px}.results-panel-top h2 span{font-size:14px}.results-panel-top p{font-size:12px}.job-state{min-height:32px;padding-right:10px;padding-left:10px;font-size:12px}.results-empty,.results-running,.results-error{min-height:590px;padding:42px}.results-empty h2,.results-running h2,.results-error h2{margin-top:10px;margin-bottom:10px;font-size:21px}.results-empty p,.results-running p,.results-error p{font-size:14px}.empty-result-steps{gap:10px;margin-top:28px}.empty-result-steps span{padding:8px 10px;font-size:12px}.empty-result-steps b{font-size:11px}.running-progress>div:first-child{margin-bottom:9px;font-size:12px}.running-progress>div:first-child span:first-child{font-size:14px}.error-actions{gap:10px}.retry-hint{font-size:12px}.results-completed{min-height:590px}.results-title-row{margin-bottom:21px}.results-title-row h2{font-size:22px}.results-title-row h2 span{font-size:14px}.results-title-row p{font-size:12px}.results-complete-badge{padding:7px 9px;font-size:12px}.generated-grid{gap:16px}.generated-final-badge{font-size:11px}.generated-favorite{width:34px;height:34px}.generated-hover{gap:5px;padding:7px}.generated-hover button{gap:6px;padding:7px;font-size:12px}.generated-meta{min-height:54px;gap:9px;padding:10px 12px}.generated-meta>div{gap:5px}.generated-meta strong,.generated-meta span{font-size:12px}.results-no-output{min-height:240px;font-size:14px}.simple-studio-footer{margin-top:17px;font-size:12px}.page-view{min-height:calc(100vh - 72px);padding-top:42px}.page-intro{max-width:1680px;margin-bottom:34px}.page-intro h1{font-size:32px}.page-intro p{font-size:15px}.library-toolbar,.filter-line,.product-grid{max-width:1680px}.library-tabs{gap:7px}.library-tabs button{min-height:44px;padding-right:14px;padding-left:14px;font-size:14px}.library-tabs button span{font-size:12px}.library-search{width:320px;height:42px;font-size:14px}.library-search input{font-size:14px}.select-control,.filter-control-button{height:40px;padding-right:11px;padding-left:11px;font-size:13px}.select-control select,.results-count{font-size:13px}.library-quick-note{gap:13px;margin-bottom:28px;padding:14px 17px}.library-quick-note strong{font-size:14px}.library-quick-note span{font-size:13px}.library-quick-note .ghost-button{font-size:12px}.library-loading{font-size:14px}.model-settings-view{padding-top:42px}.model-settings-intro{margin-bottom:30px}.model-settings-intro h1{font-size:32px}.model-settings-intro p{font-size:15px}.model-security-note{gap:13px;margin-bottom:34px;padding:14px 17px}.model-security-note strong{font-size:14px}.model-security-note span{font-size:13px}.model-security-note code{font-size:12px}.model-section-title{margin-bottom:17px}.model-section-title h2{font-size:20px}.model-section-title h2 span{font-size:13px}.model-section-title p{font-size:12px}.model-config-grid{gap:18px}.model-config-card{padding:20px;border-radius:12px}.model-card-title>span,.model-card-model span,.model-card-meta,.model-card-state{font-size:12px}.model-card-title h3{font-size:16px}.default-model-tag{padding:4px 7px;font-size:11px}.model-card-model{margin-top:20px;padding:11px}.model-card-model code{font-size:12px}.model-card-meta{margin-top:14px}.model-card-state{padding-top:13px}.model-card-actions{gap:8px;margin-top:17px}.model-card-actions .secondary-button{min-height:38px;font-size:12px}.add-model-card{min-height:300px}.add-model-card strong{font-size:15px}.add-model-card small{font-size:12px}.model-editor-modal{width:min(720px,100%)}.model-editor-body{padding:26px 30px 30px}.provider-choice>span,.model-editor-fields .field-label{font-size:13px}.provider-choice button{gap:10px;padding:12px}.provider-choice strong{font-size:13px}.provider-choice small,.label-with-icon small,.toggle-setting small{font-size:12px}.model-editor-fields{gap:16px;margin-top:24px}.model-editor-fields input,.model-editor-fields select{min-height:44px;padding:10px 12px;font-size:14px}.model-editor-toggles{gap:12px;margin-top:21px}.toggle-setting{padding:13px}.toggle-setting strong{font-size:13px}.model-doc-link{margin-top:21px;padding:12px;font-size:12px}.field-hint,.form-error{font-size:12px}.product-main-upload strong{font-size:14px}.product-main-upload>div:last-child>span,.upload-ok{font-size:12px}.required-mark{font-size:10px}.upload-file-label{min-height:36px;padding-right:12px;padding-left:12px;font-size:12px}.lock-examples{font-size:12px}.product-image-set-heading strong{font-size:14px}.product-image-set-heading span,.product-image-set-heading>span{font-size:12px}.product-image-tile>span{font-size:11px}.product-image-add span{font-size:12px}.product-image-add small,.product-image-drop{font-size:11px}@media (min-width: 1101px){.studio-workspace{grid-template-columns:minmax(500px,580px) minmax(620px,1fr)}}@media (max-width: 1100px) and (min-width: 801px){.studio-workspace{grid-template-columns:minmax(430px,500px) minmax(0,1fr)}.workflow-step{min-width:170px}.workflow-steps>i{width:42px;margin-right:12px;margin-left:12px}}@media (max-width: 800px){.global-rail{width:76px}.app-content{padding-left:76px}.topbar{min-height:64px;padding:0 18px}.simple-studio{height:auto;min-height:calc(100vh - 64px);padding:30px 18px 50px}.simple-studio-header h1,.page-intro h1,.model-settings-intro h1{font-size:28px}.simple-studio-header p,.page-intro p,.model-settings-intro p{font-size:14px}.workflow-steps{min-height:78px}.workflow-step{min-width:175px}.studio-workspace{grid-template-columns:1fr}.generation-input-panel,.generation-results-panel{padding:20px}.generation-results-panel{min-height:560px}.results-empty,.results-running,.results-error{min-height:460px;padding:28px}.page-view,.model-settings-view{padding:30px 18px 50px}}@media (max-width: 520px){body{font-size:14px}.global-rail{width:68px;padding-right:7px;padding-left:7px}.app-content{padding-left:68px}.rail-nav-item{min-height:54px;font-size:11px}.simple-studio{padding-right:12px;padding-left:12px}.simple-studio-header h1,.page-intro h1,.model-settings-intro h1{font-size:25px}.workflow-steps{padding-right:16px;padding-left:16px}.workflow-step{min-width:155px;grid-template-columns:30px 1fr}.workflow-step b{width:30px;height:30px}.workflow-step span{font-size:13px}.workflow-step small{font-size:11px}.generation-input-panel,.generation-results-panel{padding:16px}.input-step-title strong{font-size:14px}.input-step-title small,.reference-drop-copy small{font-size:11px}.reference-dropzone{align-items:flex-start;min-height:100px}.reference-browse{margin-left:auto}.studio-header-context{width:100%}.studio-header-context span{flex:1;justify-content:center}.advanced-body .field-row{grid-template-columns:1fr}.simple-studio-footer{font-size:11px}.model-editor-body{padding:22px 18px 24px}.model-editor-toggles{grid-template-columns:1fr}}.simple-studio-header,.workflow-steps,.studio-workspace,.simple-studio-footer,.page-intro,.library-toolbar,.filter-line,.product-grid,.model-settings-intro,.model-security-note,.model-section-title,.model-config-grid,.library-quick-note,.library-loading{width:100%}.field-label{font-size:14px}.field-label input,.field-label textarea,.field-label select{min-height:44px;padding:10px 12px;font-size:14px}.field-label textarea{min-height:110px}.drawer-heading h2,.modal-header h2{font-size:22px}.drawer-heading p,.modal-header p,.editor-section-intro p,.drawer-tabs button{font-size:13px}.editor-section-intro h3{font-size:20px}.editor-section-intro .eyebrow,.product-meta-grid span,.asset-count{font-size:12px}.product-image-tile>span,.product-image-add small,.generated-final-badge{font-size:12px}.product-image-drop{font-size:12px}@media (min-width: 1351px){.studio-workspace{grid-template-columns:minmax(500px,580px) minmax(620px,1fr)}}@media (max-width: 1350px) and (min-width: 1051px){.studio-workspace{grid-template-columns:minmax(420px,480px) minmax(0,1fr)}.workflow-step{min-width:170px}.workflow-steps>i{width:42px;margin-right:12px;margin-left:12px}}@media (max-width: 1050px) and (min-width: 801px){.studio-workspace{grid-template-columns:1fr}.generation-results-panel{min-height:560px}}.workflow-step small,.simple-studio-footer,.rail-nav-item{font-size:12px}.lock-textarea{min-height:240px}.description-analysis-field{gap:10px}.description-label-row{display:flex;align-items:baseline;justify-content:space-between;gap:12px}.description-label-row>span{color:var(--text-secondary)}.description-label-row small{color:var(--text-muted);font-size:12px;font-weight:400}.analysis-image-option{display:inline-flex;align-items:center;gap:8px;color:var(--text-secondary);font-size:13px;cursor:pointer}.analysis-image-option input{width:16px;height:16px;accent-color:var(--primary-500)}.analysis-image-option small{color:var(--text-muted);font-size:12px}.analysis-action-row{display:flex;align-items:center;gap:10px}.analysis-action-row select{min-width:0;min-height:42px;flex:1;padding:0 12px;color:var(--text-primary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:6px;font-size:14px}.analysis-action-row select:focus{border-color:#6366f1;outline:0;box-shadow:0 0 0 3px #6366f117}.analysis-button{min-width:148px}.analysis-no-model{min-height:42px;flex:1;padding:0 12px;color:#fdba74;text-align:left;background:#f9731612;border:1px dashed rgba(249,115,22,.35);border-radius:6px;font-size:12px}.analysis-no-model:hover{color:#fed7aa;background:#f973161f}.analysis-error{display:flex;align-items:center;gap:8px}.analysis-error button{padding:0;color:#fcd34d;background:transparent;border:0;font-size:12px;text-decoration:underline}.analysis-preview{display:flex;flex-direction:column;gap:14px;margin-top:6px;padding:17px;background:#6366f112;border:1px solid rgba(129,140,248,.35);border-radius:9px}.analysis-preview-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.analysis-preview-heading>div{display:flex;flex-direction:column;gap:4px}.analysis-preview-heading strong{color:#e0e7ff;font-size:15px}.analysis-preview-heading span{color:var(--text-muted);font-size:12px}.analysis-preview-category{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:10px 12px;background:#0b0d1352;border-radius:6px}.analysis-preview-category span{color:var(--text-muted);font-size:12px}.analysis-preview-category strong{color:#c7d2fe;font-size:14px}.analysis-preview-section>strong,.analysis-preview-columns>div>strong{color:var(--text-secondary);font-size:13px}.analysis-preview-section p{margin:6px 0 0;color:var(--text-primary);font-size:13px;line-height:1.6}.analysis-preview-columns{display:grid;grid-template-columns:1fr 1fr;gap:14px}.analysis-preview-columns>div{min-width:0;padding:11px 12px;background:#0b0d133d;border-radius:6px}.analysis-preview-columns ul,.analysis-warnings ul{display:flex;flex-direction:column;gap:6px;margin:9px 0 0;padding-left:18px;color:var(--text-secondary);font-size:12px;line-height:1.45}.analysis-preview-empty{margin:9px 0 0;color:var(--text-muted);font-size:12px}.analysis-warnings{padding:11px 12px;color:#fdba74;background:#f9731614;border:1px solid rgba(249,115,22,.2);border-radius:6px}.analysis-warnings>strong{display:inline-flex;align-items:center;gap:6px;font-size:13px}.analysis-warnings ul{margin-bottom:0;color:#fed7aa}.analysis-preview-actions{display:flex;justify-content:flex-end;gap:9px;padding-top:2px}.capability-choice{margin-bottom:22px}.capability-choice>span{display:block;margin-bottom:9px}.capability-choice>div{display:grid;grid-template-columns:1fr 1fr;gap:10px}.capability-choice button{display:flex;align-items:center;gap:10px;padding:12px;color:var(--text-secondary);text-align:left;background:var(--bg-surface-1);border:1px solid var(--border-subtle);border-radius:7px}.capability-choice button:hover{border-color:#5964a5}.capability-choice button.selected{color:#e0e7ff;background:#6366f11a;border-color:#6366f1}.capability-choice button>span{min-width:0;display:flex;flex:1;flex-direction:column;gap:4px}.capability-choice button strong{font-size:14px}.capability-choice button small{color:var(--text-muted);font-size:12px}@media (max-width: 650px){.analysis-action-row,.analysis-preview-actions{align-items:stretch;flex-direction:column}.analysis-button{width:100%}.analysis-preview-columns,.capability-choice>div{grid-template-columns:1fr}.description-label-row{align-items:flex-start;flex-direction:column;gap:3px}}.slot-studio-page{height:calc(100vh - 72px);min-height:720px;overflow:hidden;padding:34px clamp(24px,3.5vw,64px) 38px;background:radial-gradient(circle at 82% -12%,rgba(79,70,229,.14),transparent 34%),var(--bg-canvas)}.slot-studio-header{max-width:1680px;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin:0 auto 24px}.slot-studio-header h1{margin:8px 0;color:var(--text-primary);font-size:30px;font-weight:650;letter-spacing:-.035em}.slot-studio-header p{max-width:760px;margin:0;color:var(--text-secondary);font-size:15px;line-height:1.55}.slot-header-stats{display:flex;align-items:center;gap:9px;flex-wrap:wrap;justify-content:flex-end}.slot-header-stats span{display:inline-flex;align-items:center;gap:7px;min-height:38px;padding:0 12px;color:var(--text-secondary);background:#ffffff0a;border:1px solid var(--border-subtle);border-radius:7px;font-size:12px;white-space:nowrap}.slot-header-stats svg{color:#a5b4fc}.slot-studio-layout{position:relative;z-index:1;max-width:1680px;width:100%;min-height:0;display:grid;grid-template-columns:minmax(400px,460px) minmax(0,1fr);gap:20px;margin:0 auto;flex:1}.slot-studio-layout .slot-rail-panel{width:auto;min-width:0;min-height:0;max-height:none;overflow:hidden;background:#11141ee6;border:1px solid var(--border-default);border-radius:13px}.slot-rail-header-compact{position:relative;z-index:15;padding:10px 14px;background:#0e111af2;border-bottom:1px solid var(--border-default);display:flex;flex-direction:column;gap:7px;flex-shrink:0}.slot-rail-header-compact:has(.custom-select-container.is-open){z-index:30}.slot-rail-title-row{display:flex;align-items:center;justify-content:space-between;gap:8px}.slot-rail-title{display:flex;align-items:center;gap:7px}.slot-rail-title h2{margin:0;font-size:15px;font-weight:700;color:var(--text-primary);letter-spacing:-.2px}.slot-count-badge{display:inline-flex;align-items:center;justify-content:center;min-width:19px;height:19px;padding:0 6px;font-family:JetBrains Mono,monospace;font-size:11px;font-weight:700;color:#818cf8;background:#6366f124;border:1px solid rgba(99,102,241,.28);border-radius:10px}.add-slot-button-compact{display:inline-flex;align-items:center;gap:4px;height:28px;padding:0 10px;font-size:11px;font-weight:600;color:#fff;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid rgba(165,180,252,.2);border-radius:6px;box-shadow:0 2px 8px #4f46e540;cursor:pointer;transition:all .15s ease;white-space:nowrap}.add-slot-button-compact:hover{filter:brightness(1.1);box-shadow:0 2px 12px #4f46e566}.add-slot-button-compact:active{transform:scale(.98)}.slot-template-bar-compact{display:flex;align-items:center;gap:7px}.slot-template-bar-compact .slot-template-select-wrap{flex:1;min-width:0}.slot-template-select-compact .custom-select-trigger{min-height:29px;padding:0 9px;font-size:11px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:6px;transition:all .15s ease}.slot-template-select-compact .custom-select-trigger:hover{border-color:#535c8b;background:#ffffff12}.slot-template-save-btn-compact{display:inline-flex;align-items:center;gap:4px;height:29px;padding:0 9px;color:#c7d2fe;background:#6366f11a;border:1px solid rgba(99,102,241,.25);border-radius:6px;font-size:11px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease}.slot-template-save-btn-compact:hover{background:#6366f133;border-color:#6366f173;color:#e0e7ff}.slot-panel-header{min-height:82px;padding:18px 18px 14px}.slot-panel-header h2{margin-top:6px;font-size:20px}.slot-panel-header h2 span{font-size:14px}.add-slot-button{min-height:38px;padding:0 12px;font-size:13px}.slot-panel-subheader{min-height:42px;padding:0 18px;font-size:12px}.slot-panel-tip{margin-left:auto;color:var(--text-muted)}.slot-template-bar{display:flex;align-items:center;gap:8px;padding:8px 14px;background:#0f121cbf;border-top:1px solid rgba(255,255,255,.05);border-bottom:1px solid rgba(255,255,255,.05)}.slot-template-select-wrap{flex:1;min-width:0}.slot-template-select .custom-select-trigger{min-height:33px;padding:0 10px;font-size:12px;background:#ffffff0a;border:1px solid rgba(255,255,255,.1);border-radius:7px;transition:all .15s ease}.slot-template-select .custom-select-trigger:hover{border-color:#535c8b;background:#ffffff12}.slot-template-save-btn{display:inline-flex;align-items:center;gap:5px;min-height:33px;padding:0 11px;color:#c7d2fe;background:#6366f11f;border:1px solid rgba(99,102,241,.28);border-radius:7px;font-size:12px;font-weight:500;white-space:nowrap;cursor:pointer;transition:all .15s ease}.slot-template-save-btn:hover{background:#6366f138;border-color:#6366f180;color:#e0e7ff}.slot-list{gap:11px;padding:13px 13px 20px;overflow-y:auto}.slot-card{padding:14px 14px 12px;border-radius:10px}.slot-card-header{gap:8px}.slot-number{font-size:12px}.slot-heading{gap:6px;max-width:165px}.slot-heading strong{font-size:13px}.slot-purpose-badge{font-size:11px;padding:2px 7px;max-width:115px}.slot-header-end{gap:6px}.slot-final-icon{width:22px;height:22px}.slot-status{gap:5px;font-size:12px}.slot-more{width:29px;height:30px}.slot-previews{gap:8px;margin:12px 0 9px}.slot-preview{border-radius:7px}.slot-empty{gap:6px;font-size:12px}.preview-label{top:7px;left:7px;padding:3px 6px;font-size:11px}.slot-meta-row{font-size:12px}.slot-card-footer{gap:8px;margin-top:11px;padding-top:10px}.slot-output-count{gap:6px;font-size:12px}.slot-move-actions{display:inline-flex;gap:4px}.slot-move-actions button{width:27px;height:27px;display:grid;place-items:center;padding:0;color:var(--text-muted);background:#ffffff09;border:1px solid var(--border-subtle);border-radius:5px}.slot-move-actions button:hover:not(:disabled){color:#c7d2fe;border-color:#5964a5}.slot-move-actions button:disabled{cursor:not-allowed;opacity:.3}.slot-detail-panel{min-width:0;min-height:0;overflow:hidden;background:transparent}.slot-detail-header{min-height:82px;display:flex;align-items:center;justify-content:space-between;gap:18px;padding:0 4px 16px}.slot-detail-title{display:flex;align-items:center;gap:13px;min-width:0}.slot-detail-number{width:44px;height:44px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(135deg,#7376f7,#4f46e5);border-radius:11px;font-family:JetBrains Mono,monospace;font-size:14px;font-weight:600;box-shadow:0 0 18px #6366f13d}.slot-detail-title>div:last-child{min-width:0;display:flex;flex-direction:column;gap:4px}.slot-detail-title input{width:min(360px,100%);padding:0;overflow:hidden;color:var(--text-primary);background:transparent;border:0;outline:0;font-size:21px;font-weight:650;text-overflow:ellipsis}.slot-detail-title small{color:var(--text-muted);font-size:12px}.slot-detail-actions{display:flex;gap:7px}.slot-detail-actions .icon-button{width:36px;height:36px;border-color:var(--border-subtle);background:#ffffff09}.slot-detail-actions .icon-button:disabled{cursor:not-allowed;opacity:.35}.slot-detail-scroll{min-height:0;height:calc(100% - 82px);overflow-y:auto;padding-right:3px}.slot-input-grid{min-width:0;display:grid;grid-template-columns:minmax(430px,520px) minmax(0,1fr);align-items:start;gap:20px}.slot-control-card,.slot-result-card{min-width:0;overflow:hidden;background:linear-gradient(145deg,#1a1e2cf5,#12151ff5);border:1px solid var(--border-default);border-radius:13px;box-shadow:var(--shadow-sm)}.slot-control-card{padding:24px}.slot-result-card{min-height:700px;padding:24px}.slot-control-card-heading,.slot-result-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:14px}.slot-control-card-heading h2,.slot-result-heading h2{margin:7px 0;font-size:20px}.slot-control-card-heading p,.slot-result-heading p{margin:0;color:var(--text-secondary);font-size:13px;line-height:1.55}.slot-required{padding:5px 8px;color:#fdba74;background:#f973161a;border-radius:5px;font-size:12px;white-space:nowrap}.slot-control-section{padding:22px 0;border-bottom:1px solid var(--border-subtle)}.slot-control-section:first-of-type{padding-top:21px}.slot-control-label{display:flex;align-items:flex-start;gap:10px;margin-bottom:12px}.slot-control-label>b{width:28px;height:28px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:#6366f124;border-radius:6px;font-family:JetBrains Mono,monospace;font-size:12px}.slot-control-label>div{display:flex;flex-direction:column;gap:4px}.slot-control-label strong{font-size:15px}.slot-control-label small{color:var(--text-muted);font-size:12px;line-height:1.4}.slot-product-select{height:46px;display:flex;align-items:center;gap:9px;padding:0 12px;color:#a5b4fc;background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:7px}.slot-product-select:focus-within{border-color:#6366f1;box-shadow:0 0 0 3px #6366f114}.slot-product-select select{min-width:0;flex:1;-webkit-appearance:none;-moz-appearance:none;appearance:none;color:var(--text-primary);background:transparent;border:0;outline:0;font-size:14px}.slot-product-select option{color:#0f172a;background:#fff}.slot-product-summary{display:flex;align-items:center;gap:11px;margin-top:10px;padding:11px;background:#ffffff09;border:1px solid var(--border-subtle);border-radius:7px}.slot-product-summary img{width:58px;height:58px;flex:0 0 auto;object-fit:cover;border-radius:6px}.slot-product-summary>div{min-width:0;display:flex;flex-direction:column;gap:5px}.slot-product-summary strong{overflow:hidden;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.slot-product-summary span{color:var(--text-muted);font-size:12px}.slot-product-summary small{display:inline-flex;align-items:flex-start;gap:5px;color:#a5b4fc;font-size:12px;line-height:1.35}.slot-no-product{display:flex;align-items:center;gap:9px;padding:14px;color:var(--text-muted);background:var(--bg-surface-1);border:1px dashed var(--border-default);border-radius:7px;font-size:13px}.slot-no-product button{min-height:36px;margin-left:auto;padding:0 10px;font-size:12px}.slot-advanced-settings{padding-top:18px}.slot-generate-main{min-height:54px;margin-top:22px;font-size:16px}.slot-result-heading{margin-bottom:23px}.slot-result-heading .job-state{flex:0 0 auto}.slot-result-card .results-empty,.slot-result-card .results-running,.slot-result-card .results-error,.slot-result-card .results-completed{min-height:570px}@media (max-width: 1350px) and (min-width: 1051px){.slot-studio-layout{grid-template-columns:minmax(360px,420px) minmax(0,1fr)}.slot-input-grid{grid-template-columns:minmax(380px,450px) minmax(0,1fr)}.slot-control-card,.slot-result-card{padding:20px}}@media (max-width: 1050px) and (min-width: 801px){.slot-studio-page{height:auto;min-height:calc(100vh - 72px);overflow-y:auto}.slot-studio-layout{grid-template-columns:1fr}.slot-studio-layout .slot-rail-panel{max-height:620px}.slot-input-grid{grid-template-columns:1fr}.slot-detail-scroll{height:auto;overflow:visible}.slot-result-card{min-height:620px}}@media (max-width: 800px){.slot-studio-page{height:auto;min-height:calc(100vh - 64px);overflow-y:auto;padding:28px 18px 48px}.slot-studio-header{align-items:flex-start;flex-direction:column;gap:16px}.slot-studio-header h1{font-size:28px}.slot-header-stats{justify-content:flex-start}.slot-studio-layout{grid-template-columns:1fr}.slot-studio-layout .slot-rail-panel{max-height:560px}.slot-list{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-detail-header{padding-top:16px}.slot-input-grid{grid-template-columns:1fr}.slot-result-card{min-height:0}.slot-result-card .results-empty,.slot-result-card .results-running,.slot-result-card .results-error{min-height:460px}}@media (max-width: 520px){.slot-studio-page{padding-right:12px;padding-left:12px}.slot-list{grid-template-columns:1fr}.slot-detail-title input{font-size:18px}.slot-detail-actions .icon-button{width:32px;height:32px}.slot-control-card,.slot-result-card{padding:16px}.slot-control-card-heading h2,.slot-result-heading h2{font-size:18px}.slot-header-stats span{flex:1;justify-content:center}.slot-control-label strong{font-size:14px}.slot-control-label small{font-size:12px}.slot-detail-actions{gap:4px}}.projects-management-view{min-height:calc(100vh - 72px)}.projects-page-intro{margin-bottom:18px}.project-ops-note{max-width:1680px;width:100%;display:flex;align-items:center;gap:11px;margin:0 auto 22px;padding:10px 15px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:8px}.project-ops-icon{width:32px;height:32px;display:grid;place-items:center;flex:0 0 auto;color:#a5b4fc;background:#6366f129;border-radius:7px}.project-ops-note>div:nth-child(2){min-width:0;display:flex;flex:1;flex-direction:column;gap:2px}.project-ops-note strong{font-size:13px}.project-ops-note span{color:var(--text-secondary);font-size:12px}.project-ops-rule{color:#c7d2fe!important;font-family:JetBrains Mono,monospace;font-size:11px!important;white-space:nowrap}.projects-section-heading{max-width:1680px;width:100%;display:flex;align-items:flex-end;justify-content:space-between;gap:14px;margin:0 auto 12px}.projects-section-heading h2{margin:0 0 3px;font-size:17px;font-weight:650}.projects-section-heading h2 span{color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:13px;font-weight:400}.projects-section-heading p{margin:0;color:var(--text-muted);font-size:12px}.projects-management-grid{max-width:1680px;width:100%;display:grid;grid-template-columns:repeat(auto-fill,minmax(300px,1fr));gap:14px;margin:0 auto}.project-management-card{min-width:0;overflow:hidden;background:linear-gradient(145deg,#191d2c,#141722);border:1px solid var(--border-subtle);border-radius:10px;box-shadow:var(--shadow-sm);transition:border-color .18s,transform .18s,box-shadow .18s}.project-management-card:hover{border-color:#465373;transform:translateY(-2px);box-shadow:var(--shadow-md)}.project-management-card.archived{opacity:.78}.project-management-card .project-card-banner{height:auto;min-height:42px;display:flex;align-items:center;gap:7px;padding:8px 13px;color:var(--text-secondary);background:linear-gradient(120deg,#6366f12e,#12151f66);border-bottom:1px solid var(--border-subtle);font-size:11.5px}.project-management-card.archived .project-card-banner{background:#ffffff06}.project-status-dot{width:7px;height:7px;flex:0 0 auto;border-radius:50%;background:#818cf8;box-shadow:0 0 6px #818cf88c}.project-status-dot.running{background:#fbbf24;box-shadow:0 0 6px #fbbf248c}.project-status-dot.warning{background:#fb923c;box-shadow:0 0 6px #fb923c80}.project-status-dot.archived{background:#64748b;box-shadow:none}.project-card-actions{display:flex;gap:4px;margin-left:auto}.project-card-actions .icon-button{width:26px;height:26px;padding:0;border-radius:5px;border-color:#94a3b81f;background:#ffffff09}.project-management-content{padding:13px 15px}.project-management-title{display:flex;align-items:flex-start;justify-content:space-between;gap:8px}.project-management-title>div{min-width:0}.project-management-title>svg{flex:0 0 auto;color:#818cf8}.project-code{color:#a5b4fc;font-family:JetBrains Mono,monospace;font-size:10.5px;font-weight:600;letter-spacing:.06em}.project-management-title h3{overflow:hidden;margin:3px 0 0;font-size:15px;font-weight:650;text-overflow:ellipsis;white-space:nowrap;line-height:1.3}.project-product-line{display:flex;align-items:center;gap:6px;margin-top:9px;color:var(--text-secondary);font-size:12px}.project-product-line svg{color:#a5b4fc;flex:0 0 auto}.project-product-line span{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.project-product-line small{margin-left:auto;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:11px}.project-context-chips{display:flex;flex-wrap:wrap;gap:5px;margin-top:8px}.project-context-chips span{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;color:#c7d2fe;background:#6366f11a;border-radius:4px;font-size:11px;line-height:1.2}.project-context-chips svg{color:#a5b4fc;flex:0 0 auto}.project-progress-block{margin-top:12px}.project-progress-block>div:first-child{display:flex;justify-content:space-between;margin-bottom:5px;color:var(--text-secondary);font-size:11.5px}.project-progress-block>div:first-child strong{color:#fcd34d;font-family:JetBrains Mono,monospace;font-size:12px}.project-progress-block .progress-track{height:5px;border-radius:3px}.project-stats-line{display:flex;justify-content:space-between;gap:6px;margin-top:6px;color:var(--text-muted);font-size:11px}.project-stats-line span{display:inline-flex;align-items:center;gap:4px}.project-stats-line svg{color:#818cf8;flex:0 0 auto}.project-open-main{width:100%;min-height:33px;display:flex;align-items:center;justify-content:space-between;gap:6px;margin-top:12px;padding:0 11px;color:#dbeafe;background:#6366f124;border:1px solid rgba(99,102,241,.24);border-radius:6px;font-size:12px;font-weight:600}.project-open-main:hover:not(:disabled){background:#6366f140;border-color:#818cf880}.project-open-main:disabled{cursor:not-allowed;opacity:.55}.project-card-actions .icon-button.is-danger:hover{color:#f87171;border-color:#ef444466;background:#ef444426}.archived-card-bottom-actions{display:flex;gap:6px;margin-top:12px}.archived-card-bottom-actions .restore-btn{margin-top:0;flex:1;justify-content:center}.project-delete-permanent-btn{display:inline-flex;align-items:center;justify-content:center;gap:5px;min-height:33px;padding:0 12px;color:#fca5a5;background:#ef44441f;border:1px solid rgba(239,68,68,.28);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;transition:all .18s ease;white-space:nowrap}.project-delete-permanent-btn:hover{color:#fff;background:#ef444452;border-color:#ef4444a6;box-shadow:0 0 12px #ef444440}.archived-heading{margin-top:28px}.archived-project-grid{opacity:.92}.projects-empty{max-width:1680px;width:100%;min-height:300px;display:flex;flex-direction:column;align-items:center;justify-content:center;margin:0 auto;padding:35px;color:var(--text-muted);text-align:center;border:1px dashed var(--border-default);border-radius:11px}.projects-empty>svg{color:#818cf8;margin-bottom:12px}.projects-empty h2{margin:0 0 7px;color:var(--text-primary);font-size:21px}.projects-empty p{max-width:540px;margin:0 0 20px;color:var(--text-secondary);font-size:14px;line-height:1.55}.project-editor-modal{width:min(760px,100%)}.project-editor-body{min-height:0;display:flex;flex-direction:column;gap:17px;overflow-y:auto;padding:27px 30px 30px}.project-market-card{display:flex;flex-direction:column;gap:10px;padding:16px;background:#6366f10f;border:1px solid rgba(99,102,241,.18);border-radius:8px}.project-field-heading{display:flex;align-items:flex-start;gap:9px}.project-field-heading>svg{flex:0 0 auto;margin-top:2px;color:#a5b4fc}.project-field-heading>div{display:flex;flex-direction:column;gap:4px}.project-field-heading strong{font-size:14px}.project-field-heading small{color:var(--text-muted);font-size:12px}.project-market-card>select{min-height:44px;padding:0 12px;color:var(--text-primary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:6px;font-size:14px}.project-market-card .field-row{gap:12px}.project-market-card .field-label{font-size:13px}.project-market-card .field-label input{min-height:42px;font-size:14px}.slot-loading-state{min-height:55vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:9px;color:var(--text-muted)}.slot-loading-state svg{color:#a5b4fc}.slot-loading-state strong{color:var(--text-primary);font-size:20px}.slot-loading-state span{font-size:14px}.slot-loading-state button{margin-top:10px}.slot-template-modal{width:min(720px,94vw);max-height:90vh;display:flex;flex-direction:column}.slot-template-modal-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.slot-template-modal-title-row h2{margin:0;font-size:18px;font-weight:650;color:var(--text-primary)}.slot-template-badge{display:inline-flex;align-items:center;padding:2px 7px;font-size:11px;font-weight:600;border-radius:4px}.slot-template-badge.preset{color:#38bdf8;background:#38bdf81f;border:1px solid rgba(56,189,248,.24)}.slot-template-badge.custom{color:#a78bfa;background:#a78bfa1f;border:1px solid rgba(167,139,250,.24)}.slot-template-count-badge{font-size:12px;color:var(--text-muted)}.slot-template-modal-body{padding:16px 22px;overflow-y:auto;max-height:65vh}.slot-template-preview-intro{display:flex;align-items:flex-start;gap:12px;padding:12px 14px;margin-bottom:16px;background:#6366f114;border:1px solid rgba(99,102,241,.2);border-radius:8px}.slot-template-preview-intro .intro-icon{color:#818cf8;margin-top:1px;flex-shrink:0}.slot-template-preview-intro .intro-text strong{display:block;font-size:13px;color:#c7d2fe;margin-bottom:2px}.slot-template-preview-intro .intro-text p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.5}.slot-template-item-list{display:flex;flex-direction:column;gap:8px}.slot-template-item-row{display:flex;align-items:center;gap:12px;padding:10px 14px;background:#ffffff06;border:1px solid var(--border-subtle);border-radius:8px;transition:background .15s ease}.slot-template-item-row:hover{background:#ffffff0a}.template-item-index{font-family:JetBrains Mono,monospace;font-size:13px;font-weight:700;color:#818cf8;width:24px;flex-shrink:0}.template-item-main{flex:1;min-width:0}.template-item-top{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.template-item-name{font-size:13px;font-weight:600;color:var(--text-primary)}.template-item-instruction{margin:4px 0 0;font-size:11px;color:var(--text-muted);line-height:1.4}.template-item-meta{display:flex;align-items:center;gap:8px;font-size:12px;color:var(--text-secondary)}.template-item-ratio{padding:2px 6px;background:#ffffff0f;border-radius:4px;font-size:11px}.template-item-count{font-size:11px;color:var(--text-muted)}.slot-template-modal-footer{display:flex;align-items:center;justify-content:space-between;padding:14px 22px;border-top:1px solid var(--border-subtle)}.slot-template-modal-footer .footer-right{display:flex;align-items:center;gap:10px}.save-template-modal{width:min(840px,95vw);max-height:90vh;display:flex;flex-direction:column}.save-template-modal-body{padding:16px 22px;overflow-y:auto;max-height:65vh}.template-items-section{margin-top:18px;padding-top:16px;border-top:1px solid var(--border-subtle)}.template-items-header{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:12px}.template-items-header h3{margin:0;font-size:14px;font-weight:600;color:var(--text-primary)}.template-items-hint{font-size:12px;color:var(--text-muted)}.template-items-scroll{display:flex;flex-direction:column;gap:8px;max-height:320px;overflow-y:auto;padding-right:4px}.template-edit-item-row{display:flex;align-items:center;gap:8px;padding:8px 10px;background:#ffffff08;border:1px solid var(--border-subtle);border-radius:8px}.template-edit-index{font-family:JetBrains Mono,monospace;font-size:12px;font-weight:700;color:#818cf8;width:22px;flex-shrink:0;text-align:center}.template-edit-name-col{flex:1;min-width:110px}.template-edit-name-input{width:100%;padding:6px 10px;font-size:12px;color:var(--text-primary);background:#00000040;border:1px solid var(--border-subtle);border-radius:6px}.template-edit-name-input:focus{border-color:#6366f1;outline:none}.template-edit-purpose-col{width:180px;flex-shrink:0}.template-purpose-select .custom-select-trigger{min-height:32px;padding:0 8px;font-size:11px}.template-edit-ratio-col{width:78px;flex-shrink:0}.template-ratio-select .custom-select-trigger{min-height:32px;padding:0 6px;font-size:11px}.template-edit-count-col{width:72px;flex-shrink:0}.template-count-select .custom-select-trigger{min-height:32px;padding:0 6px;font-size:11px}.template-edit-actions{display:flex;align-items:center;gap:2px;flex-shrink:0}.template-action-btn{width:26px;height:26px;display:grid;place-items:center;padding:0;color:var(--text-muted);background:transparent;border:1px solid transparent;border-radius:4px;cursor:pointer;transition:all .12s ease}.template-action-btn:hover:not(:disabled){color:var(--text-primary);background:#ffffff14;border-color:var(--border-subtle)}.template-action-btn.danger:hover:not(:disabled){color:#f87171;background:#ef44441f;border-color:#ef444440}.template-action-btn:disabled{opacity:.25;cursor:not-allowed}.template-add-slot-btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;width:100%;min-height:34px;margin-top:10px;padding:0 14px;color:#818cf8;background:#6366f114;border:1px dashed rgba(99,102,241,.35);border-radius:7px;font-size:12px;font-weight:500;cursor:pointer;transition:all .15s ease}.template-add-slot-btn:hover{background:#6366f126;border-color:#6366f199;color:#a5b4fc}.save-template-modal-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:14px 22px;border-top:1px solid var(--border-subtle)}.btn-danger-ghost{display:inline-flex;align-items:center;gap:5px;padding:7px 12px;color:#f87171;background:#ef444414;border:1px solid rgba(239,68,68,.22);border-radius:6px;font-size:12px;cursor:pointer;transition:all .15s ease}.btn-danger-ghost:hover:not(:disabled){background:#ef44442e;border-color:#ef444473}.btn-danger-ghost:disabled{opacity:.4;cursor:not-allowed}.modal-close,.modal-shell .icon-button{width:32px;height:32px;display:grid;place-items:center;padding:0;color:var(--text-secondary);background:#ffffff0d;border:1px solid var(--border-default);border-radius:7px;cursor:pointer;transition:all .15s ease}.modal-close:hover,.modal-shell .icon-button:hover{color:#fff;background:#ffffff1a;border-color:var(--border-active)}.slot-template-modal-footer .primary-button,.save-template-modal-footer .primary-button,.btn-primary{color:#fff!important;background:linear-gradient(135deg,#7074f4,#4f46e5)!important;border:1px solid rgba(165,180,252,.2)!important;box-shadow:0 3px 10px #3630b44d!important;border-radius:7px!important;padding:0 16px!important;min-height:34px!important;font-size:12px!important;font-weight:600!important;display:inline-flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important}.slot-template-modal-footer .primary-button:hover,.save-template-modal-footer .primary-button:hover,.btn-primary:hover{filter:brightness(1.1)!important;box-shadow:0 4px 16px #4f46e573!important}.slot-template-modal-footer .ghost-button,.save-template-modal-footer .ghost-button,.btn-secondary{color:var(--text-primary)!important;background:#ffffff0f!important;border:1px solid var(--border-default)!important;border-radius:7px!important;padding:0 15px!important;min-height:34px!important;font-size:12px!important;font-weight:500!important;display:inline-flex!important;align-items:center!important;gap:6px!important;cursor:pointer!important}.slot-template-modal-footer .ghost-button:hover,.save-template-modal-footer .ghost-button:hover,.btn-secondary:hover{background:#ffffff1f!important;border-color:#535c8b!important}@media (max-width: 1200px){.projects-management-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width: 800px){.project-ops-note{align-items:flex-start;flex-wrap:wrap}.project-ops-rule{flex-basis:100%;margin-left:51px}.projects-management-grid{grid-template-columns:1fr}.project-editor-body{padding:22px 18px 24px}}@media (max-width: 520px){.project-ops-note span{font-size:12px}.project-management-content{padding:16px}.project-management-title h3{font-size:18px}.project-product-line{font-size:13px}.project-context-chips span,.project-stats-line{font-size:11px}.projects-empty h2{font-size:19px}}.studio-operator-bar{position:relative;z-index:50;max-width:1680px;width:100%;margin:0 auto 16px;padding:8px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;background:linear-gradient(145deg,#161a26f5,#0f121cf5);border:1px solid rgba(255,255,255,.08);border-radius:10px;box-shadow:0 4px 18px #0000004d;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);flex:0 0 auto}.studio-operator-bar:has(.custom-select-container.is-open){z-index:120}.operator-project-group{position:relative;z-index:20;display:flex;align-items:center;gap:7px;flex:0 0 auto}.operator-project-picker{display:inline-flex;align-items:center;gap:8px;padding:0 10px;height:36px;background:#6366f11a;border:1px solid rgba(99,102,241,.28);border-radius:7px;color:#a5b4fc;transition:all .18s}.operator-project-picker:hover{border-color:#818cf88c;background:#6366f129}.operator-project-picker select{min-width:120px;max-width:220px;height:100%;color:#f1f5f9;background:transparent;border:0;outline:0;font-size:14px;font-weight:700;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;padding-right:18px;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 24 24' fill='none' stroke='%23a5b4fc' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m6 9 6 6 6-6'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right center}.operator-project-picker select option{color:#0f172a;background:#fff}.operator-pill-btn{height:34px;display:inline-flex;align-items:center;gap:5px;padding:0 11px;color:#c7d2fe;background:#ffffff0b;border:1px solid var(--border-subtle);border-radius:6px;font-size:12px;font-weight:600;cursor:pointer;white-space:nowrap;transition:all .18s}.operator-pill-btn:hover{color:#fff;background:#6366f12e;border-color:#6366f161}.operator-pill-btn.ghost{color:var(--text-muted);background:transparent;border-color:transparent}.operator-pill-btn.ghost:hover{color:var(--text-secondary);background:#ffffff0d}.operator-specs-group{display:flex;align-items:center;gap:6px;flex-wrap:wrap;min-width:0}.operator-spec-chip{display:inline-flex;align-items:center;gap:5px;padding:5px 9px;color:var(--text-secondary);background:#ffffff09;border:1px solid rgba(255,255,255,.06);border-radius:6px;font-size:12px;white-space:nowrap}.operator-spec-chip svg{color:#a5b4fc;flex-shrink:0}.operator-spec-chip small{color:var(--text-muted);font-size:11px;font-weight:500}.operator-spec-chip strong{color:#e2e8f0;font-weight:600;max-width:140px;overflow:hidden;text-overflow:ellipsis}.operator-spec-chip b{font-family:JetBrains Mono,monospace;font-size:12px;color:#a5b4fc}.operator-spec-chip.is-complete{border-color:#10b98152;background:#10b98114}.operator-spec-chip.is-complete svg,.operator-spec-chip.is-complete b{color:#6ee7b7}.operator-spec-chip.highlight-gold{border-color:#f59e0b59;background:#f59e0b1a}.operator-spec-chip.highlight-gold svg,.operator-spec-chip.highlight-gold b{color:#fcd34d}.operator-actions-group{display:flex;align-items:center;gap:7px;flex:0 0 auto}.operator-gen-btn{min-height:36px;padding:0 13px;gap:6px;font-size:12px;font-weight:700;background:linear-gradient(135deg,#6366f1,#4338ca);box-shadow:0 2px 12px #6366f152}.operator-gen-btn b{padding:2px 5px;background:#00000047;border-radius:4px;font-family:JetBrains Mono,monospace;font-size:11px}.operator-retry-btn{min-height:36px;padding:0 10px;gap:5px;font-size:12px;color:#fed7aa;background:#f973161f;border-color:#f973164d}.operator-retry-btn:hover{background:#f9731638;border-color:#f9731680;color:#fff}.operator-retry-btn b{padding:1px 5px;border-radius:4px;background:#00000040;font-family:JetBrains Mono,monospace}.operator-actions-sep{width:1px;height:20px;background:#ffffff1a;margin:0 2px}.operator-warning-strip{max-width:1680px;width:100%;margin:-6px auto 14px;padding:8px 14px;display:flex;align-items:center;gap:10px;background:#f973161a;border:1px solid rgba(249,115,22,.3);border-radius:8px;color:#fdba74;font-size:12px}.operator-warning-strip svg{flex-shrink:0;color:#f97316}.operator-warning-strip span{flex:1}.operator-warning-strip button{padding:4px 10px;color:#fed7aa;background:#f973162e;border:1px solid rgba(249,115,22,.35);border-radius:5px;font-size:11px;font-weight:600;cursor:pointer;white-space:nowrap}.operator-warning-strip button:hover{background:#f973164d;color:#fff}@media (max-width: 1300px){.studio-operator-bar{flex-wrap:wrap;gap:10px}.operator-specs-group{order:3;flex-basis:100%;padding-top:6px;border-top:1px solid rgba(255,255,255,.05)}}@media (max-width: 800px){.studio-operator-bar{padding:10px;flex-direction:column;align-items:stretch}.operator-project-group{width:100%}.operator-project-picker{flex:1}.operator-project-picker select{width:100%;max-width:none}.operator-actions-group{width:100%;flex-wrap:wrap}.operator-actions-group>*{flex:1}.operator-actions-sep{display:none}}.slot-studio-page{height:calc(100vh - 72px);min-height:0;padding-top:25px;padding-bottom:25px}.slot-studio-header{margin-bottom:17px}.slot-studio-layout{grid-template-columns:minmax(330px,380px) minmax(0,1fr);gap:18px}.slot-studio-layout .slot-rail-panel{border-radius:12px}.slot-detail-panel{display:flex}.slot-result-card{width:100%;min-height:0;height:100%;display:flex;flex-direction:column;padding:22px;overflow:visible!important}.slot-result-heading{align-items:flex-start;margin-bottom:18px;overflow:visible}.slot-result-heading-copy{min-width:0;flex:1;overflow:visible}.slot-result-title-line{display:flex;align-items:center;gap:11px;overflow:visible}.slot-result-title-group{min-width:0;display:flex;flex-direction:column;gap:2px;overflow:visible}.slot-result-title-row{display:flex;align-items:center;gap:8px;flex-wrap:wrap;min-width:0;overflow:visible}.slot-result-slot-name{margin:0;font-size:20px;font-weight:700;color:#fff;line-height:1.2;white-space:nowrap}.slot-result-title-divider{color:var(--text-muted);font-size:18px;font-weight:600}.slot-result-number{width:38px;height:38px;display:grid;place-items:center;flex:0 0 auto;color:#fff;background:linear-gradient(135deg,#7376f7,#4f46e5);border-radius:10px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600;box-shadow:0 0 16px #6366f133}.slot-result-heading h2{margin:0;font-size:20px;overflow:visible}.slot-result-heading-copy>p{margin:9px 0 0;color:var(--text-secondary);font-size:12px;line-height:1.5}.slot-result-meta{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-top:12px}.slot-result-meta span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;color:#aeb9d0;background:#ffffff0b;border:1px solid var(--border-subtle);border-radius:5px;font-size:11px}.slot-result-meta svg{color:#a5b4fc}.slot-purpose-select{min-width:0;max-width:205px;padding:2px 25px 2px 0;overflow:hidden;color:var(--text-primary);background:transparent;border:0;outline:0;font:inherit;font-weight:650;text-overflow:ellipsis;cursor:pointer}.slot-purpose-select:focus-visible{outline:2px solid #818cf8;outline-offset:3px;border-radius:4px}.slot-purpose-select option,.slot-quick-field select option{color:#0f172a;background:#fff}.slot-quick-settings{display:flex;align-items:flex-end;gap:10px;flex-wrap:wrap;margin-top:13px;padding:9px 10px;background:#ffffff09;border:1px solid var(--border-subtle);border-radius:7px}.slot-quick-field{min-width:112px;display:flex;flex-direction:column;gap:5px;color:var(--text-muted);font-size:10px}.slot-quick-field select{min-height:32px;padding:0 25px 0 8px;color:var(--text-primary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:5px;font-size:11px;cursor:pointer}.slot-quick-field select:hover,.slot-instruction-field input:hover{border-color:#5964a5}.slot-model-field{min-width:180px;flex:1 1 180px}.slot-instruction-field{min-width:220px;flex:2 1 240px}.slot-instruction-field input{min-height:32px;min-width:0;padding:0 8px;color:var(--text-primary);background:var(--bg-surface-1);border:1px solid var(--border-default);border-radius:5px;outline:0;font-size:11px}.slot-instruction-field input::placeholder{color:#64748b}.slot-instruction-field input:focus{border-color:#818cf8;box-shadow:0 0 0 2px #6366f11f}.slot-instruction-field input:disabled{cursor:wait;opacity:.62}.slot-name-editor{min-width:0;flex:0 1 auto;display:flex;align-items:center;gap:4px;overflow:hidden}.slot-name-editor>strong{min-width:0;flex:0 1 auto;overflow:hidden;color:#e2e8f0;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.slot-name-edit-button,.slot-name-action{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;padding:0;color:#a5b4fc;background:#6366f117;border:1px solid rgba(99,102,241,.2);border-radius:5px}.slot-name-edit-button:hover,.slot-name-action:hover:not(:disabled){color:#fff;background:#6366f138;border-color:#818cf87a}.slot-name-editor.editing{position:relative;gap:4px;flex:1 1 auto;max-width:150px}.slot-name-input{min-width:0;width:100%;max-width:85px;height:26px;flex:1;padding:0 6px;color:var(--text-primary);background:var(--bg-surface-1);border:1px solid #818cf8;border-radius:5px;outline:0;font-size:11px}.slot-name-action.save{color:#6ee7b7}.slot-name-action.cancel{color:#fda4af;background:transparent}.slot-name-action:disabled{cursor:wait;opacity:.5}.slot-name-error{position:absolute;z-index:4;top:calc(100% + 4px);left:0;padding:3px 6px;color:#fda4af;background:#1a1e2c;border:1px solid rgba(244,63,94,.3);border-radius:4px;font-size:9px;white-space:nowrap}@media (max-width: 1350px) and (min-width: 1051px){.slot-model-field{min-width:150px}.slot-instruction-field{min-width:180px}}.slot-quick-autosave{display:inline-flex;align-items:center;gap:5px;align-self:center;margin-left:auto;color:#6ee7b7;font-size:10px;white-space:nowrap}@media (max-width: 1350px) and (min-width: 1051px){.slot-purpose-select{max-width:175px}.slot-quick-settings{gap:7px}.slot-quick-field{min-width:96px}}@media (max-width: 800px){.slot-quick-settings{width:100%;align-items:stretch}.slot-quick-field{flex:1;min-width:0}.slot-quick-autosave{flex-basis:100%;margin-left:0}}@media (max-width: 520px){.slot-result-title-line h2{display:block}.slot-purpose-select{display:block;max-width:100%;padding-right:20px;font-size:15px}.slot-quick-settings{gap:6px;padding:8px}.slot-quick-field{flex:1 1 calc(50% - 6px);min-width:calc(50% - 6px);font-size:9px}.slot-quick-field select,.slot-instruction-field input{min-height:34px;font-size:10px}}.slot-result-actions{display:flex;align-items:center;justify-content:flex-end;gap:7px;flex-wrap:wrap;flex:0 0 auto}.slot-result-actions .job-state{order:-1}.slot-generate-button-main{min-height:36px;display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:0 10px;border-radius:6px;font-size:11px;font-weight:600;white-space:nowrap}.slot-generate-button-main{color:#fff;background:linear-gradient(135deg,#7074f4,#4f46e5);border:1px solid rgba(165,180,252,.25);box-shadow:0 3px 10px #3630b438}.slot-generate-button-main:hover:not(:disabled){filter:brightness(1.1);box-shadow:0 0 17px #6366f152}.slot-generate-button-main:disabled{cursor:not-allowed;opacity:.48}.slot-result-card .results-empty,.slot-result-card .results-running,.slot-result-card .results-error{min-height:0;flex:1}.slot-result-card .results-completed{min-height:0;flex:1;overflow-y:auto}.slot-result-card .generated-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.reference-slot-preview{overflow:hidden}.reference-slot-preview .reference-uploader-compact{height:100%}.reference-uploader-compact{display:flex;flex-direction:column;min-width:0}.compact-reference-picker{position:relative;min-height:0;display:flex;flex:1;gap:5px;padding:5px;background:#0b0d134d}.compact-reference-main{position:relative;min-width:0;min-height:0;display:flex;flex:1;align-items:stretch;justify-content:center;overflow:hidden;padding:0;color:var(--text-secondary);background:#111521;border:1px dashed #4e5b84;border-radius:5px;cursor:pointer}.compact-reference-main:hover{color:var(--text-primary);border-color:#818cf8;background:#6366f11a}.compact-reference-main>img{width:100%;height:100%;display:block;object-fit:cover}.compact-reference-main:after{position:absolute;content:"";inset:auto 0 0;height:45%;pointer-events:none;background:linear-gradient(transparent,#080a0fc7)}.compact-reference-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:#a5b4fc}.compact-reference-placeholder.dragging{color:#fff}.compact-reference-placeholder strong{font-size:10px}.compact-reference-label,.compact-reference-count{position:absolute;z-index:2;padding:3px 5px;color:#dbeafe;background:#080a0fb3;border:1px solid rgba(148,163,184,.2);border-radius:3px;font-size:9px;font-weight:600}.compact-reference-label{top:5px;left:5px}.compact-reference-count{right:5px;bottom:5px;font-family:JetBrains Mono,monospace}.compact-reference-side{width:27%;min-width:35px;display:flex;flex-direction:column;gap:5px}.compact-reference-thumb,.compact-reference-add{position:relative;min-height:0;flex:1;overflow:hidden;border-radius:5px}.compact-reference-thumb{background:#111521;border:1px solid var(--border-default)}.compact-reference-thumb img{width:100%;height:100%;display:block;object-fit:cover}.compact-reference-thumb span{position:absolute;z-index:2;right:4px;bottom:3px;padding:2px 4px;color:#fff;background:#080a0fb8;border-radius:3px;font-family:JetBrains Mono,monospace;font-size:8px}.compact-reference-thumb button,.compact-reference-remove-main{position:absolute;z-index:4;width:18px;height:18px;display:grid;place-items:center;padding:0;color:#e2e8f0;background:#080a0fb8;border:1px solid rgba(255,255,255,.18);border-radius:50%}.compact-reference-thumb button{top:3px;right:3px}.compact-reference-remove-main{top:8px;right:calc(27% + 8px)}.compact-reference-thumb button:hover,.compact-reference-remove-main:hover{color:#fca5a5;background:#461419db}.compact-reference-add{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:3px;color:#a5b4fc;background:#6366f11c;border:1px dashed rgba(129,140,248,.48);cursor:pointer}.compact-reference-add:hover{color:#fff;background:#6366f13d;border-color:#818cf8}.compact-reference-add span{font-size:9px}.compact-reference-hint{flex:0 0 auto;padding:3px 6px 4px;overflow:hidden;color:var(--text-muted);font-size:8px;text-align:center;text-overflow:ellipsis;white-space:nowrap}.compact-error{margin:0 5px 5px;font-size:8px}@media (max-width: 1350px) and (min-width: 1051px){.slot-studio-layout{grid-template-columns:minmax(310px,350px) minmax(0,1fr)}.slot-result-card{padding:18px}.slot-result-heading h2{font-size:18px}.slot-result-meta span{font-size:10px}.slot-result-actions{max-width:245px}}@media (max-width: 1050px) and (min-width: 801px){.slot-studio-page{height:auto;overflow-y:auto}.slot-studio-layout{grid-template-columns:1fr}.slot-studio-layout .slot-rail-panel{max-height:510px}.slot-detail-panel{min-height:650px}.slot-result-card .results-empty,.slot-result-card .results-running,.slot-result-card .results-error{min-height:500px}}@media (max-width: 800px){.slot-studio-page{height:auto;min-height:calc(100vh - 64px);overflow-y:auto;padding:24px 18px 42px}.slot-studio-layout{grid-template-columns:1fr}.slot-studio-layout .slot-rail-panel{max-height:560px}.slot-detail-panel{min-height:650px}.slot-result-heading{flex-direction:column}.slot-result-actions{width:100%;justify-content:flex-start}.slot-result-card .generated-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.slot-result-card .results-empty,.slot-result-card .results-running,.slot-result-card .results-error{min-height:460px}}@media (max-width: 520px){.slot-studio-page{padding:12px 12px 32px}.slot-list{grid-template-columns:1fr}.slot-detail-panel{min-height:590px}.slot-result-card{padding:15px}.slot-result-title-line{gap:8px}.slot-result-number{width:32px;height:32px;border-radius:8px;font-size:11px}.slot-result-heading h2{font-size:17px}.slot-result-heading-copy>p{font-size:11px}.slot-result-meta span{font-size:10px}.slot-result-actions{gap:5px}.slot-generate-button-main{flex:1;min-height:34px;padding:0 7px;font-size:10px}.slot-result-card .generated-grid{grid-template-columns:1fr}}.mobile-bottom-nav{display:none}.auto-product-fields-note{display:flex;align-items:center;gap:8px;margin-top:-7px;color:var(--text-muted);font-size:11px}.auto-product-fields-note span{display:inline-flex;align-items:center;gap:5px;padding:5px 8px;background:#ffffff09;border:1px solid var(--border-subtle);border-radius:5px}.auto-product-fields-note b{color:#a5b4fc;font-size:10px}.results-history-banner{display:flex;align-items:center;gap:7px;margin-bottom:13px;padding:8px 10px;color:#c7d2fe;background:#6366f11a;border:1px solid rgba(99,102,241,.24);border-radius:6px;font-size:11px}.results-history-banner>svg{flex:0 0 auto;color:#a5b4fc}.results-history-banner>span{min-width:0;flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.results-history-banner strong{color:#e0e7ff}.results-history-banner.failed{color:#fed7aa;background:#f9731617;border-color:#f9731647}.results-history-banner.failed>svg{color:#fdba74}.results-history-banner.failed strong{color:#ffedd5}.results-complete-badge.is-pending{color:#c7d2fe;background:#6366f11f;border-color:#6366f13d}.results-complete-badge.is-failed{color:#fdba74;background:#f973161a;border-color:#f973163d}.generated-delete{position:absolute;z-index:3;top:7px;right:40px;width:27px;height:27px;display:grid;place-items:center;padding:0;color:#fca5a5;background:#090b119e;border:1px solid rgba(239,68,68,.25);border-radius:50%}.generated-delete:hover{color:#fff;background:#731c24db;border-color:#fca5a580}.slot-result-card .generated-grid{grid-template-columns:repeat(auto-fill,minmax(160px,210px));align-content:start;justify-content:start;gap:12px}.slot-result-card .results-completed{min-height:0;overflow-y:auto}.image-viewer-shell{width:min(1180px,100%);height:min(820px,100%);min-height:480px}.image-viewer-body{min-height:0;display:flex;flex:1}.image-viewer-stage{min-width:0;display:grid;flex:1;place-items:center;padding:24px;background:#0b0f17}.image-viewer-stage img{max-width:100%;max-height:100%;display:block;object-fit:contain;border-radius:5px;box-shadow:0 15px 45px #00000061}.image-viewer-nav{display:flex;align-items:center;gap:5px}.image-viewer-nav>span{min-width:58px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:10px;text-align:right}.image-viewer-nav>button:not(.icon-button){width:30px;height:30px;display:grid;place-items:center;padding:0;color:var(--text-secondary);background:#ffffff0b;border:1px solid var(--border-subtle);border-radius:5px}.image-viewer-nav>button:not(.icon-button):hover:not(:disabled){color:#fff;border-color:#5964a5}.image-viewer-nav>button:disabled{cursor:not-allowed;opacity:.3}.image-viewer-info{width:280px;min-width:250px;display:flex;flex-direction:column;overflow-y:auto;padding:24px 21px;background:#171b28;border-left:1px solid var(--border-default)}.image-viewer-info h2{margin:6px 0 20px;font-size:18px}.image-viewer-details{display:flex;flex-direction:column;gap:13px;padding:16px 0;border-top:1px solid var(--border-subtle);border-bottom:1px solid var(--border-subtle)}.image-viewer-details>span{display:flex;flex-direction:column;gap:5px;min-width:0}.image-viewer-details strong{color:var(--text-muted);font-size:10px}.image-viewer-details code,.image-viewer-details>span>span{display:inline-flex;align-items:center;gap:5px;overflow:hidden;color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.image-viewer-actions{display:flex;flex-direction:column;gap:7px;margin-top:auto;padding-top:20px}.image-viewer-actions>*{width:100%}.image-viewer-info>p{margin:15px 0 0;color:var(--text-muted);font-size:10px;line-height:1.5}@media (max-width: 800px){.slot-result-card .generated-grid{grid-template-columns:repeat(auto-fill,minmax(145px,1fr))}.generated-delete{right:45px;width:30px;height:30px}.image-viewer-shell{height:calc(100vh - 16px);min-height:0}.image-viewer-body{flex-direction:column}.image-viewer-stage{min-height:0;flex:1;padding:15px}.image-viewer-info{width:100%;min-width:0;max-height:39%;padding:14px 15px;border-top:1px solid var(--border-default);border-left:0}.image-viewer-info h2{margin-bottom:10px}.image-viewer-details{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:9px 15px;padding:10px 0}.image-viewer-actions{flex-direction:row;margin-top:0;padding-top:12px}.image-viewer-info>p{display:none}.results-history-banner>span{white-space:normal}}@media (max-width: 520px){.auto-product-fields-note{flex-wrap:wrap;gap:5px;font-size:10px}}.image-viewer-backdrop{padding:20px}.image-viewer-shell{width:min(1180px,calc(100vw - 40px));height:min(820px,calc(100vh - 40px));min-height:0}.image-viewer-body{min-width:0;min-height:0;flex:1;overflow:hidden}.image-viewer-stage{min-width:0;min-height:0;display:flex;align-items:center;justify-content:center;overflow:hidden;padding:20px}.image-viewer-stage img{width:100%;height:100%;min-width:0;min-height:0;object-fit:contain;object-position:center}@media (max-width: 800px){.image-viewer-backdrop{padding:8px}.image-viewer-shell{width:calc(100vw - 16px);height:calc(100dvh - 16px)}.image-viewer-stage{flex:1 1 auto;padding:10px}.image-viewer-info{flex:0 0 auto;max-height:34%}}.image-viewer-status-actions{display:flex;gap:7px;width:100%}.image-viewer-status-actions button{min-height:38px;display:inline-flex;align-items:center;justify-content:center;gap:6px;flex:1;padding:0 8px;color:var(--text-secondary);background:#ffffff0b;border:1px solid var(--border-subtle);border-radius:6px;font-size:11px;font-weight:600}.image-viewer-status-actions button:hover:not(:disabled){color:#fff;border-color:#5964a5;background:#6366f11f}.image-viewer-status-actions .image-viewer-favorite.active{color:#f9a8d4;background:#ec48991a;border-color:#ec48994d}.image-viewer-status-actions .image-viewer-final.active{color:#fcd34d;background:#f59e0b1a;border-color:#f59e0b4d}.image-viewer-status-actions button:disabled{cursor:wait;opacity:.55}@media (max-width: 800px){.image-viewer-actions{flex-direction:column}.image-viewer-status-actions{width:100%}}@media (max-width: 900px){.app-content{padding-left:0;padding-bottom:62px}.global-rail{display:none}.mobile-bottom-nav{position:fixed;z-index:40;right:0;bottom:0;left:0;height:58px;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));padding:5px 8px max(5px,env(safe-area-inset-bottom));background:#10131cf5;border-top:1px solid var(--border-default);box-shadow:0 -8px 24px #00000038;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.mobile-bottom-nav button{min-width:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;padding:0 2px;color:var(--text-muted);background:transparent;border:0;border-radius:6px;font-size:10px}.mobile-bottom-nav button:hover{color:var(--text-secondary);background:#ffffff0b}.mobile-bottom-nav button.active{color:#c7d2fe;background:#6366f129}.mobile-bottom-nav button.active svg{color:#a5b4fc}}.export-zip-btn{font-weight:600;gap:6px!important}.export-zip-btn b{padding:2px 5px;border-radius:4px;background:#00000042;font-family:JetBrains Mono,monospace;font-size:10px}.generated-card{position:relative;min-width:0;overflow:hidden;background:#141724;border:1px solid rgba(255,255,255,.09);border-radius:10px;transition:border-color .22s ease,transform .22s cubic-bezier(.16,1,.3,1),box-shadow .22s ease}.generated-card:hover{transform:translateY(-3px);border-color:#6366f18c;box-shadow:0 12px 28px #00000061,0 0 0 1px #6366f133}.generated-card.is-final{border-color:#f59e0bb8;box-shadow:0 0 20px #f59e0b2e,0 12px 28px #00000059}.generated-media{position:relative;overflow:hidden;aspect-ratio:1 / 1;background:#0f121d;cursor:zoom-in}.generated-media>img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .35s cubic-bezier(.16,1,.3,1)}.generated-card:hover .generated-media>img{transform:scale(1.025)}.generated-shade{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;background:linear-gradient(180deg,rgba(6,8,14,.45) 0%,transparent 30%,transparent 60%,rgba(6,8,14,.8) 100%)}.card-final-badge{position:absolute;z-index:4;top:8px;left:8px;display:inline-flex;align-items:center;gap:4px;padding:3px 8px;color:#fcd34d;background:#241604e0;border:1px solid rgba(245,158,11,.65);border-radius:20px;font-size:10px;font-weight:700;letter-spacing:.02em;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 12px #00000059}.card-top-actions{position:absolute;z-index:4;top:8px;right:8px;display:flex;align-items:center;gap:6px}.card-icon-btn{width:30px;height:30px;display:grid;place-items:center;padding:0;color:#cbd5e1;background:#0c0f18d1;border:1px solid rgba(255,255,255,.16);border-radius:50%;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);cursor:pointer;transition:all .18s cubic-bezier(.16,1,.3,1);box-shadow:0 4px 12px #00000061}.card-icon-btn:hover{transform:scale(1.08)}.card-icon-btn:active{transform:scale(.96)}.card-icon-btn:disabled{opacity:.55;cursor:wait}.card-crown-btn{color:#cbd5e1}.card-crown-btn:hover{color:#fcd34d;background:#f59e0b40;border-color:#f59e0ba6;box-shadow:0 0 12px #f59e0b66}.card-crown-btn.active{color:#fcd34d;background:#f59e0b52;border-color:#f59e0bd9;box-shadow:0 0 14px #f59e0b8c}.card-fav-btn:hover{color:#f472b6;background:#ec489938;border-color:#ec489980;box-shadow:0 0 12px #ec489959}.card-fav-btn.active{color:#f472b6;background:#ec489942;border-color:#ec4899b3;box-shadow:0 0 14px #ec489973}.card-del-btn{opacity:1;transform:scale(1);color:#f87171;background:#180c10d6;border:1px solid rgba(239,68,68,.38)}.card-del-btn:hover{color:#fff;background:#ef4444e0;border-color:#ef4444fa;box-shadow:0 0 14px #ef444480;transform:scale(1.08)}.card-bottom-actions{position:absolute;z-index:4;bottom:8px;left:8px;display:flex;align-items:center;gap:6px}.card-download-btn{opacity:1;transform:scale(1);color:#cbd5e1}.card-download-btn:hover{color:#34d399;background:#10b9813d;border-color:#10b98199;box-shadow:0 0 12px #10b98166;transform:scale(1.08)}.delete-confirm-shell{width:min(450px,92vw);background:#141724;border:1px solid rgba(239,68,68,.32);border-radius:14px;box-shadow:0 20px 50px #000000bf,0 0 35px #ef44441a;animation:modal-in .2s cubic-bezier(.16,1,.3,1);overflow:hidden}.delete-confirm-header{display:flex;align-items:flex-start;gap:13px;padding:18px 20px 15px;border-bottom:1px solid rgba(255,255,255,.07)}.delete-confirm-icon{width:40px;height:40px;display:grid;place-items:center;flex:0 0 auto;color:#f87171;background:#ef444424;border:1px solid rgba(239,68,68,.28);border-radius:10px}.delete-confirm-title-wrap{flex:1;min-width:0}.delete-confirm-title-wrap h3{margin:0 0 4px;font-size:16px;font-weight:700;color:#f8fafc}.delete-confirm-title-wrap p{margin:0;font-size:12px;color:var(--text-secondary);line-height:1.45}.delete-confirm-body{padding:16px 20px;display:flex;flex-direction:column;gap:12px}.delete-preview-box{display:flex;align-items:center;gap:12px;padding:10px 12px;background:#00000059;border:1px solid rgba(255,255,255,.08);border-radius:9px}.delete-preview-img{width:54px;height:54px;object-fit:cover;border-radius:7px;border:1px solid rgba(255,255,255,.12);flex:0 0 auto}.delete-preview-placeholder{display:flex;align-items:center;justify-content:center;background:#ffffff0a;color:var(--text-muted)}.concurrent-running-indicator{display:inline-flex;align-items:center;gap:6px;padding:5px 12px;background:#3b82f61f;border:1px solid rgba(59,130,246,.3);border-radius:999px;color:#93c5fd;font-size:11px;font-weight:500;white-space:nowrap}.mini-pulse-dot{width:7px;height:7px;border-radius:50%;background:#60a5fa;box-shadow:0 0 8px #60a5fa;animation:pulse-ring 1.8s cubic-bezier(.4,0,.6,1) infinite;flex:0 0 auto}@keyframes pulse-ring{0%,to{opacity:1;transform:scale(1)}50%{opacity:.45;transform:scale(.85)}}.delete-preview-info{min-width:0;display:flex;flex-direction:column;gap:4px}.delete-preview-filename{font-size:12px;color:#e2e8f0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.delete-preview-meta{display:flex;flex-direction:column;gap:2px;font-size:10px;color:var(--text-muted)}.delete-preview-meta span{display:inline-flex;align-items:center;gap:4px}.delete-warning-tip{display:flex;align-items:flex-start;gap:8px;padding:10px 12px;background:#ef444417;border:1px solid rgba(239,68,68,.22);border-radius:7px;color:#fca5a5;font-size:11px;line-height:1.5}.delete-warning-tip svg{flex:0 0 auto;margin-top:1px;color:#f87171}.delete-confirm-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;padding:13px 20px;background:#0a0d1499;border-top:1px solid rgba(255,255,255,.07)}.danger-button{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:8px 18px;color:#fff;background:#ef4444;border:1px solid #dc2626;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:all .16s ease}.danger-button:hover{background:#dc2626;border-color:#b91c1c;box-shadow:0 0 14px #ef444473}.danger-button:active{transform:scale(.97)}.danger-button.tiny{padding:4px 10px;font-size:11px}.image-viewer-delete-confirm{display:flex;flex-direction:column;gap:8px;padding:10px 12px;background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-radius:8px;color:#fca5a5;font-size:11px}.image-viewer-delete-actions{display:flex;align-items:center;gap:8px;justify-content:flex-end}.generated-meta{min-height:48px;display:flex;align-items:center;justify-content:space-between;gap:8px;padding:8px 11px;background:#141724;border-top:1px solid rgba(255,255,255,.05)}.generated-meta>div{min-width:0;display:flex;flex-direction:column;gap:3px}.generated-meta strong{overflow:hidden;color:#e2e8f0;font-size:11px;font-weight:600;text-overflow:ellipsis;white-space:nowrap}.generated-meta span{display:inline-flex;align-items:center;gap:4px;color:var(--text-muted);font-size:10px}.card-meta-final-tag{display:inline-flex;align-items:center;gap:4px;padding:3px 7px;color:#fcd34d;background:#f59e0b24;border:1px solid rgba(245,158,11,.38);border-radius:4px;font-size:10px;font-weight:700;white-space:nowrap}@keyframes customSelectFadeIn{0%{opacity:0;transform:translateY(-4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-container{position:relative;display:inline-flex;width:100%;-webkit-user-select:none;user-select:none}.custom-select-trigger{width:100%;display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:34px;padding:6px 10px;color:var(--text-primary);background:#161a26c7;border:1px solid var(--border-default);border-radius:7px;font-size:11px;font-weight:500;cursor:pointer;text-align:left;transition:border-color .18s,background .18s,box-shadow .18s}.custom-select-trigger:hover:not(:disabled){background:#1e2436e6;border-color:#5964a5}.custom-select-container.is-open{z-index:1000}.custom-select-container.is-open .custom-select-trigger{border-color:#818cf8;background:#1a2030fa;box-shadow:0 0 0 2px #6366f140}.custom-select-container.is-disabled .custom-select-trigger{opacity:.5;cursor:not-allowed}.custom-select-icon{display:inline-flex;align-items:center;flex-shrink:0;color:#a5b4fc}.custom-select-label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-chevron{flex-shrink:0;color:var(--text-muted);transition:transform .2s cubic-bezier(.4,0,.2,1),color .18s}.custom-select-chevron.rotate{transform:rotate(180deg);color:#818cf8}@keyframes customSelectFadeInUp{0%{opacity:0;transform:translateY(4px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.custom-select-dropdown{position:absolute;z-index:1200;top:calc(100% + 5px);left:0;min-width:100%;width:max-content;max-width:360px;background:#141724!important;border:1px solid #333d59;border-radius:8px;box-shadow:0 16px 42px #000000d9,0 0 0 1px #ffffff14;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);overflow:hidden;animation:customSelectFadeIn .15s ease-out}.custom-select-dropdown.open-upward{top:auto;bottom:calc(100% + 5px);animation:customSelectFadeInUp .15s ease-out}.custom-select-empty{padding:10px 12px;font-size:11px;color:var(--text-muted);text-align:center}.custom-select-scroll{max-height:240px;overflow-y:auto;padding:4px;display:flex;flex-direction:column;gap:2px}.custom-select-option{width:100%;display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 9px;color:#cbd5e1;background:transparent;border:0;border-radius:6px;font-size:11px;cursor:pointer;text-align:left;transition:background .12s,color .12s}.custom-select-option:hover:not(:disabled){background:#6366f129;color:#fff}.custom-select-option.is-selected{background:#6366f142;color:#e0e7ff;font-weight:600}.custom-select-option.is-disabled{opacity:.45;cursor:not-allowed}.custom-select-option-content{display:flex;flex-direction:column;min-width:0;flex:1}.custom-select-option-row{display:inline-flex;align-items:center;gap:7px}.custom-select-option-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;color:inherit}.custom-select-option-label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.custom-select-option-sublabel{color:var(--text-muted);font-size:9px;margin-top:2px}.custom-select-check{color:#818cf8;flex-shrink:0}.operator-project-custom-select{min-width:190px;max-width:290px}.operator-project-custom-select .custom-select-trigger{min-height:36px;font-weight:600;background:#141824e6;border-color:#6366f147}.operator-project-custom-select .custom-select-dropdown{min-width:240px}.studio-switcher-select{min-width:220px;max-width:320px}.studio-switcher-select .custom-select-trigger{min-height:38px;font-weight:600;background:#141824e6;border-color:#ffffff14}.studio-switcher-select .custom-select-dropdown{min-width:260px}.slot-purpose-custom-select{width:auto;min-width:130px}.slot-purpose-custom-select .custom-select-trigger{min-height:30px;padding:3px 10px;background:#161a26e6;border:1px solid rgba(99,102,241,.35);border-radius:7px;font-size:12px;font-weight:600;color:#e0e7ff}.slot-purpose-custom-select .custom-select-trigger:hover{background:#1e2436fa;border-color:#818cf8}.slot-purpose-custom-select .custom-select-dropdown{min-width:260px;max-width:340px;width:max-content}.custom-select-option-end{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.custom-select-option-delete{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:4px;color:var(--text-muted);opacity:.6;cursor:pointer;transition:all .15s ease}.custom-select-option-delete:hover{color:#f87171;background:#ef444426;opacity:1}.custom-select-footer{border-top:1px solid rgba(255,255,255,.07);padding:6px 8px;background:#0f121cf2}.custom-select-add-trigger{width:100%;display:flex;align-items:center;gap:6px;padding:6px 8px;background:#6366f114;border:1px dashed rgba(99,102,241,.3);border-radius:6px;color:#a5b4fc;font-size:11px;font-weight:500;cursor:pointer;transition:all .15s ease}.custom-select-add-trigger:hover{background:#6366f12e;border-color:#818cf8;color:#fff}.custom-select-add-form{display:flex;align-items:center;gap:6px;width:100%}.custom-select-add-input{flex:1;min-width:0;height:26px;padding:0 8px;background:#ffffff0f;border:1px solid rgba(99,102,241,.4);border-radius:5px;color:#fff;font-size:11px;outline:none}.custom-select-add-input:focus{border-color:#818cf8;box-shadow:0 0 0 1px #818cf84d}.custom-select-add-confirm{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;background:#4f46e5;border:none;color:#fff;cursor:pointer;flex-shrink:0;transition:all .15s ease}.custom-select-add-confirm:hover:not(:disabled){background:#6366f1}.custom-select-add-confirm:disabled{opacity:.4;cursor:not-allowed}.custom-select-add-cancel{display:inline-flex;align-items:center;justify-content:center;width:26px;height:26px;border-radius:5px;background:#ffffff0f;border:1px solid rgba(255,255,255,.1);color:var(--text-secondary);cursor:pointer;flex-shrink:0;transition:all .15s ease}.custom-select-add-cancel:hover{background:#ffffff1f;color:#fff}.slot-quick-select{width:100%}.slot-quick-select .custom-select-trigger{min-height:32px;padding:4px 8px;font-size:11px}.slot-model-select{min-width:180px}.slot-model-select .custom-select-dropdown{min-width:240px}.studio-count-select{width:108px;flex-shrink:0}.studio-count-select .custom-select-dropdown{min-width:108px;width:100%}.studio-ratio-select{width:125px;flex-shrink:0}.studio-ratio-select .custom-select-dropdown{min-width:195px}.studio-model-select{width:200px;flex-shrink:0}.studio-model-select .custom-select-dropdown{min-width:240px}.library-category-select{width:160px}.library-category-select .custom-select-trigger{min-height:36px;background:#141824cc}.project-editor-custom-select,.project-form-custom-select{width:100%}.product-analysis-custom-select{width:100%;max-width:260px}.model-field-custom-select,.model-select-custom{width:100%}.results-generation-summary{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-bottom:16px;padding:12px 14px;background:linear-gradient(120deg,#6366f11f,#38bdf80b);border:1px solid rgba(129,140,248,.28);border-radius:9px}.results-generation-summary-copy{min-width:0;display:flex;align-items:center;gap:11px}.results-generation-summary-copy>div:last-child{min-width:0;display:flex;flex-direction:column;gap:3px}.results-generation-summary-copy strong{color:#e0e7ff;font-size:12px}.results-generation-summary-copy p{overflow:hidden;margin:0;color:var(--text-secondary);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.results-generation-orb{position:relative;width:37px;height:37px;display:grid;place-items:center;flex:0 0 auto;color:#c7d2fe;background:#6366f12e;border:1px solid rgba(129,140,248,.28);border-radius:50%}.results-generation-orb .running-orbit{top:-4px;right:-4px;bottom:-4px;left:-4px}.results-generation-orb .running-orbit.orbit-two{top:3px;right:-7px;bottom:3px;left:-7px}.results-generation-progress{width:min(205px,32%);flex:0 0 auto}.results-generation-progress>div:first-child{display:flex;align-items:baseline;justify-content:space-between;margin-bottom:6px;color:var(--text-muted);font-family:JetBrains Mono,monospace;font-size:9px}.results-generation-progress>div:first-child strong{color:#c7d2fe;font-size:11px}.results-generation-progress .progress-track{height:5px}.generated-card-placeholder{cursor:default;border-color:#818cf842;background:#131728}.generated-card-placeholder:hover{transform:none;border-color:#818cf875;box-shadow:0 8px 22px #0000003d,0 0 18px #6366f114}.generated-card-placeholder.is-failed{border-color:#f9731661}.generated-media-placeholder{display:grid;place-items:center;cursor:default;isolation:isolate;background:radial-gradient(circle at 18% 18%,rgba(129,140,248,.2),transparent 35%),radial-gradient(circle at 82% 78%,rgba(56,189,248,.11),transparent 38%),#111522}.generated-placeholder-light{position:absolute;z-index:-1;top:-65%;right:-45%;bottom:-65%;left:-45%;pointer-events:none;background:linear-gradient(112deg,transparent 38%,rgba(165,180,252,.04) 45%,rgba(191,219,254,.42) 50%,rgba(129,140,248,.1) 55%,transparent 63%);transform:translate(-52%) rotate(-7deg);animation:generated-placeholder-shimmer 1.8s linear infinite}@keyframes generated-placeholder-shimmer{0%{transform:translate(-58%) rotate(-7deg)}to{transform:translate(58%) rotate(-7deg)}}.generated-placeholder-copy{position:relative;z-index:1;display:flex;flex-direction:column;align-items:center;gap:6px;color:#c7d2fe;text-align:center;text-shadow:0 2px 12px rgba(0,0,0,.45)}.generated-placeholder-copy svg{color:#a5b4fc;filter:drop-shadow(0 0 9px rgba(129,140,248,.5))}.generated-placeholder-copy span{font-size:11px;font-weight:600}.generated-placeholder-copy small{color:var(--text-muted);font-size:9px}.generated-card-placeholder.is-failed .generated-placeholder-copy,.generated-card-placeholder.is-failed .generated-placeholder-copy svg{color:#fdba74;filter:none}.generated-card-placeholder.is-failed .generated-placeholder-light{animation:none;background:linear-gradient(135deg,transparent 18%,rgba(249,115,22,.08) 50%,transparent 82%)}.generated-card-placeholder.is-failed .generated-placeholder-copy small{color:#c48b5d}.generated-card-placeholder.is-failed .generated-placeholder-meta span{animation:none;background:#f9731626}.generated-placeholder-meta{min-height:48px;display:flex;align-items:center;gap:6px;padding:8px 11px;background:#141724;border-top:1px solid rgba(255,255,255,.05)}.generated-placeholder-meta span{display:block;height:7px;border-radius:999px;background:linear-gradient(90deg,#94a3b81f,#a5b4fc47,#94a3b81f);background-size:220% 100%;animation:generated-placeholder-meta-shimmer 1.8s linear infinite}.generated-placeholder-meta span:first-child{width:42%}.generated-placeholder-meta span:nth-child(2){width:28%;margin-top:12px}.generated-placeholder-meta span:last-child{width:22px;height:18px;margin-left:auto;border-radius:4px}@keyframes generated-placeholder-meta-shimmer{to{background-position:-220% 0}}.generated-image-loading{position:absolute;z-index:1;top:0;right:0;bottom:0;left:0;overflow:hidden;pointer-events:none;background:#11152238}.generated-image-loading .generated-placeholder-light{z-index:0}.generated-media>img.is-loading{opacity:.38}.generated-media>img.is-load-failed{opacity:.2}.generated-image-load-error{position:absolute;z-index:2;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:6px;color:#fdba74;background:#1612149e;font-size:10px;text-align:center}.generated-image-load-error svg{color:#fb923c}@media (max-width: 800px){.results-generation-summary{align-items:stretch;flex-direction:column;gap:11px}.results-generation-progress{width:100%}}@media (prefers-reduced-motion: reduce){.generated-placeholder-light,.generated-placeholder-meta span,.results-generation-orb .running-orbit{animation:none}}.system-settings-view{display:flex;flex-direction:column;gap:20px;max-width:1240px;margin:0 auto;padding:24px 32px 64px}.system-settings-header{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;flex-wrap:wrap}.system-settings-header-left{flex:1;min-width:280px}.system-settings-header-left h1{font-size:26px;font-weight:700;color:#fff;margin:4px 0 8px;letter-spacing:-.02em}.system-settings-header-left p{font-size:13px;color:var(--text-muted);line-height:1.5;margin:0;max-width:680px}.system-settings-header-left code{background:#ffffff14;padding:1px 6px;border-radius:4px;font-size:12px;color:#c7d2fe}.system-settings-header-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.pulse-save{animation:pulse-save-glow 2s infinite}@keyframes pulse-save-glow{0%{box-shadow:0 0 #6366f1b3}70%{box-shadow:0 0 0 8px #6366f100}to{box-shadow:0 0 #6366f100}}.system-status-banner{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}.status-banner-card{background:#141826b8;border:1px solid rgba(255,255,255,.08);border-radius:12px;padding:14px 16px;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);display:flex;flex-direction:column;justify-content:space-between;gap:6px;transition:all .2s ease}.status-banner-card:hover{border-color:#ffffff29;background:#181c2cd1}.status-banner-card.highlight{background:linear-gradient(135deg,#1e1b4b73,#0f172a99);border-color:#6366f159;box-shadow:0 0 20px #4f46e51f}.status-card-header{display:flex;align-items:center;justify-content:space-between}.status-card-label{font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted)}.status-card-icon{color:var(--text-muted)}.status-card-icon.active-glow{color:#38bdf8;filter:drop-shadow(0 0 6px rgba(56,189,248,.6))}.status-card-metric{display:flex;align-items:baseline;gap:6px}.status-card-metric strong{font-size:26px;font-weight:700;color:#fff;line-height:1}.status-card-metric small{font-size:12px;font-weight:500;color:var(--text-muted)}.status-card-footer{font-size:11px;color:var(--text-muted);display:flex;align-items:center}.status-pill{display:inline-flex;align-items:center;gap:5px;padding:2px 8px;border-radius:12px;font-size:11px;font-weight:500}.status-pill i{width:6px;height:6px;border-radius:50%}.status-pill.running{background:#10b98126;color:#34d399;border:1px solid rgba(52,211,153,.3)}.status-pill.running i{background:#34d399;box-shadow:0 0 6px #34d399}.status-pill.idle{background:#94a3b81f;color:#94a3b8}.status-pill.idle i{background:#64748b}.inline-link-btn{background:none;border:none;cursor:pointer;font-size:11px;display:inline-flex;align-items:center;gap:4px;padding:0;transition:opacity .15s}.inline-link-btn.danger{color:#f87171}.inline-link-btn.danger:hover{text-decoration:underline;opacity:.9}.settings-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(460px,1fr));gap:20px}.settings-card{background:#111522d9;border:1px solid rgba(255,255,255,.08);border-radius:14px;padding:22px;display:flex;flex-direction:column;gap:18px;box-shadow:0 4px 20px #00000040;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.settings-card-title{display:flex;align-items:flex-start;gap:12px}.settings-title-icon{width:38px;height:38px;border-radius:10px;background:#6366f11f;border:1px solid rgba(99,102,241,.25);display:flex;align-items:center;justify-content:center;color:#818cf8;flex-shrink:0}.settings-card-title h3{font-size:15px;font-weight:600;color:#fff;margin:0 0 3px}.settings-card-title p{font-size:12px;color:var(--text-muted);margin:0;line-height:1.45}.settings-form-group{display:flex;flex-direction:column;gap:8px}.settings-field-header{display:flex;align-items:center;justify-content:space-between;font-size:12.5px;font-weight:600;color:#e2e8f0}.field-value-badge{background:#6366f12e;border:1px solid rgba(99,102,241,.35);color:#c7d2fe;padding:2px 10px;border-radius:999px;font-size:12px;font-weight:600}.settings-slider-wrapper{display:flex;flex-direction:column;gap:4px;margin:4px 0 2px}.settings-slider{width:100%;height:6px;border-radius:3px;background:#ffffff1a;accent-color:#6366f1;cursor:pointer;outline:none}.slider-ticks{display:flex;justify-content:space-between;font-size:10px;color:var(--text-muted);padding:2px 2px 0}.settings-quick-presets{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:4px}.quick-presets-label{font-size:11px;color:var(--text-muted)}.presets-pill-group{display:flex;gap:6px;flex-wrap:wrap}.preset-pill{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:6px;padding:4px 9px;font-size:11px;color:#cbd5e1;cursor:pointer;transition:all .15s ease}.preset-pill:hover{background:#6366f126;border-color:#6366f166;color:#fff}.preset-pill.active{background:#6366f147;border-color:#818cf8;color:#fff;font-weight:600}.settings-field-tip{display:flex;align-items:flex-start;gap:8px;padding:9px 12px;background:#6366f112;border:1px solid rgba(99,102,241,.18);border-radius:8px;font-size:11.5px;color:#94a3b8;line-height:1.45;margin-top:4px}.settings-field-tip svg{color:#818cf8;flex-shrink:0;margin-top:2px}.full-width-select{width:100%}.field-hint{font-size:11px;color:var(--text-muted);line-height:1.4}.settings-input-wrapper{display:flex;align-items:center;gap:8px;min-height:36px;padding:0 12px;background:#161a26c7;border:1px solid var(--border-default);border-radius:7px;transition:border-color .18s,background .18s,box-shadow .18s}.settings-input-wrapper:hover{background:#1e2436e6;border-color:#5964a5}.settings-input-wrapper:focus-within{border-color:#818cf8;background:#1a2030fa;box-shadow:0 0 0 2px #6366f140}.settings-input-wrapper .input-prefix-icon{color:#818cf8;flex-shrink:0}.settings-text-input,.text-input{flex:1;min-width:0;height:100%;color:#fff!important;background:transparent!important;border:0!important;outline:none!important;font-size:12px;font-weight:500;padding:8px 0}.settings-text-input::placeholder,.text-input::placeholder{color:var(--text-muted)!important;opacity:.75}.input-clear-btn{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:4px;color:var(--text-muted);background:transparent;border:0;cursor:pointer;padding:0;transition:all .15s ease;flex-shrink:0}.input-clear-btn:hover{color:#fff;background:#ffffff1f}.quick-tags-wrapper{display:flex;flex-direction:column;gap:6px;margin-top:4px}.quick-tags-list{display:flex;gap:6px;flex-wrap:wrap}.tag-chip{background:#ffffff0a;border:1px solid rgba(255,255,255,.08);border-radius:6px;padding:4px 9px;font-size:11px;color:#94a3b8;cursor:pointer;transition:all .15s ease}.tag-chip:hover{background:#ffffff14;color:#fff;border-color:#fff3}.tag-chip.active{background:#6366f140;border-color:#818cf8;color:#e0e7ff;font-weight:600;box-shadow:0 0 8px #6366f133}.settings-toggle-group{display:flex;flex-direction:column;gap:12px}.settings-toggle-item{display:flex;align-items:flex-start;justify-content:space-between;gap:14px;padding:12px 14px;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;cursor:pointer;transition:background .15s ease}.settings-toggle-item:hover{background:#ffffff0d}.toggle-item-content{display:flex;flex-direction:column;gap:3px}.toggle-item-title{font-size:12.5px;font-weight:600;color:#e2e8f0}.toggle-item-desc{font-size:11px;color:var(--text-muted);line-height:1.4}.settings-checkbox{width:18px;height:18px;accent-color:#6366f1;cursor:pointer;margin-top:2px;flex-shrink:0}.danger-zone-box{margin-top:4px;padding:14px;border:1px solid rgba(239,68,68,.25);background:#ef44440a;border-radius:10px;display:flex;flex-direction:column;gap:12px}.danger-zone-header{display:flex;align-items:flex-start;gap:10px}.danger-zone-icon{color:#f87171;flex-shrink:0;margin-top:2px}.danger-zone-header strong{font-size:12.5px;color:#fca5a5;display:block}.danger-zone-header p{font-size:11px;color:var(--text-muted);margin:2px 0 0}.sys-info-table{display:flex;flex-direction:column;border:1px solid rgba(255,255,255,.06);border-radius:10px;overflow:hidden}.sys-info-row{display:flex;justify-content:space-between;align-items:center;padding:10px 14px;border-bottom:1px solid rgba(255,255,255,.05);font-size:12px}.sys-info-row:last-child{border-bottom:none}.sys-info-key{color:var(--text-muted);font-weight:500}.sys-info-value{color:#e2e8f0}.sys-info-value.path-value{display:flex;align-items:center;gap:8px}.icon-copy-btn{display:inline-flex;align-items:center;gap:4px;background:#ffffff14;border:1px solid rgba(255,255,255,.12);border-radius:4px;padding:2px 6px;font-size:10px;color:#cbd5e1;cursor:pointer;transition:all .15s ease}.icon-copy-btn:hover{background:#ffffff29;color:#fff}.sys-security-badge{display:flex;align-items:center;gap:8px;padding:10px 14px;background:#10b98114;border:1px solid rgba(16,185,129,.2);border-radius:8px;font-size:11.5px;color:#6ee7b7}.sys-security-badge svg{flex-shrink:0}@media (max-width: 900px){.system-settings-view{padding:16px 16px 48px}.settings-grid{grid-template-columns:1fr}}.login-screen-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:999999;display:flex;align-items:center;justify-content:center;padding:20px;background:radial-gradient(circle at center,#0f172af5,#060911fa);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.login-screen-card{position:relative;width:100%;max-width:420px;padding:36px 32px 30px;background:linear-gradient(165deg,#1a2032f2,#0f121dfa);border:1px solid rgba(99,102,241,.28);border-radius:18px;box-shadow:0 24px 60px #0000008c,0 0 40px #6366f124;overflow:hidden}.login-screen-glow{position:absolute;top:-80px;left:50%;transform:translate(-50%);width:220px;height:120px;background:radial-gradient(circle,rgba(99,102,241,.4) 0%,transparent 70%);pointer-events:none}.login-screen-header{display:flex;flex-direction:column;align-items:center;text-align:center;margin-bottom:26px}.login-brand-icon{width:48px;height:48px;display:flex;align-items:center;justify-content:center;border-radius:14px;color:#fbbf24;background:linear-gradient(135deg,#f59e0b33,#6366f140);border:1px solid rgba(245,158,11,.4);box-shadow:0 0 20px #f59e0b40;margin-bottom:14px}.login-brand-badge{display:inline-flex;align-items:center;gap:6px;padding:3px 10px;background:#10b9811f;border:1px solid rgba(16,185,129,.32);border-radius:20px;font-size:11px;font-weight:600;color:#34d399;letter-spacing:.02em;margin-bottom:12px}.login-title{font-size:23px;font-weight:750;letter-spacing:-.02em;color:#f8fafc;margin:0 0 6px;background:linear-gradient(135deg,#fff 40%,#c7d2fe);-webkit-background-clip:text;-webkit-text-fill-color:transparent}.login-subtitle{font-size:12.5px;color:var(--text-muted);margin:0;line-height:1.4}.login-form{display:flex;flex-direction:column;gap:18px}.login-error-alert{display:flex;align-items:center;gap:8px;padding:10px 14px;border-radius:8px;background:#ef44441f;border:1px solid rgba(239,68,68,.35);color:#fca5a5;font-size:12px;line-height:1.4}.login-error-icon{flex-shrink:0;color:#f87171}.login-field{display:flex;flex-direction:column;gap:7px}.login-label{display:flex;align-items:center;gap:6px;font-size:12px;font-weight:600;color:#cbd5e1}.login-input-wrap{position:relative;display:flex;align-items:center}.login-input{width:100%;height:44px;padding:0 42px 0 14px;background:#0b0e17d9;border:1px solid rgba(148,163,184,.24);border-radius:9px;font-size:14px;color:#f8fafc;outline:none;transition:all .2s ease}.login-input:focus{border-color:#6366f1cc;box-shadow:0 0 0 3px #6366f12e;background:#0f1320f2}.login-toggle-eye{position:absolute;right:10px;display:flex;align-items:center;justify-content:center;width:28px;height:28px;background:transparent;border:none;color:#64748b;cursor:pointer;border-radius:6px;transition:color .18s ease}.login-toggle-eye:hover{color:#cbd5e1}.login-submit-btn{height:44px;display:flex;align-items:center;justify-content:center;gap:8px;margin-top:4px;background:linear-gradient(135deg,#6366f1,#4f46e5);border:1px solid rgba(99,102,241,.6);border-radius:9px;color:#fff;font-size:14px;font-weight:600;cursor:pointer;box-shadow:0 4px 16px #4f46e559;transition:all .2s ease}.login-submit-btn:hover:not(:disabled){background:linear-gradient(135deg,#7175f5,#5951f0);box-shadow:0 6px 22px #4f46e580;transform:translateY(-1px)}.login-submit-btn:disabled{opacity:.55;cursor:not-allowed;transform:none}.login-submitting-text{display:flex;align-items:center;gap:8px}.login-spinner{width:14px;height:14px;border:2px solid rgba(255,255,255,.35);border-top-color:#fff;border-radius:50%;animation:login-spin .8s linear infinite}@keyframes login-spin{to{transform:rotate(360deg)}}.login-footer{margin-top:22px;padding-top:18px;border-top:1px solid rgba(255,255,255,.06);text-align:center}.login-footer p{margin:0;font-size:11px;line-height:1.5;color:#64748b}.login-footer code{color:#a5b4fc;background:#6366f11f;padding:1px 5px;border-radius:4px;font-size:10.5px;font-family:JetBrains Mono,monospace}.nav-logout-btn{display:inline-flex;align-items:center;gap:5px;padding:5px 10px;background:#ef444414;border:1px solid rgba(239,68,68,.2);border-radius:6px;color:#fca5a5;font-size:12px;font-weight:500;cursor:pointer;transition:all .18s ease;margin-left:8px}.nav-logout-btn:hover{background:#ef44442e;border-color:#ef444466;color:#fff}