.chat-panel{background:#0a0a0ff2;border-left:1px solid #ffffff14;flex-direction:column;height:100%;display:flex}:root.theme-light .chat-panel{color:#0f172a;background:#ffffffe6;border-left-color:#dbe4f0}.chat-panel-header{border-bottom:1px solid #ffffff14;flex-shrink:0;justify-content:space-between;align-items:center;padding:12px 16px;display:flex}:root.theme-light .chat-panel-header{border-bottom-color:#e2e8f0}.chat-panel-title{color:#fff;align-items:center;gap:8px;font-size:13px;font-weight:600;display:flex}:root.theme-light .chat-panel-title{color:#0f172a}.chat-panel-title svg{color:#f59e0b}.chat-panel-actions{align-items:center;gap:8px;display:flex}.chat-history-toolbar{border-bottom:1px solid #ffffff0d;flex-shrink:0;align-items:center;gap:8px;padding:6px 16px 8px;display:flex}:root.theme-light .chat-history-toolbar{border-bottom-color:#e2e8f0}.chat-history-select{color:#ffffffc7;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;outline:none;flex:1;min-width:0;padding:5px 9px;font-size:10px}:root.theme-light .chat-history-select{color:#334155;background:#f8fafc;border-color:#dbe4f0}.chat-history-select option{color:#fff;background:#111827}:root.theme-light .chat-history-select option{color:#0f172a;background:#fff}.chat-history-new-btn{color:#ffffffc2;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:8px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .18s;display:inline-flex}:root.theme-light .chat-history-new-btn{color:#475569;background:#f8fafc;border-color:#dbe4f0}.chat-history-new-btn:hover{color:#fff;background:#8b5cf62e;border-color:#8b5cf666}.chat-history-new-btn:disabled{opacity:.55;cursor:not-allowed}.chat-provider-select{color:#ffffffb3;cursor:pointer;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:6px;outline:none;padding:4px 8px;font-size:11px}:root.theme-light .chat-provider-select{color:#475569;background:#f8fafc;border-color:#dbe4f0}.chat-provider-select:hover{border-color:#fff3}.chat-provider-select option{color:#fff;background:#1a1a2e}:root.theme-light .chat-provider-select option{color:#0f172a;background:#fff}.chat-clear-btn{color:#ffffff80;cursor:pointer;background:#ffffff0f;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;transition:all .15s;display:flex}:root.theme-light .chat-clear-btn{color:#64748b;background:#f8fafc}.chat-clear-btn:hover{color:#f87171;background:#ef444426}.chat-messages{flex-direction:column;flex:1;gap:12px;padding:16px;display:flex;overflow-y:auto}.chat-messages::-webkit-scrollbar{width:4px}.chat-messages::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:2px}.chat-workflow-panel{background:radial-gradient(circle at 100% 0,#2dd4bf24,#0000 36%),linear-gradient(#111827f0,#09090ff5);border:1px solid #7dd3fc24;border-radius:18px;padding:14px 16px;box-shadow:0 0 24px #22d3ee14}:root.theme-light .chat-workflow-panel{background:radial-gradient(circle at 100% 0,#2dd4bf14,#0000 36%),linear-gradient(#fffffff0,#f1f5f9fa);border-color:#0ea5e924;box-shadow:0 0 24px #22d3ee0d}.chat-workflow-header{color:#e0f2fe;letter-spacing:.08em;text-transform:uppercase;justify-content:space-between;align-items:center;gap:12px;margin-bottom:10px;font-size:11px;font-weight:700;display:flex}:root.theme-light .chat-workflow-header{color:#0f172a}.chat-workflow-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;display:grid}.chat-workflow-grid div{background:#ffffff0a;border:1px solid #ffffff0f;border-radius:12px;flex-direction:column;gap:3px;padding:10px 12px;display:flex}:root.theme-light .chat-workflow-grid div{background:#ffffffc7;border-color:#e2e8f0}.chat-workflow-grid strong{color:#ffffff85;letter-spacing:.08em;text-transform:uppercase;font-size:10px;font-weight:700}:root.theme-light .chat-workflow-grid strong{color:#64748b}.chat-workflow-grid span{color:#f8fafc;font-size:12px;font-weight:600}:root.theme-light .chat-workflow-grid span{color:#0f172a}.chat-empty-state{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;padding:40px 20px;display:flex}.chat-empty-icon{background:linear-gradient(135deg,#f59e0b33,#8b5cf633);border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:16px;display:flex}.chat-empty-icon svg{color:#f59e0b}.chat-empty-state h3{color:#fff;margin:0 0 6px;font-size:15px;font-weight:600}:root.theme-light .chat-empty-state h3{color:#0f172a}.chat-empty-state p{color:#ffffff80;margin:0 0 20px;font-size:12px}:root.theme-light .chat-empty-state p{color:#64748b}.chat-suggestions{flex-direction:column;gap:6px;width:100%;display:flex}.chat-suggestion-btn{text-align:left;color:#ffffffb3;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff14;border-radius:10px;width:100%;padding:10px 14px;font-size:12px;transition:all .15s;display:block}:root.theme-light .chat-suggestion-btn{color:#334155;background:#ffffffc7;border-color:#e2e8f0}.chat-suggestion-btn:hover{color:#fff;background:#ffffff14;border-color:#f59e0b4d}:root.theme-light .chat-suggestion-btn:hover{color:#0f172a;background:#fff}.chat-message{gap:10px;animation:.2s msgFadeIn;display:flex}@keyframes msgFadeIn{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.chat-message-avatar{border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:28px;height:28px;display:flex}.chat-message.user .chat-message-avatar{color:#60a5fa;background:#2563eb33}.chat-message.assistant .chat-message-avatar{color:#a78bfa;background:#8b5cf633}.chat-message.system .chat-message-avatar{color:#fff6;background:#ffffff0f}:root.theme-light .chat-message.user .chat-message-avatar{color:#2563eb;background:#2563eb1f}:root.theme-light .chat-message.assistant .chat-message-avatar{color:#ea580c;background:#f973161f}:root.theme-light .chat-message.system .chat-message-avatar{color:#64748b;background:#e2e8f0}.chat-message.error .chat-message-avatar{color:#f87171;background:#ef444433}.chat-message-content{flex:1;min-width:0}.chat-message-text{color:#ffffffd9;word-break:break-word;font-size:13px;line-height:1.5}:root.theme-light .chat-message-text{color:#334155}.chat-message.user .chat-message-text{color:#fff}:root.theme-light .chat-message.user .chat-message-text{color:#0f172a}.chat-message.error .chat-message-text{color:#fca5a5}.chat-message-time{color:#ffffff40;margin-top:4px;font-size:10px;display:block}:root.theme-light .chat-message-time{color:#94a3b8}.chat-config-toggle{color:#ffffff80;cursor:pointer;background:#ffffff0d;border:1px solid #ffffff14;border-radius:6px;align-items:center;gap:4px;margin-top:6px;padding:3px 8px;font-size:11px;transition:all .15s;display:inline-flex}:root.theme-light .chat-config-toggle{color:#64748b;background:#f8fafc;border-color:#dbe4f0}.chat-config-toggle:hover{color:#ffffffb3;background:#ffffff14}.chat-config-toggle svg{transition:transform .2s}.chat-config-toggle svg.rotated{transform:rotate(180deg)}.chat-config-preview{color:#ffffff80;background:#0006;border:1px solid #ffffff0f;border-radius:8px;max-height:200px;margin-top:8px;padding:10px;font-family:JetBrains Mono,monospace;font-size:10px;line-height:1.4;overflow:auto}:root.theme-light .chat-config-preview{color:#475569;background:#f8fafc;border-color:#e2e8f0}.chat-message-content.generating{align-items:center;gap:10px;display:flex}.typing-indicator{gap:4px;display:flex}.typing-indicator span{background:#8b5cf699;border-radius:50%;width:6px;height:6px;animation:1.4s ease-in-out infinite typingBounce}.typing-indicator span:first-child{animation-delay:0s}.typing-indicator span:nth-child(2){animation-delay:.2s}.typing-indicator span:nth-child(3){animation-delay:.4s}@keyframes typingBounce{0%,80%,to{opacity:.4;transform:scale(.6)}40%{opacity:1;transform:scale(1)}}.generating-text{color:#fff6;font-size:12px}:root.theme-light .generating-text{color:#64748b}.chat-input-area{border-top:1px solid #ffffff14;flex-shrink:0;padding:12px 16px}:root.theme-light .chat-input-area{border-top-color:#e2e8f0}.chat-input-wrapper{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:flex-end;gap:8px;padding:8px 8px 8px 14px;transition:border-color .15s;display:flex}:root.theme-light .chat-input-wrapper{background:#fff;border-color:#dbe4f0}.chat-input-wrapper:focus-within{border-color:#8b5cf666}:root.theme-light .chat-input-wrapper:focus-within{border-color:#2563eb59}.chat-input{color:#fff;resize:none;background:0 0;border:none;outline:none;flex:1;max-height:120px;font-family:inherit;font-size:13px;line-height:1.5}:root.theme-light .chat-input{color:#0f172a}.chat-input::placeholder{color:#ffffff4d}:root.theme-light .chat-input::placeholder{color:#94a3b8}.chat-send-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#8b5cf6,#6366f1);border:none;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;transition:all .15s;display:flex}.chat-send-btn:hover:not(:disabled){background:linear-gradient(135deg,#7c3aed,#4f46e5);transform:scale(1.05)}.chat-send-btn:disabled{opacity:.3;cursor:not-allowed}.chat-input-hint{justify-content:flex-end;margin-top:4px;display:flex}.chat-input-hint span{color:#fff3;font-size:10px}:root.theme-light .chat-input-hint span{color:#94a3b8}.chat-toggle-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:8px;margin-top:12px;display:grid}.chat-toggle-grid.tight{gap:5px;margin-top:8px}.chat-web-search-toggle{cursor:pointer;background:linear-gradient(135deg,#14b8a61f,#3b82f614);border:1px solid #2dd4bf2e;border-radius:14px;align-items:center;gap:10px;margin-top:12px;padding:10px 12px;display:flex}:root.theme-light .chat-web-search-toggle{background:linear-gradient(135deg,#14b8a614,#3b82f60d);border-color:#2dd4bf2e}.chat-web-search-toggle.compact{border-radius:9px;justify-content:flex-start;gap:7px;min-width:0;margin-top:0;padding:5px 7px}.chat-toggle-grid.tight .chat-web-search-switch{width:32px;height:18px}.chat-toggle-grid.tight .chat-web-search-switch:after{width:14px;height:14px;top:2px;left:2px}.chat-toggle-grid.tight .chat-web-search-toggle input:checked+.chat-web-search-switch:after{transform:translate(14px)}.chat-web-search-toggle input{display:none}.chat-web-search-switch{background:#ffffff29;border-radius:999px;flex-shrink:0;width:46px;height:26px;transition:all .2s;position:relative}:root.theme-light .chat-web-search-switch{background:#94a3b840}.chat-web-search-switch:after{content:"";background:#fff;border-radius:50%;width:20px;height:20px;transition:transform .2s;position:absolute;top:3px;left:3px;box-shadow:0 6px 16px #0f172a59}.chat-web-search-toggle input:checked+.chat-web-search-switch{background:linear-gradient(135deg,#14b8a6,#3b82f6);box-shadow:0 0 0 4px #2dd4bf1f}.chat-web-search-toggle input:checked+.chat-web-search-switch:after{transform:translate(20px)}.chat-web-search-text{color:#ffffffe0;font-size:12px;font-weight:500}:root.theme-light .chat-web-search-text{color:#334155}.chat-web-search-toggle.compact .chat-web-search-text{letter-spacing:.01em;min-width:0;font-size:9px;line-height:1.1}.chat-retry-panel{background:linear-gradient(135deg,#ef44441f,#fbbf2414);border:1px solid #f871712e;border-radius:14px;justify-content:space-between;align-items:center;gap:12px;margin-top:12px;padding:12px 14px;display:flex}:root.theme-light .chat-retry-panel{background:linear-gradient(135deg,#ef444414,#fbbf240f);border-color:#f871712e}.chat-retry-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.chat-retry-copy strong{color:#fee2e2;font-size:12px;font-weight:700}:root.theme-light .chat-retry-copy strong{color:#991b1b}.chat-retry-copy span{color:#ffffffad;font-size:11px;line-height:1.45}:root.theme-light .chat-retry-copy span{color:#475569}.chat-retry-btn{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#f59e0b);border:none;border-radius:10px;flex-shrink:0;padding:10px 14px;font-size:12px;font-weight:700;transition:transform .15s,box-shadow .15s}.chat-retry-btn:hover{transform:translateY(-1px);box-shadow:0 10px 24px #f9731640}.chat-generation-panel{background:#ffffff0a;border:1px solid #ffffff14;border-radius:18px;gap:14px;padding:16px;animation:.25s msgFadeIn;display:flex}:root.theme-light .chat-generation-panel{background:#ffffffd1;border-color:#e2e8f0}.chat-generation-panel.searching{background:radial-gradient(circle at top,#22c55e29,#0f172ae6);border-color:#4ade803d;box-shadow:0 0 28px #4ade801f}:root.theme-light .chat-generation-panel.searching{background:radial-gradient(circle at top,#22c55e14,#fffffff5);border-color:#4ade8038;box-shadow:0 0 28px #4ade8014}.chat-generation-panel.synthesizing{background:radial-gradient(circle at top,#3b82f629,#0f172ae6);border-color:#60a5fa3d;box-shadow:0 0 28px #60a5fa1f}:root.theme-light .chat-generation-panel.synthesizing{background:radial-gradient(circle at top,#3b82f614,#fffffff5);border-color:#60a5fa38;box-shadow:0 0 28px #60a5fa14}.chat-generation-icon-wrap{background:#0f172a8c;border-radius:16px;flex-shrink:0;justify-content:center;align-items:center;width:52px;height:52px;display:flex;position:relative}:root.theme-light .chat-generation-icon-wrap{background:#e2e8f0e6}.chat-generation-icon{color:#c4b5fd}.chat-generation-spinner{color:#f8fafc;animation:1.1s linear infinite spin;position:absolute;bottom:-4px;right:-4px}.chat-generation-copy h4{color:#fff;align-items:center;gap:4px;margin:0 0 6px;font-size:14px;font-weight:700;display:flex}:root.theme-light .chat-generation-copy h4{color:#0f172a}.chat-generation-copy p{color:#ffffffb8;margin:0;font-size:12px;line-height:1.5}:root.theme-light .chat-generation-copy p{color:#475569}.chat-skeleton-block{gap:8px;margin-top:14px;display:grid}.chat-skeleton-block span{background:linear-gradient(90deg,#ffffff0f,#ffffff2e,#ffffff0f) 0 0/220% 100%;border-radius:999px;height:10px;animation:1.4s linear infinite shimmer;display:block}.chat-skeleton-block span:first-child{width:100%}.chat-skeleton-block span:nth-child(2){width:88%}.chat-skeleton-block span:nth-child(3){width:64%}.chat-generation-kicker{align-items:center;gap:6px;margin-bottom:8px;display:inline-flex}.chat-generation-kicker span{background:#fffc;border-radius:999px;width:7px;height:7px;animation:1.2s ease-in-out infinite typingBounce}.chat-generation-kicker span:nth-child(2){animation-delay:.16s}.chat-generation-kicker span:nth-child(3){animation-delay:.32s}.stream-preview{background:linear-gradient(#4f46e529,#0f172ae0);border:1px solid #818cf83d;border-radius:18px;padding:14px 16px;animation:2.8s ease-in-out infinite streamGlow;box-shadow:0 0 24px #6366f124;display:block!important}.streaming-activity-row{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:10px;display:flex}.streaming-activity-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.streaming-activity-title{color:#eef2ff;align-items:center;gap:4px;font-size:13px;font-weight:700;display:flex}.streaming-status-text{color:#ffffffa8;font-size:11px;line-height:1.45}.streaming-cursor{color:#93c5fd;animation:1s steps(2,end) infinite cursorBlink}.streaming-signal{background:#818cf81f;border:1px solid #818cf829;border-radius:999px;flex-shrink:0;align-items:flex-end;gap:4px;padding:6px 8px;display:inline-flex}.streaming-signal span{background:linear-gradient(#67e8f9,#818cf8);border-radius:999px;width:4px;animation:1s ease-in-out infinite signalPulse}.streaming-signal span:first-child{height:10px}.streaming-signal span:nth-child(2){height:15px;animation-delay:.12s}.streaming-signal span:nth-child(3){height:20px;animation-delay:.24s}.streaming-draft-label{color:#bfdbfe85;letter-spacing:.08em;text-transform:uppercase;margin-bottom:10px;font-size:10px;font-weight:700}.streaming-live-text{color:#ffffff75;letter-spacing:.01em;font-style:italic;position:relative}.streaming-tail{vertical-align:text-bottom;background:linear-gradient(#67e8f9eb,#818cf859);border-radius:999px;width:10px;height:1.1em;margin-left:4px;animation:1.1s ease-in-out infinite tailPulse;display:inline-block}@keyframes shimmer{0%{background-position:0%}50%{background-position:100%}to{background-position:0%}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes cursorBlink{0%,45%{opacity:1}46%,to{opacity:0}}@keyframes signalPulse{0%,to{opacity:.55;transform:scaleY(.55)}50%{opacity:1;transform:scaleY(1)}}@keyframes tailPulse{0%,to{opacity:.35;transform:scaleY(.82)}50%{opacity:1;transform:scaleY(1)}}@keyframes streamGlow{0%,to{box-shadow:0 0 20px #6366f124,0 0 #22d3ee00}50%{box-shadow:0 0 26px #6366f138,0 0 40px #22d3ee1f}}:root{--editor-bg:#0a0a0f;--editor-surface:#14141ecc;--editor-surface-hover:#1e1e2de6;--editor-border:#ffffff14;--editor-border-hover:#ffffff26;--text-primary:#fff;--text-secondary:#ffffffb3;--text-muted:#fff6;--accent:#f97316;--accent-hover:#fb923c;--accent-glow:#f9731647;--success:#22c55e;--warning:#f59e0b;--danger:#ef4444;--spacing-xs:4px;--spacing-sm:8px;--spacing-md:16px;--spacing-lg:24px;--spacing-xl:32px;--sidebar-width:300px;--props-panel-width:340px;--header-height:64px;--timeline-height:180px;--radius-sm:6px;--radius-md:10px;--radius-lg:16px;--radius-full:9999px;--transition-fast:.15s ease;--transition-normal:.25s ease;--transition-slow:.4s ease}:root.theme-light{--editor-bg:#eef4fb;--editor-surface:#ffffffeb;--editor-surface-hover:#edf4fbfa;--editor-border:#94a3b83d;--editor-border-hover:#64748b47;--text-primary:#0f172a;--text-secondary:#0f172ab8;--text-muted:#475569b8;--accent:#ea580c;--accent-hover:#f97316;--accent-glow:#f9731629;--success:#10b981;--warning:#f59e0b;--danger:#ef4444}*{box-sizing:border-box}.editor-root{background:var(--editor-bg);width:100%;height:100vh;color:var(--text-primary);flex-direction:column;font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;display:flex;overflow:hidden}:root.theme-light .editor-root{background:radial-gradient(circle at 0 0,#7dd3fc1f,#0000 26%),linear-gradient(#f7fbff 0%,#eef4fb 100%)}.editor-header{height:var(--header-height);border-bottom:1px solid var(--editor-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);z-index:100;background:#0a0a0fcc;justify-content:space-between;align-items:center;padding:0 16px 0 24px;display:flex;overflow:visible;box-shadow:0 4px 20px #0000004d}:root.theme-light .editor-header{background:#ffffffd1;box-shadow:0 10px 30px #94a3b829}.editor-logo{color:var(--text-primary);background:linear-gradient(90deg,#fff,#fb923c);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;align-items:center;gap:12px;font-size:20px;font-weight:800;display:flex}.editor-actions{align-items:center;gap:12px;display:flex}.btn{letter-spacing:.3px;border:1px solid #0000;border-radius:12px;align-items:center;gap:8px;padding:8px 18px;font-size:13px;font-weight:600;transition:all .2s cubic-bezier(.4,0,.2,1);display:flex}.btn-primary{background:var(--accent);color:#fff;box-shadow:0 4px 12px #2563eb33}.btn-primary:hover{background:var(--accent-hover);transform:translateY(-1px);box-shadow:0 6px 20px #2563eb66}.btn-secondary{color:var(--text-secondary);background:#ffffff0d;border:1px solid #ffffff1a}.btn-secondary:hover{color:#fff;background:#ffffff1a;border-color:#fff3}.btn-success{color:#fff;background:#10b981;box-shadow:0 4px 12px #10b98133}.btn-success:hover{background:#059669;transform:translateY(-1px);box-shadow:0 6px 20px #10b98166}.btn-sm{border-radius:8px;padding:6px 12px;font-size:12px}.btn-icon{border:1px solid var(--editor-border);cursor:pointer;width:32px;height:32px;color:var(--text-secondary);background:#ffffff0d;border-radius:8px;justify-content:center;align-items:center;font-size:14px;transition:all .2s;display:flex}.btn-icon:hover{color:var(--text-primary);background:#ffffff1a;border-color:#fff3;transform:translateY(-1px)}.btn-icon-sm{cursor:pointer;opacity:.7;color:#fff;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;width:28px;height:28px;font-size:14px;transition:all .2s;display:flex}.btn-icon-sm:hover:not(:disabled){opacity:1;background:#ffffff1f}.btn-icon-sm:disabled{opacity:.2;cursor:not-allowed}.button-group-pills{background:#ffffff0d;border-radius:8px;gap:2px;padding:2px;display:flex}.editor-main{flex:1;gap:14px;padding:14px;display:flex;overflow:hidden}.editor-left-dock{border:1px solid var(--editor-border);background:linear-gradient(#070a12f5,#0a0c14e0);border-radius:24px;flex-shrink:0;width:392px;min-width:392px;height:100%;display:flex;overflow:hidden;box-shadow:0 20px 60px #00000047}:root.theme-light .editor-left-dock{background:linear-gradient(#fffffff0,#f8fbfffa);box-shadow:0 22px 44px #94a3b824}.editor-left-shell{border-right:1px solid var(--editor-border);background:#ffffff05;flex-direction:column;gap:14px;width:124px;min-width:124px;padding:16px 14px;display:flex}:root.theme-light .editor-left-shell{background:#f8fafccc}.editor-left-tabs{flex-direction:column;gap:8px;display:flex}.editor-left-tab{border:1px solid var(--editor-border);width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:#ffffff08;border-radius:14px;justify-content:flex-start;align-items:center;gap:6px;padding:11px 12px;font-size:12px;font-weight:700;transition:all .18s;display:flex;box-shadow:inset 0 1px #ffffff08}.editor-left-tab:hover,.editor-left-tab.active{color:var(--text-primary);background:linear-gradient(135deg,#06b6d429,#d946ef29);border-color:#22d3ee42;transform:translateY(-1px)}.editor-left-tab span{line-height:1.2}.editor-left-subnav{border-top:1px solid var(--editor-border);flex-direction:column;gap:6px;padding-top:6px;display:flex}.editor-left-subnav-btn{width:100%;color:var(--text-muted);cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:12px;justify-content:flex-start;align-items:center;padding:9px 10px;font-size:11px;font-weight:700;transition:all .18s;display:flex}.editor-left-subnav-btn:hover,.editor-left-subnav-btn.active{background:var(--editor-surface);color:var(--text-primary);border-color:var(--editor-border)}:root.theme-light .editor-left-tab,:root.theme-light .editor-left-subnav-btn{box-shadow:none}.editor-left-panel{background:0 0;flex-direction:column;width:calc(100% - 124px);min-width:0;height:100%;display:flex;overflow:hidden}:root.theme-light .editor-left-panel{box-shadow:none}.editor-left-panel-header{border-bottom:1px solid var(--editor-border);background:linear-gradient(#ffffff0a,#0000),#ffffff05;justify-content:space-between;align-items:flex-start;gap:12px;padding:20px 20px 14px;display:flex}.editor-left-panel-kicker{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;background:#22d3ee1f;border-radius:999px;align-items:center;margin-bottom:10px;padding:5px 10px;font-size:10px;font-weight:800;display:inline-flex}.editor-left-panel-header h3{color:var(--text-primary);margin:0 0 6px;font-size:18px;line-height:1.2}.editor-left-panel-header p{color:var(--text-muted);max-width:280px;margin:0;font-size:12px;line-height:1.55}.editor-left-panel-body{background:#ffffff05;flex:1;min-height:0;overflow:hidden}:root.theme-light .editor-left-panel-body{background:#ffffff5c}:root.theme-light .editor-left-tab:hover,:root.theme-light .editor-left-tab.active,:root.theme-light .editor-left-subnav-btn:hover,:root.theme-light .editor-left-subnav-btn.active{border-color:#0ea5e938}:root.theme-light .editor-left-panel-header{background:linear-gradient(#ffffffd1,#f8fbffd1),#ffffffc2}:root.theme-light .editor-left-panel-kicker{background:#22d3ee1a}.editor-left-panel .editor-sidebar,.editor-left-panel .editor-props{background:0 0;border-left:none;border-right:none;width:100%;min-width:100%;height:100%}.editor-left-panel .canvas-tab-surface{height:100%;padding:14px}.editor-left-panel .canvas-library-shell{border-radius:16px;min-height:100%}.editor-content-panel{flex-direction:column;gap:18px;height:100%;padding:20px 20px 28px;display:flex;overflow-y:auto}.editor-content-panel__header{z-index:5;background:linear-gradient(#0a0a0ff5 72%,#0000);justify-content:space-between;align-items:flex-start;gap:12px;padding-bottom:10px;display:flex;position:sticky;top:0}:root.theme-light .editor-content-panel__header{background:linear-gradient(#fffffff0 72%,#0000)}.editor-content-panel__header h3{margin:0 0 6px;font-size:18px}.editor-content-panel__header p,.editor-content-panel__empty{color:var(--text-muted);margin:0;font-size:12px;line-height:1.6}.editor-content-panel__section{border:1px solid var(--editor-border);background:#ffffff09;border-radius:18px;padding:16px;box-shadow:inset 0 1px #ffffff08}.editor-content-panel__stack{flex-direction:column;gap:16px;display:flex}.editor-content-panel__subsection{flex-direction:column;gap:12px;display:flex}.editor-content-panel__subtitle{color:var(--text-secondary);letter-spacing:.08em;text-transform:uppercase;font-size:11px;font-weight:800}.editor-content-panel__title{letter-spacing:.04em;text-transform:uppercase;color:var(--text-secondary);align-items:center;gap:8px;margin-bottom:12px;font-size:12px;font-weight:800;display:flex}.editor-content-panel__field-list,.editor-content-panel__asset-list,.editor-content-panel__single{flex-direction:column;gap:12px;display:flex}.editor-content-field{flex-direction:column;gap:6px;display:flex}.editor-content-field span{color:var(--text-secondary);font-size:13px;font-weight:700;line-height:1.35}.editor-content-field input,.editor-content-field textarea{border:1px solid var(--editor-border);width:100%;color:var(--text-primary);font:inherit;background:#ffffff0a;border-radius:12px;padding:12px 14px;font-size:14px;line-height:1.5}.editor-content-field textarea{resize:vertical;min-height:110px}.editor-content-field__mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:12.5px}.editor-color-field{align-items:center;gap:10px;min-height:48px;display:flex}.editor-content-field--color .editor-content-field__picker{display:none}.editor-color-field__swatch{border:1px solid var(--editor-border);cursor:pointer;border-radius:14px;width:46px;min-width:46px;height:46px;box-shadow:inset 0 0 0 1px #ffffff14}.editor-color-field__picker{border:1px solid var(--editor-border);cursor:pointer;background:#ffffff0a;border-radius:12px;width:54px;min-width:54px;height:44px;padding:4px}.editor-color-field__hex{flex:1}.editor-content-panel__asset-card{border:1px solid var(--editor-border);background:#ffffff09;border-radius:18px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:inset 0 1px #ffffff08}.editor-content-panel__asset-header{justify-content:space-between;align-items:flex-start;gap:12px;display:flex}.editor-content-panel__asset-label{color:var(--text-primary);margin-bottom:4px;font-size:14px;font-weight:700;line-height:1.35;display:block}.editor-content-panel__asset-caption{color:var(--text-muted);font-size:12px;line-height:1.5}.editor-content-panel__asset-body{grid-template-columns:96px minmax(0,1fr);align-items:start;gap:14px;display:grid}.editor-content-panel__asset-thumb{border:1px solid var(--editor-border);cursor:pointer;background:#ffffff0a;border-radius:18px;justify-content:center;align-items:center;width:96px;height:96px;padding:0;display:flex;overflow:hidden}.editor-content-panel__asset-thumb:disabled{cursor:default}.editor-content-panel__asset-thumb img{object-fit:cover;width:100%;height:100%;display:block}.editor-content-panel__image-empty{border:1px dashed var(--editor-border);width:100%;height:100%;color:var(--text-muted);text-align:center;border-radius:18px;flex-direction:column;justify-content:center;align-items:center;gap:8px;padding:10px;font-size:11px;display:flex}.editor-content-panel__modal-backdrop{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:40;background:#030712b8;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.editor-content-panel__modal{border:1px solid var(--editor-border);background:#0f172af5;border-radius:20px;width:min(760px,100vw - 48px);max-height:calc(100vh - 48px);overflow:hidden;box-shadow:0 30px 80px #02061773}.editor-content-panel__modal-header{border-bottom:1px solid var(--editor-border);justify-content:space-between;align-items:center;gap:12px;padding:16px 18px;display:flex}.editor-content-panel__modal-body{padding:18px}.editor-content-panel__modal-body img{object-fit:contain;background:#ffffff08;border-radius:16px;width:100%;max-height:calc(100vh - 180px);display:block}:root.theme-light .editor-content-panel__section,:root.theme-light .editor-content-panel__asset-card{background:#ffffffd6;box-shadow:0 10px 24px #94a3b814}:root.theme-light .editor-content-field input,:root.theme-light .editor-content-field textarea,:root.theme-light .editor-color-field__swatch,:root.theme-light .editor-content-panel__asset-thumb,:root.theme-light .editor-content-panel__modal{background:#f8fafc}:root.theme-light .editor-content-field input,:root.theme-light .editor-content-field textarea,:root.theme-light .voiceover-panel__textarea,:root.theme-light .voiceover-panel .studio-field select,:root.theme-light .voiceover-panel .studio-field input,:root.theme-light .prop-input,:root.theme-light select.prop-input,:root.theme-light textarea.prop-input{color:#0f172a;background:#fff;border-color:#cbd5e1}:root.theme-light select.prop-input option,:root.theme-light .voiceover-panel .studio-field select option{color:#0f172a;background:#fff}:root.theme-light .editor-sidebar,:root.theme-light .editor-props,:root.theme-light .props-header,:root.theme-light .props-section,:root.theme-light .voiceover-panel__section,:root.theme-light .scene-item,:root.theme-light .library-filter-chip,:root.theme-light .canvas-tab-surface{background:#fffffff0}:root.theme-light .scene-item-duration,:root.theme-light .canvas-text-toolbar,:root.theme-light .canvas-font-chip,:root.theme-light .canvas-text-toolbar input[type=number],:root.theme-light .canvas-toolbar-group{color:#0f172a;background:#fffffff2;border-color:#d7deea}:root.theme-light .zoom-controls,:root.theme-light .btn-secondary,:root.theme-light .btn-icon,:root.theme-light .btn-icon-sm:hover:not(:disabled){color:#334155;background:#ffffffeb;border-color:#d7deea}:root.theme-light .zoom-btn,:root.theme-light .toolbar-info,:root.theme-light .timeline-track-label,:root.theme-light .media-item-name,:root.theme-light .canvas-library-header p,:root.theme-light .canvas-media-section-title,:root.theme-light .voiceover-panel__header small,:root.theme-light .voiceover-panel__hint{color:#64748b}:root.theme-light .btn-secondary:hover,:root.theme-light .btn-icon:hover,:root.theme-light .library-filter-chip:hover,:root.theme-light .library-filter-chip.active,:root.theme-light .scene-item:hover{color:#0f172a;background:#eff6ff}:root.theme-light .scene-item.selected,:root.theme-light .editor-left-rail-btn:hover,:root.theme-light .editor-left-rail-btn.active{color:#0f172a;background:#2563eb1f;border-color:#2563eb40}:root.theme-light .editor-left-rail-btn,:root.theme-light .sidebar-section-title,:root.theme-light .prop-label,:root.theme-light .scene-item-duration,:root.theme-light .editor-content-panel__asset-caption,:root.theme-light .editor-content-panel__image-empty{color:#64748b}:root.theme-light .canvas-text-toolbar input[type=color]{background:0 0}@media (width<=1200px){.editor-content-panel__asset-body{grid-template-columns:1fr}}.editor-sidebar{width:var(--sidebar-width);min-width:var(--sidebar-width);background:var(--editor-surface);border-right:1px solid var(--editor-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;flex-shrink:0;display:flex;overflow:hidden}.sidebar-section{padding:var(--spacing-md);border-bottom:1px solid var(--editor-border)}.sidebar-section-title{text-transform:uppercase;letter-spacing:1px;color:var(--text-muted);margin-bottom:var(--spacing-sm);justify-content:space-between;align-items:center;font-size:11px;font-weight:600;display:flex}.library-filter-row{flex-wrap:wrap;gap:6px;margin-bottom:12px;display:flex}.library-filter-chip{border:1px solid var(--editor-border);color:var(--text-secondary);cursor:pointer;background:#ffffff0a;border-radius:999px;padding:5px 10px;font-size:11px;transition:all .18s}.library-filter-chip.active,.library-filter-chip:hover{color:var(--text-primary);background:#2563eb29;border-color:#2563eb59}.editor-sidebar button span{word-break:break-word}.voiceover-panel__header{border-bottom:1px solid var(--editor-border);padding:14px 16px}.voiceover-panel__header span{color:var(--text-primary);letter-spacing:.08em;text-transform:uppercase;align-items:center;gap:8px;font-size:12px;font-weight:800;display:inline-flex}.voiceover-panel__header small{color:var(--text-muted);margin-top:4px;font-size:11px;display:block}.voiceover-panel__body{flex-direction:column;flex:1;gap:14px;padding:14px;display:flex;overflow:auto}.voiceover-panel__section{border:1px solid var(--editor-border);background:#ffffff08;border-radius:10px;flex-direction:column;gap:10px;padding:12px;display:flex}.voiceover-panel__section h3{color:var(--text-primary);margin:0;font-size:13px}.voiceover-panel__textarea{box-sizing:border-box;resize:vertical;background:var(--editor-bg);width:100%;color:var(--text-primary);border:1px solid var(--editor-border);border-radius:8px;padding:8px 10px;font-family:inherit;font-size:12px;line-height:1.5}.voiceover-panel .studio-field,.voiceover-panel .studio-checkbox{color:var(--text-secondary);flex-direction:column;gap:6px;font-size:12px;display:flex}.voiceover-panel .studio-checkbox{flex-direction:row;align-items:center}.voiceover-panel .studio-field select,.voiceover-panel .studio-field input{box-sizing:border-box;background:var(--editor-bg);width:100%;color:var(--text-primary);border:1px solid var(--editor-border);border-radius:8px;padding:8px 10px}.voiceover-panel .studio-field input[type=range]{padding:0}.voiceover-panel__success,.voiceover-panel__error,.voiceover-panel__hint{font-size:11px;line-height:1.5}.voiceover-panel__success{color:#34d399}.voiceover-panel__error{color:#f87171}.voiceover-panel__hint{color:var(--text-muted);margin:0}.scene-list{gap:var(--spacing-xs);flex-direction:column;display:flex}.scene-item{cursor:pointer;background:#ffffff05;border:1px solid #ffffff0d;border-radius:12px;align-items:center;gap:12px;margin-bottom:6px;padding:10px 14px;transition:all .2s;display:flex}.scene-item:hover{background:#ffffff0d;border-color:#ffffff1a;transform:translate(4px)}.scene-item.selected{border-color:var(--accent);background:#6366f11f;box-shadow:0 4px 15px #6366f11a}.scene-item-number{width:22px;height:22px;color:var(--text-secondary);background:#ffffff1a;border-radius:6px;justify-content:center;align-items:center;font-size:11px;font-weight:700;display:flex}.scene-item.selected .scene-item-number{background:var(--accent);color:#fff}.scene-item-name{color:var(--text-primary);flex:1;font-size:13px;font-weight:500}.scene-item-duration{color:var(--text-muted);background:#0003;border-radius:4px;padding:2px 6px;font-size:11px;font-weight:600}.editor-canvas-area{border:1px solid var(--editor-border);background:linear-gradient(135deg,#0a0a0f 0%,#12121a 100%);border-radius:28px;flex-direction:column;flex:1;display:flex;position:relative;overflow:hidden;box-shadow:0 24px 70px #02061747}:root.theme-light .editor-canvas-area{background:linear-gradient(#f8fbff 0%,#edf4fb 100%);box-shadow:0 26px 60px #94a3b829}.canvas-viewport{flex:1;justify-content:center;align-items:center;width:100%;padding:16px;display:flex;overflow:auto}.canvas-container{border-radius:var(--radius-lg);box-shadow:0 0 0 1px var(--editor-border), 0 20px 60px #00000080, 0 0 100px var(--accent-glow);transform-origin:50%;background:#000;flex-shrink:0;position:relative;overflow:visible}.canvas-preview{border-radius:inherit;width:100%;height:100%;overflow:hidden}.canvas-toolbar{border-top:1px solid var(--editor-border);-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px);z-index:10;width:100%;height:48px;color:var(--text-secondary);background:#0f0f19e6;justify-content:space-between;align-items:center;padding:0 24px;display:flex}.canvas-smart-toolbar{border-bottom:1px solid var(--editor-border);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f8fafc0a;justify-content:space-between;align-items:center;gap:12px;height:62px;padding:0 18px;display:flex}:root.theme-light .canvas-smart-toolbar{background:#ffffffb8}.canvas-zoom-floating{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:40;transform-origin:100% 100%;background:#0a0a0fd1;border:1px solid #ffffff1a;border-radius:999px;align-items:center;gap:8px;padding:6px 10px;display:flex;position:absolute;bottom:12px;right:22px;transform:scale(.92);box-shadow:0 12px 28px #00000047}:root.theme-light .canvas-zoom-floating{background:#fffffff0;box-shadow:0 12px 28px #94a3b833}.canvas-smart-toolbar-left{scrollbar-width:none;align-items:center;gap:10px;min-width:0;display:flex;overflow-x:auto}.canvas-smart-toolbar-left::-webkit-scrollbar{display:none}.zoom-controls{border:1px solid var(--editor-border);background:#ffffff08;border-radius:999px;align-items:center;gap:12px;padding:4px 16px;display:flex}.zoom-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;border-radius:4px;justify-content:center;align-items:center;padding:4px;transition:all .2s;display:flex}.zoom-btn:hover{opacity:1;background:#ffffff1a}.zoom-value{text-align:center;min-width:48px;font-family:JetBrains Mono,monospace;font-size:13px;font-weight:600}.toolbar-info{opacity:.6;font-size:12px;font-weight:500}.canvas-dimensions{color:var(--text-muted);font-size:12px;position:absolute;bottom:-30px;left:50%;transform:translate(-50%)}.editor-props{width:var(--props-panel-width);min-width:var(--props-panel-width);background:var(--editor-surface);border-left:1px solid var(--editor-border);-webkit-backdrop-filter:blur(24px);backdrop-filter:blur(24px);flex-direction:column;flex-shrink:0;height:100%;min-height:0;animation:.3s ease-out slideInRight;display:flex;overflow:hidden}.props-header{padding:var(--spacing-md) var(--spacing-lg);border-bottom:1px solid var(--editor-border);background:#ffffff05}.props-header h3{color:var(--text-primary);letter-spacing:.5px;margin:0;font-size:16px;font-weight:600}.props-body{overscroll-behavior:contain;flex:1;min-height:0;padding-bottom:40px;overflow:hidden auto}.props-section{padding:var(--spacing-lg);border-bottom:1px solid var(--editor-border)}.props-section-title{text-transform:uppercase;color:var(--accent);margin-bottom:var(--spacing-lg);letter-spacing:1px;align-items:center;gap:8px;font-size:12px;font-weight:700;display:flex}.prop-group{margin-bottom:var(--spacing-lg)}.prop-label{color:var(--text-secondary);margin-bottom:var(--spacing-sm);font-size:12px;font-weight:500;display:block}.prop-input{border:1px solid var(--editor-border);border-radius:var(--radius-md);width:100%;color:var(--text-primary);transition:all var(--transition-normal);background:#0006;padding:10px 14px;font-family:inherit;font-size:13px}.prop-input:focus{border-color:var(--accent);box-shadow:0 0 0 4px var(--accent-glow);background:#6366f10d;outline:none}.prop-input[type=color]{cursor:pointer;height:42px;padding:4px}textarea.prop-input{min-height:80px;line-height:1.5}select.prop-input{appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='12' height='12' fill='white' viewBox='0 0 16 16'%3E%3Cpath d='M7.247 11.14 2.451 5.658C1.885 5.013 2.345 4 3.204 4h9.592a1 1 0 0 1 .753 1.659l-4.796 5.48a1 1 0 0 1-1.506 0z'/%3E%3C/svg%3E");background-position:right 14px center;background-repeat:no-repeat;padding-right:40px}select.prop-input option{color:#fff;background:#1a1a1a;padding:10px}@keyframes slideInRight{0%{opacity:0;transform:translate(20px)}to{opacity:1;transform:translate(0)}}.editor-timeline{background:var(--editor-surface);border-top:1px solid var(--editor-border);-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);flex-direction:column;height:100%;display:flex}.timeline-header{align-items:center;gap:var(--spacing-md);padding:var(--spacing-sm) var(--spacing-md);border-bottom:1px solid var(--editor-border);display:flex}.timeline-controls{align-items:center;gap:var(--spacing-xs);display:flex}.timeline-time{color:var(--text-secondary);font-family:JetBrains Mono,monospace;font-size:13px}.timeline-tracks{padding:var(--spacing-sm);flex-direction:column;flex:1;display:flex;overflow-x:auto}.timeline-track{align-items:center;gap:var(--spacing-xs);height:40px;display:flex}.timeline-track-label{width:80px;color:var(--text-muted);align-items:center;font-size:12px;display:flex}.timeline-scenes{gap:2px;height:100%;display:flex}.timeline-scene{background:linear-gradient(135deg, var(--accent) 0%, #f43f5e 100%);border-radius:var(--radius-sm);cursor:pointer;height:100%;transition:all var(--transition-fast);-webkit-user-select:none;user-select:none;justify-content:center;align-items:center;font-size:11px;font-weight:500;display:flex}.timeline-scene:hover{transform:scaleY(1.05)}.timeline-scene.selected{box-shadow:0 0 0 2px #fff}.timeline-scene-delete{color:#ffffffc7;cursor:pointer;opacity:.92;background:#0f172ab8;border:none;border-radius:999px;justify-content:center;align-items:center;width:18px;height:18px;display:flex;position:absolute;top:4px;right:8px}.timeline-scene-delete:hover{color:#fff;background:#ef4444e6}.media-grid{gap:var(--spacing-sm);grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-flow:dense;align-items:start;display:grid}.media-item{background:var(--editor-surface-hover);border-radius:var(--radius-md);justify-content:flex-start;align-items:center;gap:var(--spacing-xs);cursor:grab;min-height:116px;transition:all var(--transition-fast);border:1px solid #0000;flex-direction:column;height:100%;padding:8px;display:flex;overflow:hidden}.media-item:hover{border-color:var(--accent);transform:scale(1.02)}.media-item:active{cursor:grabbing;transform:scale(.99)}.media-item-icon{margin-top:16px;font-size:24px}.media-thumb{object-fit:cover;background:#ffffff08;border:1px solid #ffffff14;border-radius:8px;width:100%;height:100%}.media-item-name{color:#ffffffc2;text-align:left;text-overflow:ellipsis;white-space:nowrap;width:100%;max-width:100%;margin-top:auto;padding:0 2px;font-size:10px;line-height:1.25;overflow:hidden}.overlay-item{align-items:center;gap:var(--spacing-sm);padding:var(--spacing-sm);border-radius:var(--radius-md);margin-bottom:var(--spacing-xs);cursor:pointer;transition:all var(--transition-fast);background:#0003;display:flex}.overlay-item:hover{background:#0006}.overlay-item.selected{border:1px solid var(--accent);background:#6366f133}.progress-bar{border-radius:var(--radius-full);background:#ffffff1a;width:100%;height:8px;overflow:hidden}.progress-fill{background:linear-gradient(90deg, var(--accent), var(--success));border-radius:var(--radius-full);height:100%;transition:width var(--transition-normal)}.modal-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:1000;background:#000c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.modal-content{background:var(--editor-surface);border:1px solid var(--editor-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);width:90%;max-width:500px;max-height:80vh;overflow-y:auto}.modal-title{margin-bottom:var(--spacing-lg);font-size:20px;font-weight:600}.modal-actions{justify-content:flex-end;gap:var(--spacing-sm);margin-top:var(--spacing-xl);display:flex}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--editor-border);border-radius:var(--radius-full)}::-webkit-scrollbar-thumb:hover{background:#fff3}.dragging{opacity:.5}.drop-zone{border:2px dashed var(--editor-border);border-radius:var(--radius-lg);padding:var(--spacing-xl);text-align:center;transition:all var(--transition-fast)}.drop-zone.active{border-color:var(--accent);background:var(--accent-glow)}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.animate-pulse{animation:2s ease-in-out infinite pulse}.animate-slide-in{animation:.3s ease-out slideIn}.canvas-overlay-container{pointer-events:none;z-index:100;width:100%;height:100%;position:absolute;top:0;left:0}.text-overlay-handle{pointer-events:auto;cursor:grab;-webkit-user-select:none;user-select:none;will-change:transform, left, top, opacity;backface-visibility:hidden;transform-style:preserve-3d;border:1px solid #0000;border-radius:0;outline:1px solid #0000;justify-content:stretch;align-items:stretch;padding:0;transition:border-color .16s,box-shadow .16s,background .16s,outline-color .16s;display:inline-flex;position:absolute}.text-overlay-handle.scene-text{background:0 0}.text-overlay-handle:hover{border-color:#6366f180}.text-overlay-handle.active{z-index:101;background:0 0;border-color:#0000;outline-color:#0000;box-shadow:0 12px 30px #2563eb2e}.text-overlay-handle.scene-text.active{background:0 0}.text-selection-outline{pointer-events:none;border:1px solid #3b82f6f2;border-radius:12px;outline:1px dashed #ffffff3d;position:absolute;inset:-6px;box-shadow:0 0 0 1px #2563eb66,0 10px 22px #2563eb2e}.text-overlay-handle.scene-text .text-selection-outline{border-radius:14px;inset:-8px -10px}.text-resize-handle{background:var(--accent);cursor:pointer;touch-action:none;border:2px solid #ffffffeb;border-radius:999px;width:16px;height:16px;padding:0;position:absolute;box-shadow:0 4px 10px #00000047}.text-resize-handle.n{cursor:ns-resize;top:-10px;left:50%;transform:translate(-50%)}.text-resize-handle.s{cursor:ns-resize;bottom:-10px;left:50%;transform:translate(-50%)}.text-resize-handle.e{cursor:ew-resize;top:50%;right:-10px;transform:translateY(-50%)}.text-resize-handle.w{cursor:ew-resize;top:50%;left:-10px;transform:translateY(-50%)}.text-resize-handle.ne{cursor:nesw-resize;top:-10px;right:-10px}.text-resize-handle.nw{cursor:nwse-resize;top:-10px;left:-10px}.text-resize-handle.se{cursor:nwse-resize;bottom:-10px;right:-10px}.text-resize-handle.sw{cursor:nesw-resize;bottom:-10px;left:-10px}.text-overlay-handle.dragging{cursor:grabbing;filter:saturate(1.06);transition:none;box-shadow:0 26px 56px #00000057,0 0 0 1px #3b82f68c}.canvas-text-toolbar{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);pointer-events:auto;z-index:250;scrollbar-width:none;white-space:nowrap;background:#0a0a0feb;border:1px solid #ffffff1a;border-radius:18px;align-items:center;gap:12px;max-width:calc(100% - 24px);min-height:58px;padding:14px 16px;display:flex;position:absolute;overflow:auto hidden;box-shadow:0 24px 50px #00000073}.canvas-text-toolbar::-webkit-scrollbar{display:none}.canvas-font-chip,.canvas-text-toolbar input[type=number]{color:#fff;background:#ffffff0f;border:1px solid #ffffff1a;border-radius:12px;height:40px;padding:0 12px;font-size:14px;font-weight:600}.canvas-font-chip{cursor:pointer;justify-content:center;align-items:center;min-width:110px;display:inline-flex}.canvas-text-toolbar input[type=number]{text-align:center;width:72px}.canvas-text-toolbar input[type=color]{background:0 0;border:none;width:40px;height:40px;padding:0}.canvas-toolbar-group{background:#ffffff0a;border-radius:14px;align-items:center;gap:6px;padding:4px;display:flex}.canvas-toolbar-group .btn-icon-sm.active,.canvas-text-toolbar .btn-icon-sm.active{opacity:1;background:#2563eb3d}.animation-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;display:grid}.animation-card{color:var(--text-primary);cursor:pointer;text-align:left;background:#ffffff08;border:1px solid #ffffff14;border-radius:16px;flex-direction:column;align-items:flex-start;gap:10px;padding:14px;transition:transform .18s,border-color .18s,background .18s,box-shadow .18s;display:flex}.animation-card:hover,.animation-card.active{background:#2563eb1a;border-color:#2563eb73;transform:translateY(-2px);box-shadow:0 16px 30px #050a1438}.animation-card strong{font-size:13px}.animation-card span{color:var(--text-muted);font-size:11px}.animation-card-preview{background:linear-gradient(135deg,#2563eb1f,#0f766e1f);border:1px solid #ffffff14;border-radius:12px;justify-content:center;align-items:center;width:100%;height:88px;display:flex;overflow:hidden}.animation-card-preview span{color:#eef2ff;will-change:transform, opacity, filter;backface-visibility:hidden;font-size:28px;font-weight:700}:root.theme-light .animation-card-preview span{color:#1e293b}.animation-card:hover .animation-card-preview.is-fade span{animation:.6s ease-out both genericFadeIn}.animation-card:hover .animation-card-preview.is-slide-up span{animation:.5s ease-out both genericSlideUp}.animation-card:hover .animation-card-preview.is-slide-down span{animation:.5s ease-out both genericSlideDown}.animation-card:hover .animation-card-preview.is-slide-left span{animation:.5s ease-out both genericSlideLeft}.animation-card:hover .animation-card-preview.is-slide-right span{animation:.5s ease-out both genericSlideRight}.animation-card:hover .animation-card-preview.is-scale span{animation:.5s ease-out both genericScaleIn}.animation-card:hover .animation-card-preview.is-bounce span{animation:.6s ease-out both genericBounce}.animation-card:hover .animation-card-preview.is-blur span{animation:.5s ease-out both canvas-blur}@keyframes genericFadeIn{0%{opacity:0}to{opacity:1}}@keyframes genericSlideUp{0%{opacity:0;transform:translateY(24px)}to{opacity:1;transform:translateY(0)}}@keyframes genericSlideDown{0%{opacity:0;transform:translateY(-24px)}to{opacity:1;transform:translateY(0)}}@keyframes genericSlideLeft{0%{opacity:0;transform:translate(24px)}to{opacity:1;transform:translate(0)}}@keyframes genericSlideRight{0%{opacity:0;transform:translate(-24px)}to{opacity:1;transform:translate(0)}}@keyframes genericScaleIn{0%{opacity:0;transform:scale(.82)}to{opacity:1;transform:scale(1)}}@keyframes genericBounce{0%{opacity:0;transform:scale(.55)}60%{transform:scale(1.08)}to{opacity:1;transform:scale(1)}}.canvas-tab-surface{background:#0a0a0f80;flex:1;padding:20px;overflow:auto}.canvas-library-shell{background:#0d121cd1;border:1px solid #ffffff14;border-radius:18px;padding:18px;box-shadow:0 18px 40px #0000003d}:root.theme-light .canvas-library-shell{background:#fffffff0;box-shadow:0 18px 40px #94a3b829}.canvas-library-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.canvas-library-header h3{margin:0 0 6px;font-size:18px}.canvas-library-header p{color:var(--text-muted);margin:0;font-size:12px}.canvas-library-empty{text-align:center;color:var(--text-muted);padding:40px 20px}.canvas-media-sections{flex-direction:column;gap:22px;display:flex}.canvas-media-section-title{text-transform:uppercase;letter-spacing:.08em;color:var(--text-muted);align-items:center;gap:8px;margin-bottom:12px;font-size:11px;font-weight:700;display:flex}.media-grid-large{grid-template-columns:repeat(auto-fill,minmax(168px,1fr))}.media-grid-triple{grid-template-columns:repeat(3,minmax(0,1fr))}.media-item-wrapper.is-wide{grid-column:span 2}.media-item-wrapper.is-tall{grid-row:span 2}.media-item-wrapper.is-wide .media-item,.media-item-wrapper.is-compact .media-item{min-height:122px}.media-item-wrapper.is-tall .media-item{min-height:252px}.media-item-wrapper .media-thumb-large{height:calc(100% - 28px);min-height:88px}.media-item-wrapper.is-tall .media-thumb-large{min-height:216px}.media-item-wrapper.is-wide .media-thumb-large{min-height:92px}.media-thumb-large{height:112px}.canvas-library-upload{border-top:1px solid #ffffff14;justify-content:space-between;align-items:center;gap:12px;margin-top:18px;padding-top:16px;display:flex}.canvas-library-uploading{color:var(--text-muted);font-size:12px}.layer-drop-placeholder{color:#bfdbfeeb;letter-spacing:.03em;background:#2563eb14;border:1px dashed #2563eb80;border-radius:10px;justify-content:center;align-items:center;height:30px;margin:2px 0;font-size:11px;font-weight:700;display:flex}.canvas-text-toolbar .btn-icon-sm{border-radius:10px;width:36px;height:36px}.resize-handle{border:2px solid var(--accent);pointer-events:auto;z-index:102;background:#fff;border-radius:50%;width:12px;height:12px;position:absolute}.resize-handle.tl{cursor:nwse-resize;top:-6px;left:-6px}.resize-handle.tr{cursor:nesw-resize;top:-6px;right:-6px}.resize-handle.bl{cursor:nesw-resize;bottom:-6px;left:-6px}.resize-handle.br{cursor:nwse-resize;bottom:-6px;right:-6px}.rotate-handle{border:2px solid var(--accent);cursor:grab;z-index:102;background:#fff;border-radius:50%;width:14px;height:14px;position:absolute;top:-30px;left:50%;transform:translate(-50%)}.rotate-handle:after{content:"";background:var(--accent);width:2px;height:16px;position:absolute;top:14px;left:50%;transform:translate(-50%)}.rotate-handle:active{cursor:grabbing}.snap-guide{background:var(--accent);pointer-events:none;z-index:99;opacity:.6;position:absolute}.snap-guide.vertical{width:1px;height:100%;top:0}.snap-guide.horizontal{width:100%;height:1px;left:0}.timeline-overlay-clip{transition:transform .1s,background .2s;box-shadow:0 4px 12px #0003}.timeline-overlay-clip:hover{background:#6366f199!important}.timeline-overlay-clip.active{box-shadow:0 0 0 1px var(--accent), 0 4px 20px #6366f166;background:#6366f1cc!important}.timeline-track-label{width:88px;color:var(--text-muted);border-right:1px solid var(--editor-border);background:#ffffff05;flex-shrink:0;align-items:center;padding-left:12px;font-size:10px;font-weight:600;display:flex}.timeline-track{border-bottom:1px solid #ffffff0d;height:32px;display:flex}.timeline-track:last-child{border-bottom:none}.btn-ghost{color:var(--text-secondary);background:0 0;border:1px solid #0000}.btn-ghost:hover{color:var(--text-primary);background:#ffffff1a}@keyframes canvas-fade{0%{opacity:0}to{opacity:1}}@keyframes canvas-slide-up{0%{opacity:0;transform:translate(-50%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes canvas-slide-down{0%{opacity:0;transform:translate(-50%,-100%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes canvas-slide-left{0%{opacity:0;transform:translateY(-50%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes canvas-slide-right{0%{opacity:0;transform:translate(-100%,-50%)}to{opacity:1;transform:translate(-50%,-50%)}}@keyframes canvas-scale{0%{opacity:0;transform:translate(-50%,-50%)scale(.5)}to{opacity:1;transform:translate(-50%,-50%)scale(1)}}@keyframes canvas-blur{0%{opacity:0;filter:blur(20px);transform:translate(-50%,-50%)scale(1.1)}to{opacity:1;filter:blur();transform:translate(-50%,-50%)scale(1)}}@keyframes canvas-bounce{0%{opacity:0;transform:translate(-50%,-50%)scale(.3)}50%{opacity:1;transform:translate(-50%,-50%)scale(1.1)}70%{transform:translate(-50%,-50%)scale(.9)}to{transform:translate(-50%,-50%)scale(1)}}.export-overlay{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);z-index:9999;background:#000000d9;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.export-modal{text-align:center;background:#1a1a1a;border:1px solid #ffffff1a;border-radius:20px;width:450px;padding:32px;box-shadow:0 25px 50px -12px #00000080}.export-modal-title{background:linear-gradient(90deg,#fff,#fdba74);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text;margin-bottom:8px;font-size:24px;font-weight:700}.export-modal-subtitle{color:var(--text-muted);margin-bottom:32px;font-size:14px}.export-progress-container{background:#ffffff0d;border-radius:10px;width:100%;height:8px;margin-bottom:20px;overflow:hidden}.export-progress-fill{background:linear-gradient(to right, var(--accent), #f43f5e);border-radius:10px;height:100%;transition:width .3s ease-out}.export-progress-text{margin-bottom:12px;font-family:JetBrains Mono,monospace;font-size:32px;font-weight:800}.export-status-message{color:var(--accent);height:20px;margin-bottom:24px;font-size:14px}.export-done-icon{color:#22c55e;background:#22c55e33;border-radius:50%;justify-content:center;align-items:center;width:64px;height:64px;margin:0 auto 24px;display:flex}.export-minimized-widget{z-index:10000;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#1a1a23f2;border:1px solid #ffffff1a;border-radius:12px;justify-content:space-between;align-items:center;gap:24px;min-width:320px;max-width:400px;padding:12px 16px;animation:.4s cubic-bezier(.16,1,.3,1) slideInUp;display:flex;position:fixed;bottom:24px;right:24px;overflow:hidden;box-shadow:0 8px 32px #0006}@keyframes slideInUp{0%{opacity:0;transform:translateY(100%)}to{opacity:1;transform:translateY(0)}}.export-modal-premium{-webkit-backdrop-filter:blur(25px);backdrop-filter:blur(25px);text-align:center;background:#121217e6;border:1px solid #ffffff1a;border-radius:32px;width:100%;max-width:500px;padding:48px 32px;position:relative;overflow:hidden;box-shadow:0 25px 50px -12px #00000080}.modal-minimize-btn{color:var(--text-secondary);cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:14px;justify-content:center;align-items:center;width:40px;height:40px;transition:all .2s;display:flex;position:absolute;top:24px;right:24px}.modal-minimize-btn:hover{color:#fff;background:#ffffff1a}.export-visual-header{justify-content:center;margin-bottom:32px;display:flex}.export-loader-ring{justify-content:center;align-items:center;width:120px;height:120px;display:flex;position:relative}.ring-pulse{border:2px solid var(--accent);border-radius:50%;width:100%;height:100%;animation:2s cubic-bezier(.4,0,.6,1) infinite pulse-ring;position:absolute}.export-loader-ring:after{content:"";border:2px solid #8b5cf64d;border-radius:50%;width:80%;height:80%;animation:2s cubic-bezier(.4,0,.6,1) 1s infinite pulse-ring;position:absolute}@keyframes pulse-ring{0%{opacity:.5;transform:scale(.8)}50%{opacity:.2;transform:scale(1.1)}to{opacity:.5;transform:scale(.8)}}.rocket-icon{color:var(--accent);filter:drop-shadow(0 0 20px #8b5cf680);animation:3s ease-in-out infinite rocket-float}@keyframes rocket-float{0%,to{transform:translateY(0)rotate(0)}50%{transform:translateY(-10px)rotate(5deg)}}.export-title{background:linear-gradient(135deg,#fff 0%,#ffffffb3 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;margin-bottom:32px;font-size:24px;font-weight:800}.export-progress-section{background:#ffffff08;border-radius:24px;margin-bottom:24px;padding:24px}.percentage-large{color:#fff;margin-bottom:16px;font-family:JetBrains Mono,monospace;font-size:48px;font-weight:900;line-height:1}.export-progress-container{background:#ffffff0d;border-radius:20px;width:100%;height:10px;margin-bottom:16px;position:relative;overflow:hidden}.export-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7,#6366f1) 0 0/200% 100%;border-radius:20px;height:100%;transition:width .4s cubic-bezier(.16,1,.3,1);animation:3s linear infinite gradient-move;position:relative}@keyframes gradient-move{0%{background-position:0%}to{background-position:200%}}.fill-glow{filter:blur(8px);opacity:.3;background:#fff;width:40px;height:100%;position:absolute;top:0;right:0}.export-status-row{justify-content:center;align-items:center;display:flex}.status-text{color:var(--accent);letter-spacing:.5px;text-transform:uppercase;font-size:13px;font-weight:600}.export-tips-container{justify-content:center;align-items:center;min-height:48px;margin-bottom:32px;display:flex}.tip-box{align-items:flex-start;gap:12px;padding:0 16px;display:flex}.tip-icon{color:#fbbf24;flex-shrink:0;margin-top:2px}.tip-text{color:var(--text-secondary);text-align:left;margin:0;font-size:14px;font-style:italic;line-height:1.5}.animate-fade-in-shorter{animation:.5s ease-out forwards fadeInShorter}@keyframes fadeInShorter{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.media-item-actions{z-index:2;gap:6px;display:flex;position:absolute;top:8px;right:8px}.media-rename-btn,.media-item-wrapper .media-delete-btn{color:#fff;cursor:pointer;border:none;border-radius:50%;justify-content:center;align-items:center;width:22px;height:22px;display:flex;transform:scale(.8);opacity:0!important;transition:opacity .2s,transform .2s!important}.media-rename-btn{background:#6366f1e6}.media-item-wrapper:hover .media-delete-btn,.media-item-wrapper:hover .media-rename-btn{transform:scale(1);opacity:1!important}.media-rename-btn:hover{background:#4f46e5!important;transform:scale(1.1)!important}.media-delete-btn:hover{background:#f33!important;transform:scale(1.1)!important}.status-spinner-small{border:2px solid #8b5cf633;border-top-color:var(--accent);border-radius:50%;width:14px;height:14px;animation:.8s linear infinite spin}.export-modal-premium,.batch-editor-container,.variable-badge,.export-progress-fill{--accent:#2563eb!important;--accent-hover:#0ea5a4!important;--accent-glow:#2563eb47!important}.export-modal-premium .btn-primary{box-shadow:0 4px 12px #2563eb3d!important}.export-modal-premium .btn-primary:hover{box-shadow:0 6px 20px #0f766e52!important}.export-modal-premium .status-spinner-small,.export-modal-premium .ring-pulse{border-color:#2563eb!important}.modal-minimize-btn{color:#fff!important;cursor:pointer!important;z-index:100!important;-webkit-backdrop-filter:blur(8px)!important;backdrop-filter:blur(8px)!important;background:#ffffff1a!important;border:1px solid #fff3!important;border-radius:50%!important;justify-content:center!important;align-items:center!important;width:44px!important;height:44px!important;transition:all .2s!important;display:flex!important;position:absolute!important;top:20px!important;right:20px!important}.modal-minimize-btn:hover{border-color:var(--accent)!important;background:#fff3!important;transform:scale(1.1)!important}.modal-minimize-btn:active{transform:scale(.95)!important}.export-drawer-backdrop{z-index:9999;background:#05080e6b;justify-content:center;align-items:flex-end;padding:20px;display:flex;position:fixed;inset:0}.export-drawer{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#0c0f18f5;border:1px solid #ffffff14;border-radius:20px 20px 0 0;width:min(980px,100vw - 40px);padding:22px 24px 20px;box-shadow:0 -18px 48px #0000006b}.export-drawer-header{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:18px;display:flex}.export-drawer-header h3{margin:0 0 6px;font-size:18px}.export-drawer-header p{color:var(--text-secondary);margin:0;font-size:13px}.export-drawer-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 14px;display:grid}.export-drawer-toggles{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.export-toggle-row{color:var(--text-primary);background:#ffffff0a;border:1px solid #ffffff14;border-radius:12px;align-items:center;gap:10px;padding:12px 14px;font-size:13px;display:flex}.export-toggle-row input{accent-color:var(--accent)}.export-drawer-footer{justify-content:flex-end;gap:10px;margin-top:20px;display:flex}.user-profile-menu{flex-shrink:0;margin-right:24px;position:relative}.profile-trigger{cursor:pointer;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:10px;min-width:max-content;padding:6px 14px 6px 8px;transition:all .2s;display:flex}.profile-trigger:hover,.profile-trigger.active{background:#ffffff14;border-color:#ffffff26}:root.theme-light .profile-trigger{background:#fffffff5;border-color:#cbd5e1;box-shadow:0 10px 26px #94a3b824}:root.theme-light .profile-trigger:hover,:root.theme-light .profile-trigger.active{background:#fff;border-color:#94a3b8}.profile-avatar{background:linear-gradient(135deg,#f97316,#f43f5e);border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:36px;height:36px;display:flex;position:relative;overflow:hidden}.profile-avatar img{object-fit:cover;width:100%;height:100%}.avatar-initials{color:#fff;letter-spacing:.5px;font-size:14px;font-weight:700}.role-indicator{border:2px solid #14141e;border-radius:50%;justify-content:center;align-items:center;width:16px;height:16px;display:flex;position:absolute;bottom:-2px;right:-2px}.role-indicator svg{color:#fff}.profile-info{flex-direction:column;flex:1;align-items:flex-start;gap:0;min-width:0;display:flex}.profile-name{color:#fff;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:13px;font-weight:600;line-height:1.2;overflow:hidden}:root.theme-light .profile-name{color:#0f172a}.profile-org{color:#ffffff80;white-space:nowrap;text-overflow:ellipsis;width:100%;font-size:11px;line-height:1.2;overflow:hidden}:root.theme-light .profile-org{color:#64748b}.chevron{color:#ffffff80;transition:transform .2s}:root.theme-light .chevron{color:#64748b}.chevron.rotated{transform:rotate(180deg)}.profile-dropdown{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);z-index:9999;pointer-events:auto;background:#14141ef2;border:1px solid #ffffff1a;border-radius:16px;min-width:260px;padding:8px;animation:.2s dropdownFade;position:absolute;top:calc(100% + 8px);right:0;box-shadow:0 20px 40px -10px #00000080,inset 0 0 0 1px #ffffff0d}:root.theme-light .profile-dropdown{background:#fffffffe;border-color:#cbd5e1;box-shadow:0 24px 48px -12px #94a3b838,inset 0 0 0 1px #ffffffeb}@keyframes dropdownFade{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}.dropdown-header{align-items:center;gap:12px;padding:12px 8px;display:flex}.dropdown-avatar{background:linear-gradient(135deg,#f97316,#f43f5e);border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:44px;height:44px;display:flex;overflow:hidden}.dropdown-avatar img{object-fit:cover;width:100%;height:100%}.dropdown-avatar .avatar-initials{font-size:16px}.dropdown-user-info{flex-direction:column;gap:2px;min-width:0;display:flex}.dropdown-name{color:#fff;font-size:14px;font-weight:600}:root.theme-light .dropdown-name{color:#0f172a}.dropdown-email{color:#ffffff80;text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}:root.theme-light .dropdown-email{color:#64748b}.dropdown-divider{background:#ffffff14;height:1px;margin:4px 0}:root.theme-light .dropdown-divider{background:#e2e8f0}.dropdown-section{padding:4px 0}.dropdown-language{gap:6px;padding:8px 12px;display:grid}.dropdown-language span{color:#ffffffa3;font-size:12px;font-weight:700}:root.theme-light .dropdown-language span{color:#475569}.dropdown-language select{color:#fff;background:#ffffff14;border:1px solid #ffffff24;border-radius:10px;width:100%;min-height:38px;padding:0 10px;font-weight:700}.dropdown-language select option{color:#0f172a;background:#fff}:root.theme-light .dropdown-language select{color:#0f172a;background:#fff;border-color:#cbd5e1}.dropdown-item{color:#ffffffb3;cursor:default;text-align:left;background:0 0;border:none;border-radius:10px;align-items:center;gap:12px;width:100%;padding:10px 12px;font-size:13px;transition:all .15s;display:flex}:root.theme-light .dropdown-item{color:#334155}.dropdown-item.info svg{color:#fff6}:root.theme-light .dropdown-item.info svg{color:#64748b}.dropdown-item.logout{cursor:pointer;color:#f87171;pointer-events:auto;z-index:10;position:relative}.dropdown-item.logout:hover{background:#ef44441a}:root.theme-light .dropdown-item.logout:hover{background:#ef444414}.dropdown-item.logout svg{color:#f87171}@media (width<=640px){.profile-info{display:none}.profile-trigger{padding:6px}.chevron{display:none}.profile-dropdown{min-width:240px;right:-10px}}.login-page{justify-content:center;align-items:center;min-height:100vh;padding:16px;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;display:flex;position:relative;overflow:hidden}.login-bg{z-index:0;background:linear-gradient(#080a0f 0%,#111827 100%);position:fixed;inset:0}:root.theme-light .login-bg{background:radial-gradient(circle at 0 0,#fb923c24,#0000 28%),radial-gradient(circle at 100% 100%,#f43f5e1a,#0000 24%),linear-gradient(#eef2f7 0%,#e2e8f0 100%)}.login-bg .bg-gradient-1{filter:blur(72px);background:#f9731624;border-radius:999px;width:32rem;height:32rem;position:absolute;top:-24%;left:-18%}.login-bg .bg-gradient-2{filter:blur(72px);background:#f43f5e1a;border-radius:999px;width:34rem;height:34rem;position:absolute;bottom:-12%;right:-10%}.login-bg .bg-grid{background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px);background-size:52px 52px;position:absolute;inset:0}:root.theme-light .login-bg .bg-grid{background-image:linear-gradient(#33415514 1px,#0000 1px),linear-gradient(90deg,#33415514 1px,#0000 1px)}.floating-shapes{pointer-events:none;position:absolute;inset:0}.shape{filter:blur(90px);opacity:.42;border-radius:999px;position:absolute}.shape-1{background:#fb923c2e;width:18rem;height:18rem;top:14%;left:18%}.shape-2{background:#f43f5e24;width:16rem;height:16rem;bottom:18%;right:14%}.shape-3{background:#fbbf241f;width:14rem;height:14rem;top:42%;left:54%}.login-container{z-index:1;width:100%;max-width:24rem;position:relative}.login-page .login-logo{text-align:center;margin-bottom:2rem}.login-page .logo-icon-wrapper{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#f9731638;border:1px solid #f9731652;border-radius:18px;margin-bottom:1rem;padding:1rem;display:inline-flex;box-shadow:0 22px 52px #f9731633}.login-page .logo-sparkle{color:#f97316}.login-page .logo-title{letter-spacing:-.02em;color:#f8fafc;font-size:28px;font-weight:700;line-height:1.1}:root.theme-light .login-page .logo-title{color:#111827}.login-page .logo-subtitle{letter-spacing:.18em;text-transform:uppercase;color:#ffffffa6;margin-top:.5rem;font-size:14px}:root.theme-light .login-page .logo-subtitle{color:#7c2d12}.login-card{-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);background:#111827eb;border:1px solid #ffffff14;border-radius:16px;padding:28px;box-shadow:0 28px 80px #02081773}:root.theme-light .login-card{background:#ffffffeb;border-color:#cbd5e1;box-shadow:0 18px 44px #64748b2e}.login-header{text-align:center;padding-bottom:.25rem}.login-header h2{color:#f8fafc;font-size:2rem;font-weight:700;line-height:1.1}:root.theme-light .login-header h2{color:#0f172a}.login-header p{color:#9ca3af;margin-top:.5rem;font-size:14px}:root.theme-light .login-header p{color:#475569}.login-error{color:#fca5a5;background:#7f1d1d47;border:1px solid #ef444459;border-radius:12px;align-items:center;gap:10px;margin-top:1rem;padding:12px 14px;font-size:12px;display:flex}.login-form{flex-direction:column;gap:1rem;margin-top:1rem;display:flex}.form-group label{color:#9ca3af;margin-bottom:6px;font-size:12px;font-weight:600;display:block}:root.theme-light .form-group label{color:#475569}.input-wrapper{position:relative}.input-icon{color:#6b7280;position:absolute;top:50%;left:14px;transform:translateY(-50%)}:root.theme-light .input-icon{color:#64748b}.input-wrapper input{color:#f3f4f6;background:#1f2937e6;border:1px solid #374151;border-radius:12px;outline:none;width:100%;padding:10px 42px 10px 44px;font-size:14px;transition:border-color .16s,box-shadow .16s,background-color .16s}.input-wrapper input::placeholder{color:#6b7280}.input-wrapper input:focus{border-color:#f97316;box-shadow:0 0 0 1px #f9731680}:root.theme-light .input-wrapper input{color:#0f172a;background:#f1f5f9;border-color:#cbd5e1}:root.theme-light .input-wrapper input::placeholder{color:#64748b}.password-toggle{color:#6b7280;cursor:pointer;background:0 0;border:0;position:absolute;top:50%;right:12px;transform:translateY(-50%)}.password-toggle:hover{color:#d1d5db}:root.theme-light .password-toggle{color:#64748b}:root.theme-light .password-toggle:hover{color:#334155}.login-button{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f97316,#f43f5e);border:0;border-radius:12px;justify-content:center;align-items:center;gap:10px;width:100%;margin-top:6px;padding:12px 16px;font-size:15px;font-weight:700;transition:transform .16s,filter .16s,opacity .16s;display:inline-flex;box-shadow:0 16px 36px #f43f5e38}.login-button:hover{filter:brightness(1.03);transform:translateY(-1px)}.login-button:disabled{opacity:.6;cursor:not-allowed}.button-spinner{border:2px solid #ffffff4d;border-top-color:#fff;border-radius:999px;width:16px;height:16px;animation:.8s linear infinite spin-login}@keyframes spin-login{to{transform:rotate(360deg)}}.login-footer{text-align:center;margin-top:1.5rem}.powered-by{color:#6b7280;font-size:11px}:root.theme-light .powered-by{color:#64748b}.powered-by-link{color:#c2410c;font-weight:700;text-decoration:none}.powered-by-link:hover{color:#e11d48}@media (width<=480px){.login-page{padding:14px}.login-card{padding:24px 20px}.logo-title{font-size:26px}.login-header h2{font-size:1.8rem}}.studio-dash,.studio-settings{color:#f8fafc;background:0 0;flex-direction:column;min-height:100vh;font-family:Inter,system-ui,sans-serif;display:flex}.studio-dash__header{background:#0c0c14;border-bottom:1px solid #1f1f2e;justify-content:space-between;align-items:center;gap:12px;padding:14px 20px;display:flex}.studio-dash__brand{align-items:center;gap:8px;font-size:16px;font-weight:700;display:flex}.studio-dash__body{flex:1;grid-template-columns:360px 1fr;min-height:0;display:grid}.studio-dash__left{border-right:1px solid #1f1f2e;flex-direction:column;gap:16px;padding:16px;display:flex;overflow-y:auto}.studio-dash__main{padding:16px 20px;overflow-y:auto}.studio-dash__content{flex:1;min-height:0;overflow-y:auto}.studio-home{max-width:1100px;margin:0 auto;padding:28px 24px}.studio-home__head{align-items:baseline;gap:12px;margin-bottom:18px;display:flex}.studio-home__head h2{margin:0;font-size:20px}.studio-project-grid{grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:14px;display:grid}.studio-project-card{cursor:pointer;background:#11111b;border:1px solid #1f1f2e;border-radius:14px;flex-direction:column;gap:4px;padding:18px;transition:border-color .15s,transform .15s,background .15s;display:flex;position:relative}.studio-project-card:hover{background:#14141f;border-color:#6d28d9;transform:translateY(-2px)}.studio-project-card strong{margin-top:4px;font-size:15px}.studio-project-card small{color:#94a3b8;font-size:12px}.studio-project-card__icon{color:#a78bfa;background:#1d1d2a;border-radius:10px;place-items:center;width:40px;height:40px;margin-bottom:6px;display:grid}.studio-project-card__del{opacity:0;transition:opacity .15s;position:absolute;top:10px;right:10px}.studio-project-card:hover .studio-project-card__del{opacity:1}.studio-project-detail{max-width:1100px;margin:0 auto;padding:20px 24px}.studio-detail-head{align-items:center;gap:14px;margin-bottom:16px;display:flex}.studio-detail-head h2{white-space:nowrap;text-overflow:ellipsis;margin:0;font-size:20px;overflow:hidden}.studio-card{background:#11111b;border:1px solid #1f1f2e;border-radius:12px;padding:16px}.studio-card h3{align-items:center;gap:6px;margin:0 0 12px;font-size:14px;display:flex}.studio-field{flex-direction:column;gap:4px;margin-bottom:10px;font-size:13px;display:flex}.studio-field span{color:#94a3b8}.studio-field input,.studio-field select,.studio-field textarea,.studio-settings textarea{color:#f8fafc;font:inherit;background:#0c0c14;border:1px solid #2a2a3c;border-radius:8px;width:100%;padding:8px 10px}.studio-checkbox{align-items:center;gap:8px;margin-bottom:10px;font-size:13px;display:flex}.studio-checkbox span{align-items:center;gap:6px;display:flex}.studio-btn{color:#f8fafc;font:inherit;cursor:pointer;background:#16161f;border:1px solid #2a2a3c;border-radius:8px;align-items:center;gap:6px;padding:8px 12px;font-size:13px;text-decoration:none;display:inline-flex}.studio-btn:hover{background:#1d1d2a}.studio-btn:disabled{opacity:.5;cursor:not-allowed}.studio-btn--primary{background:#6d28d9;border-color:#6d28d9}.studio-btn--primary:hover{background:#7c3aed}.studio-btn--ghost{background:0 0}.studio-error{color:#f87171;margin-top:8px;font-size:13px}.studio-hint{color:#94a3b8;margin:4px 0;font-size:12px}.studio-projects{flex-direction:column;gap:6px;margin:0;padding:0;list-style:none;display:flex}.studio-projects button{text-align:left;width:100%;color:inherit;cursor:pointer;background:#0c0c14;border:1px solid #1f1f2e;border-radius:8px;flex-direction:column;gap:2px;padding:10px;display:flex}.studio-projects button.active{border-color:#6d28d9}.studio-projects small{color:#94a3b8;font-size:11px}.studio-empty{color:#64748b;padding:8px 0;font-size:13px;list-style:none}.studio-placeholder{color:#64748b;text-align:center;flex-direction:column;justify-content:center;align-items:center;gap:12px;max-width:420px;height:100%;margin:0 auto;display:flex}.studio-toolbar{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;margin-bottom:14px;display:flex}.studio-range{color:#94a3b8;align-items:center;gap:8px;font-size:13px;display:flex}.studio-range input{color:#f8fafc;background:#0c0c14;border:1px solid #2a2a3c;border-radius:8px;padding:6px 8px}.studio-toolbar__actions{gap:8px;display:flex}.studio-days{flex-direction:column;gap:8px;margin:0;padding:0;list-style:none;display:flex}.studio-day{cursor:pointer;background:#11111b;border:1px solid #1f1f2e;border-left:4px solid #6d28d9;border-radius:10px;align-items:center;gap:12px;padding:12px;transition:border-color .15s,background .15s,transform .18s,box-shadow .18s;display:flex}.studio-day:hover,.studio-day--expanded{background:#14141f;border-color:#2a2a3c}.studio-day:has(.studio-drag-handle--active){opacity:.95;cursor:grabbing;z-index:5;position:relative;transform:scale(1.015)rotate(-.35deg);box-shadow:0 22px 44px #0006,0 0 0 1px #8b5cf673}.studio-day:has(.studio-drag-handle--active) .studio-day__chevron{opacity:.35}.studio-day--drop-target{border-color:#8b5cf6;transform:translateY(-1px);box-shadow:0 0 0 1px #8b5cf6b3,0 16px 32px #4c1d9547}.studio-day--drop-target:before{content:"";background:linear-gradient(90deg,#8b5cf6,#22d3ee);border-radius:3px;height:3px;position:absolute;top:-5px;left:10px;right:10px;box-shadow:0 0 10px #8b5cf6b3}.studio-days,.studio-day{position:relative}.studio-day:not(:has(.studio-drag-handle--active)){transition:border-color .15s,background .15s,transform .22s cubic-bezier(.2,.8,.2,1),box-shadow .18s}.studio-drag-handle{color:#8b7bc5;cursor:grab;background:linear-gradient(#141421,#10101a);border:1px dashed #31284f;border-radius:10px;flex-shrink:0;justify-content:center;align-items:center;width:34px;height:34px;display:inline-flex}.studio-drag-handle:hover{color:#d8ccff;background:#181826;border-color:#6d28d9}.studio-drag-handle:active,.studio-drag-handle--active{cursor:grabbing;color:#f3e8ff;background:#211638;border-color:#8b5cf6}.studio-day__open{color:#f8fafc;cursor:pointer;background:#16161f;border:1px solid #2a2a3c;border-radius:8px;flex-shrink:0;place-items:center;width:34px;height:34px;display:grid}.studio-day__info{flex:1;min-width:0}.studio-day__title{align-items:center;gap:8px;min-width:0;font-size:14px;font-weight:600;display:flex}.studio-day__prefix{color:#a78bfa;margin-right:6px;font-family:JetBrains Mono,monospace}.studio-day__title span:last-child{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.studio-day__title-edit{flex:1;align-items:center;gap:8px;min-width:0;display:inline-flex}.studio-day__title-input{color:#f8fafc;min-width:280px;max-width:min(640px,100%);font:inherit;background:#0c0c14;border:1px solid #6d28d9;border-radius:8px;padding:7px 10px}.studio-title-edit-btn{color:#7c6bb8;cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:26px;height:26px;display:inline-flex}.studio-day__meta{color:#94a3b8;flex-wrap:wrap;align-items:center;gap:10px;margin-top:4px;font-size:12px;display:flex}.studio-day__error{color:#f87171;margin-top:4px;font-size:12px}.studio-day__actions{flex-shrink:0;gap:6px;display:flex}.studio-render-progress{color:#cbd5e1;align-items:center;gap:8px;max-width:320px;margin-top:8px;font-size:11px;display:flex}.studio-render-progress__bar{background:#27272f;border-radius:999px;flex:1;height:6px;position:relative;overflow:hidden}.studio-render-progress__bar span{border-radius:inherit;background:linear-gradient(90deg,#6366f1,#a855f7);height:100%;transition:width .35s cubic-bezier(.1,.5,.5,1);display:block;box-shadow:0 0 14px #a855f773}.studio-render-progress__bar--indeterminate:before{content:"";border-radius:inherit;background:linear-gradient(90deg,#0000,#a855f7d9,#0000);width:42%;animation:1.25s ease-in-out infinite studio-render-indeterminate;position:absolute;inset:0}.studio-render-progress strong{text-align:right;min-width:38px;font-size:11px}.studio-render-widget{-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);z-index:900;background:#11111bf0;border:1px solid #7c3aed59;border-radius:14px;justify-content:space-between;align-items:center;gap:14px;width:min(560px,100vw - 32px);min-height:62px;padding:12px 14px;display:flex;position:fixed;bottom:18px;left:50%;overflow:hidden;transform:translate(-50%);box-shadow:0 22px 60px #00000073,0 0 28px #7c3aed2e}.studio-render-widget__fill{z-index:0;background:linear-gradient(90deg,#6366f12e,#a855f733);border-right:2px solid #a78bfa;height:100%;transition:width .4s cubic-bezier(.1,.5,.5,1);position:absolute;inset:0 auto 0 0}.studio-render-widget__fill--indeterminate{border-right-color:#a78bfad9;width:38%;animation:1.45s ease-in-out infinite studio-render-widget-sweep}.studio-render-widget__main,.studio-render-widget__meta{z-index:1;position:relative}.studio-render-widget__main{align-items:center;gap:12px;min-width:0;display:flex}.studio-render-widget__copy{flex-direction:column;min-width:0;display:flex}.studio-render-widget__copy span{color:#a78bfa;letter-spacing:.4px;font-size:11px;font-weight:800}.studio-render-widget__copy strong{text-overflow:ellipsis;white-space:nowrap;color:#f8fafc;max-width:330px;font-size:13px;overflow:hidden}.studio-render-widget__meta{flex-direction:column;flex-shrink:0;align-items:flex-end;gap:2px;display:flex}.studio-render-widget__meta span{color:#f8fafc;font-family:JetBrains Mono,monospace;font-size:15px;font-weight:900}.studio-render-widget__meta small{color:#94a3b8;font-size:11px}.studio-bulk-stop{color:#fca5a5;cursor:pointer;background:#f8717124;border:1px solid #f8717180;border-radius:999px;align-items:center;gap:5px;margin-top:6px;padding:5px 11px;font-size:12px;font-weight:700;transition:background .15s,color .15s;display:inline-flex}.studio-bulk-stop:hover:not(:disabled){color:#fecaca;background:#f8717142}.studio-bulk-stop:disabled{opacity:.55;cursor:not-allowed}:root.theme-light .studio-bulk-stop{color:#dc2626;background:#dc262614;border-color:#dc262673}.status-spinner-small{border:2px solid #a78bfa3d;border-top-color:#a78bfa;border-radius:999px;flex-shrink:0;width:18px;height:18px;animation:.85s linear infinite studio-spin}@keyframes studio-render-indeterminate{0%{transform:translate(-120%)}to{transform:translate(260%)}}@keyframes studio-render-widget-sweep{0%{transform:translate(-110%)}50%{transform:translate(120%)}to{transform:translate(300%)}}.studio-day-detail{color:#cbd5e1;background:#0d0d15;border-top:1px solid #1f1f2e;border-left:4px solid #6d28d9;border-radius:0 0 10px 10px;margin-top:-4px;margin-bottom:4px;margin-left:46px;padding:12px 14px}.studio-day-detail__grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin-bottom:12px;display:grid}.studio-day-detail__card{background:#11111b;border:1px solid #1f1f2e;border-radius:8px;flex-direction:column;gap:4px;padding:10px;display:flex}.studio-day-detail__card strong{color:#f8fafc;font-size:13px}.studio-day-detail__card small,.studio-day-detail__shares p{color:#94a3b8;margin:0;font-size:12px}.studio-day-detail__label{color:#94a3b8;align-items:center;gap:6px;font-size:12px;font-weight:600;display:inline-flex}.studio-day-detail__shares{flex-direction:column;gap:8px;display:flex}.studio-share-list{flex-direction:column;gap:6px;display:flex}.studio-share-list__row{background:#11111b;border:1px solid #1f1f2e;border-radius:8px;grid-template-columns:90px 84px 1fr 1fr;align-items:center;gap:8px;padding:8px 10px;font-size:12px;display:grid}.studio-share-list__row strong{color:#f8fafc}.studio-share-list__row span{color:#cbd5e1}.studio-share-list__id{overflow-wrap:anywhere;grid-column:span 2;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;color:#94a3b8!important}.studio-share-list__link{color:#93c5fd;justify-self:start;align-items:center;gap:5px;font-weight:700;text-decoration:none;display:inline-flex}.studio-share-list__link:hover{color:#bfdbfe;text-decoration:underline}.studio-share-list__row em{color:#f87171;grid-column:1/-1;font-style:normal}.studio-badge{background:#1f2937;border-radius:999px;padding:2px 8px;font-size:11px}.studio-badge[data-status=Rendered]{background:#065f46}.studio-badge[data-status=Failed]{background:#7f1d1d}.studio-badge[data-status=Rendering],.studio-badge[data-status=RenderQueued]{background:#78350f}.studio-settings__body{box-sizing:border-box;flex-direction:column;gap:16px;width:100%;max-width:820px;margin:0 auto;padding:20px;display:flex}.spin{animation:1s linear infinite studio-spin}@keyframes studio-spin{to{transform:rotate(360deg)}}.studio-project-row{align-items:stretch;gap:6px;display:flex}.studio-project-row>button:first-child{flex:auto;min-width:0}.studio-project-row .studio-icon-btn{flex:0 0 40px;width:40px}.studio-icon-btn{color:#94a3b8;cursor:pointer;background:#0c0c14;border:1px solid #1f1f2e;border-radius:8px;flex-shrink:0;justify-content:center;align-items:center;width:32px;height:32px;display:inline-flex}.studio-icon-btn:hover{color:#f8fafc;background:#16161f}.studio-icon-btn--danger:hover{color:#f87171;border-color:#7f1d1d}.studio-btn--danger{color:#fff;background:#b91c1c;border-color:#b91c1c}.studio-btn--danger:hover{background:#dc2626}.studio-day__date{color:#cbd5e1;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;background:#0c0c14;border:1px solid #2a2a3c;border-radius:6px;padding:2px 6px;font-size:11px}.studio-day__time{width:74px}.studio-modal__backdrop{z-index:1000;background:#0009;place-items:center;display:grid;position:fixed;inset:0}.studio-modal{background:#11111b;border:1px solid #2a2a3c;border-radius:14px;width:440px;max-width:calc(100vw - 32px);padding:22px;box-shadow:0 24px 60px #00000080}.studio-modal h3{align-items:center;gap:8px;margin:0 0 12px;font-size:16px;display:flex}.studio-modal p{color:#cbd5e1;margin:0 0 18px;font-size:13px;line-height:1.6}.studio-modal__actions{justify-content:flex-end;gap:10px;display:flex}@media (width<=820px){.studio-day{flex-wrap:wrap;align-items:flex-start}.studio-day__title{flex-wrap:wrap}.studio-day__title-input{width:100%;min-width:0}.studio-day__actions{flex-wrap:wrap;width:100%;padding-left:46px}.studio-day-detail{margin-left:0}.studio-day-detail__grid,.studio-share-list__row{grid-template-columns:1fr}}.studio-badge[data-tone=draft]{color:#cbd5e1;background:#1f2937}.studio-badge[data-tone=progress]{color:#fde68a;background:#78350f}.studio-badge[data-tone=ready]{color:#bae6fd;background:#1e3a5f}.studio-badge[data-tone=shared]{color:#99f6e4;background:#134e4a}.studio-badge[data-tone=published]{color:#d1fae5;background:#065f46}.studio-badge[data-tone=error]{color:#fecaca;background:#7f1d1d}.studio-day__done{color:#6ee7b7;flex-wrap:wrap;align-items:center;gap:8px;margin-top:8px;font-size:12px;display:flex}.studio-day__done a{color:#a5b4fc;align-items:center;gap:4px;text-decoration:none;display:inline-flex}.studio-day__done a:hover{text-decoration:underline}.studio-share-hub{position:relative}.studio-share-hub__backdrop{z-index:40;background:0 0;position:fixed;inset:0}.studio-btn--sm{padding:5px 9px;font-size:12px}.studio-share-menu{z-index:50;background:#14141f;border:1px solid #2a2a3c;border-radius:12px;flex-direction:column;gap:2px;width:min(350px,100vw - 28px);padding:6px;animation:.12s ease-out studio-menu-in;display:flex;position:absolute;top:calc(100% + 6px);right:0;box-shadow:0 18px 48px #0000008c}@keyframes studio-menu-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:none}}.studio-share-menu__item{text-align:left;color:#e2e8f0;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:9px 10px;font-size:13px;display:flex}.studio-share-menu__item:hover{background:#1f2030}.studio-share-menu__divider{background:#26263a;height:1px;margin:5px 2px}.studio-share-menu__label{color:#94a3b8;text-transform:uppercase;letter-spacing:.04em;align-items:center;gap:6px;padding:4px 10px 2px;font-size:11px;display:flex}.studio-share-menu__schedule{padding:4px 10px 8px}.studio-share-menu__schedule-title{color:#cbd5e1;align-items:center;gap:6px;margin-bottom:6px;font-size:12px;display:flex}.studio-share-menu__schedule-row{align-items:center;gap:6px;display:flex}.studio-share-menu__schedule-row input{color:#f8fafc;background:#0c0c14;border:1px solid #2a2a3c;border-radius:8px;flex:1;min-width:205px;padding:6px 8px;font-size:12px}.studio-share-menu__schedule-row .studio-btn{flex-shrink:0}.studio-day-detail__empty-action{justify-content:space-between;align-items:center;gap:12px;min-height:34px;display:flex}.studio-day-detail__empty-action>span{color:#cbd5e1;font-size:12.5px}.studio-content-modal{flex-direction:column;width:880px;max-width:calc(100vw - 32px);max-height:calc(100vh - 48px);display:flex}.studio-content-modal__head{justify-content:space-between;align-items:center;margin-bottom:12px;display:flex}.studio-content-modal__head h3{margin:0}.studio-content-modal__body{flex:1;min-height:0;padding-right:8px;display:block;overflow-y:auto}.studio-content-modal__image{margin-bottom:10px;display:block}.studio-content-modal__image img{object-fit:contain;background:#0c0c14;border:1px solid #2a2a3c;border-radius:12px;width:100%;max-height:260px}.studio-content-modal__image-empty{color:#64748b;border:1px dashed #2a2a3c;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:8px;width:100%;height:180px;font-size:14px;display:flex}.studio-content-modal .studio-field{margin-bottom:16px}.studio-content-modal .studio-field span{color:#c0cbe0;margin-bottom:2px;font-size:13.5px;font-weight:600}.studio-content-modal .studio-field input,.studio-content-modal .studio-field textarea{color:#f3f6fc;--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;padding:11px 13px;font-size:15px;line-height:1.55}.studio-content-modal .studio-field textarea{resize:vertical}.studio-content-modal .studio-mono{font-family:JetBrains Mono,ui-monospace,monospace;font-size:13.5px;line-height:1.6}.studio-color-field{align-items:center;gap:10px;display:flex}.studio-color-field__picker{cursor:pointer;background:#0c0c14;border:1px solid #2a2a3c;border-radius:12px;width:54px;min-width:54px;height:44px;padding:4px}.studio-color-field__hex{flex:1}.studio-day__open{color:#c4b5fd;background:linear-gradient(#1c1830,#161427);border:1px solid #3a2f63;align-items:center;gap:6px;width:auto;height:34px;padding:0 12px;font-size:12px;font-weight:600;display:inline-flex}.studio-day__open:hover{color:#ede9fe;background:#221a3d;border-color:#6d28d9}.studio-day__chevron{color:#64748b;flex-shrink:0;place-items:center;margin-left:2px;transition:transform .2s,color .2s;display:grid}.studio-day:hover .studio-day__chevron{color:#a5b4fc}.studio-day__chevron--open{color:#a5b4fc;transform:rotate(180deg)}.studio-inline-edit{color:#f8fafc;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;padding:0;font-size:14px;display:inline-flex}.studio-inline-edit:hover{color:#a5b4fc}.studio-inline-edit svg{opacity:.6}.studio-inline-input{color:#f8fafc;background:#0c0c14;border:1px solid #6d28d9;border-radius:8px;padding:6px 8px;font-size:13px}.studio-render-widget--bulk .studio-ring{--ring:0%;color:#e9d5ff;background:conic-gradient(#a855f7 var(--ring), #2a2a3c 0);border-radius:50%;flex-shrink:0;place-items:center;width:40px;height:40px;font-size:11px;font-weight:700;display:grid}.studio-render-widget--bulk .studio-ring span{background:#14101f;border-radius:50%;place-items:center;width:30px;height:30px;display:grid}.studio-render-widget--bulk{flex-direction:column;align-items:stretch;gap:0}.studio-render-widget__head{z-index:1;justify-content:space-between;align-items:center;gap:14px;display:flex;position:relative}.studio-render-widget__rows{z-index:1;flex-direction:column;gap:6px;margin-top:10px;display:flex;position:relative}.studio-render-widget__row{background:#7c3aed14;border-radius:8px;justify-content:space-between;align-items:center;gap:10px;padding:6px 10px;font-size:12px;display:flex;position:relative;overflow:hidden}.studio-render-widget__row i{z-index:0;background:#a78bfa38;border-right:2px solid #a78bfa;transition:width .4s cubic-bezier(.1,.5,.5,1);position:absolute;top:0;bottom:0;left:0}.studio-render-widget__row-title{z-index:1;text-overflow:ellipsis;white-space:nowrap;min-width:0;color:var(--studio-text,#f8fafc);font-weight:600;position:relative;overflow:hidden}.studio-render-widget__row-meta{z-index:1;color:var(--studio-text,#cdbcff);flex-shrink:0;font-family:JetBrains Mono,monospace;font-weight:700;position:relative}:root.theme-light .studio-render-widget__row-meta{color:#6d28d9}:root.theme-light .studio-render-widget__copy strong,:root.theme-light .studio-render-widget__meta span{color:#0f172a}:root.theme-light .studio-render-widget__row{background:#7c3aed1a}.studio-wizard{box-sizing:border-box;grid-template-columns:minmax(380px,1fr) minmax(420px,520px);align-items:start;gap:16px;width:100%;max-width:1440px;margin:0 auto;padding:20px;display:grid}.studio-wizard__chat,.studio-wizard__preview{min-width:0}.studio-wizard__meta-row{grid-template-columns:repeat(3,minmax(0,1fr));align-items:end;gap:12px;display:grid}.studio-wizard__meta-row strong{font-size:14px;display:block}.studio-wizard__thread{isolation:isolate;background:#0a0a14;border:1px solid #a78bfa47;flex-direction:column;min-height:calc(100vh - 170px);display:flex;position:relative;overflow:hidden}.studio-wizard__thread:before{content:"";z-index:0;filter:blur(46px)saturate(150%);pointer-events:none;background:radial-gradient(38% 38% at 18% 26%,#a78bfa99,#0000 62%),radial-gradient(42% 42% at 82% 18%,#38bdf88c,#0000 62%),radial-gradient(46% 46% at 72% 82%,#ec489980,#0000 62%),radial-gradient(44% 44% at 24% 84%,#2dd4bf73,#0000 62%),radial-gradient(40% 40%,#fbbf244d,#0000 60%);animation:20s ease-in-out infinite alternate wizardAurora,26s linear infinite wizardHue;position:absolute;inset:-35%}.studio-wizard__thread>*{z-index:1;position:relative}@keyframes wizardAurora{0%{transform:translate(-4%,-3%)rotate(0)scale(1.15)}50%{transform:translate(4%,3%)rotate(9deg)scale(1.32)}to{transform:translate(-2%,5%)rotate(-7deg)scale(1.2)}}@keyframes wizardHue{0%{filter:blur(46px)saturate(160%)hue-rotate()}to{filter:blur(46px)saturate(160%)hue-rotate(360deg)}}@media (prefers-reduced-motion:reduce){.studio-wizard__thread:before{animation:none}}.studio-wizard__thread-head,.studio-wizard__preview-head{justify-content:space-between;align-items:flex-start;gap:12px;margin-bottom:14px;display:flex}.studio-wizard__preview-head--compact{justify-content:flex-end;align-items:center;min-height:0;margin-bottom:8px}.studio-wizard__messages{flex-direction:column;flex:1;gap:12px;min-height:360px;max-height:calc(100vh - 390px);padding-right:4px;display:flex;overflow-y:auto}.studio-wizard__bubble{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border:1px solid #94a3b847;border-radius:14px;flex-direction:column;gap:6px;max-width:88%;padding:12px 14px;display:flex;box-shadow:0 6px 22px #00000059}.studio-wizard__bubble--assistant{background:#0d0e1ad1;border-color:#94a3b84d;align-self:flex-start}.studio-wizard__bubble--user{background:#6d28d9e0;border-color:#a78bfab3;align-self:flex-end}.studio-wizard__bubble-role{color:#c4b5fd;text-transform:uppercase;letter-spacing:.04em;font-size:11px;font-weight:700}.studio-wizard__bubble--user .studio-wizard__bubble-role{color:#ede9fe}.studio-wizard__bubble p{white-space:pre-wrap;color:#f4f4ff;margin:0;line-height:1.6}:root.theme-light .studio-wizard__thread{background:#f5f5fb;border-color:#7c3aed40}:root.theme-light .studio-wizard__thread:before{filter:blur(46px)saturate(130%);opacity:.7}:root.theme-light .studio-wizard__bubble--assistant{background:#ffffffe6;border-color:#0f172a1f}:root.theme-light .studio-wizard__bubble--assistant p{color:#0f172a}:root.theme-light .studio-wizard__bubble--assistant .studio-wizard__bubble-role{color:#7c3aed}:root.theme-light .studio-wizard__bubble--user{background:#7c3aedf2}.studio-wizard__typing{color:#94a3b8;align-items:center;gap:8px;font-size:13px;display:inline-flex}.studio-wizard__chips{flex-wrap:wrap;gap:8px;margin-top:16px;display:flex}.studio-wizard__chip{color:#ddd6fe;font:inherit;cursor:pointer;background:#171226;border:1px solid #32295d;border-radius:999px;padding:8px 12px;font-size:13px}.studio-wizard__chip:hover{background:#21183d;border-color:#6d28d9}.studio-wizard__chip:disabled{opacity:.55;cursor:not-allowed}.studio-wizard__composer{flex-direction:column;gap:10px;margin-top:16px;display:flex}.studio-wizard__composer textarea{resize:vertical;min-height:84px}.studio-wizard__composer-actions{flex-wrap:wrap;justify-content:space-between;gap:10px;display:flex}.studio-wizard__preview-card{position:sticky;top:16px}.studio-wizard__player-shell{aspect-ratio:9/16;background:#06070d;border:1px solid #232338;border-radius:16px;justify-content:center;align-items:center;width:100%;margin-bottom:14px;display:flex;overflow:hidden}.studio-wizard__empty{text-align:center;background:linear-gradient(160deg,#eef2ff 0%,#fdf2f8 45%,#ecfeff 100%);flex-direction:column;justify-content:center;align-items:center;gap:14px;width:100%;height:100%;padding:24px;display:flex;position:relative;overflow:hidden}.studio-wizard__empty-blob{filter:blur(28px);opacity:.75;mix-blend-mode:multiply;border-radius:50%;animation:9s ease-in-out infinite alternate emptyFloat;position:absolute}.studio-wizard__empty-blob.b1{background:#c4b5fd;width:46%;height:46%;animation-delay:0s;top:6%;left:-6%}.studio-wizard__empty-blob.b2{background:#99f6e4;width:40%;height:40%;animation-delay:-3s;top:22%;right:-4%}.studio-wizard__empty-blob.b3{background:#fbcfe8;width:44%;height:44%;animation-delay:-6s;bottom:-8%;left:18%}@keyframes emptyFloat{0%{transform:translate(0)scale(1)}to{transform:translate(6%,-6%)scale(1.15)}}.studio-wizard__empty-play{z-index:1;color:#fff;background:linear-gradient(135deg,#8b5cf6,#ec4899);border-radius:50%;justify-content:center;align-items:center;width:74px;height:74px;animation:2.4s ease-in-out infinite emptyPulse;display:flex;position:relative;box-shadow:0 12px 30px #8b5cf666}.studio-wizard__empty-play:before,.studio-wizard__empty-play:after{content:"";border:2px solid #8b5cf680;border-radius:50%;animation:2.4s ease-out infinite emptyRing;position:absolute;inset:0}.studio-wizard__empty-play:after{animation-delay:1.2s}@keyframes emptyPulse{0%,to{transform:scale(1)}50%{transform:scale(1.08)}}@keyframes emptyRing{0%{opacity:.6;transform:scale(1)}to{opacity:0;transform:scale(1.9)}}.studio-wizard__empty-title{z-index:1;color:#4c1d95;margin:0;font-size:15px;font-weight:800;position:relative}.studio-wizard__empty-sub{z-index:1;color:#6d28d9;opacity:.85;max-width:230px;margin:0;font-size:12.5px;line-height:1.5;position:relative}@media (prefers-reduced-motion:reduce){.studio-wizard__empty-blob,.studio-wizard__empty-play,.studio-wizard__empty-play:before,.studio-wizard__empty-play:after{animation:none}}.studio-wizard__error-panel{color:#fecdd3;background:#1c0f14;border:1px solid #7f1d1d;border-radius:12px;margin-bottom:14px;padding:12px}.studio-wizard__error-title{align-items:center;gap:8px;margin-bottom:10px;font-weight:700;display:inline-flex}.studio-wizard__error-panel pre{white-space:pre-wrap;word-break:break-word;margin:0;font-family:JetBrains Mono,ui-monospace,monospace;font-size:12px;line-height:1.6}.studio-wizard__summary{flex-direction:column;gap:12px;display:flex}.studio-wizard__summary-row strong{margin-bottom:6px;font-size:13px;display:block}.studio-wizard__summary-row p{color:#cbd5e1;margin:0;line-height:1.6}.studio-wizard__fields{flex-wrap:wrap;gap:8px;display:flex}.studio-wizard__field-pill{color:#e2e8f0;background:#0f1018;border:1px solid #2a2a3c;border-radius:999px;align-items:center;gap:6px;padding:6px 10px;font-size:12px;display:inline-flex}.studio-wizard__field-pill em{color:#94a3b8;font-style:normal}.studio-wizard__details{border-top:1px solid #232338;margin-top:16px;padding-top:14px}.studio-wizard__details summary{cursor:pointer;color:#c4b5fd;margin-bottom:12px;font-weight:700}@media (width<=1100px){.studio-wizard{grid-template-columns:1fr}.studio-wizard__preview-card{position:static}.studio-wizard__messages{max-height:none}}@media (width<=720px){.studio-wizard{padding:14px}.studio-wizard__meta-row{grid-template-columns:1fr}.studio-wizard__composer-actions{flex-direction:column}.studio-wizard__composer-actions .studio-btn{justify-content:center;width:100%}.studio-wizard__bubble{max-width:100%}}.studio-tabs{border-bottom:1px solid #26263a;gap:4px;margin-bottom:14px;display:flex}.studio-tab{color:#94a3b8;cursor:pointer;background:0 0;border:0;border-bottom:2px solid #0000;align-items:center;gap:7px;margin-bottom:-1px;padding:8px 12px;font-size:13px;font-weight:600;display:inline-flex}.studio-tab:hover{color:#cbd5e1}.studio-content-modal__grid{grid-template-columns:1fr 300px;align-items:start;gap:26px;display:grid}.studio-content-modal__single{max-width:680px}.studio-content-modal__foot{border-top:1px solid #26263a;justify-content:space-between;align-items:center;gap:12px;margin-top:16px;padding-top:14px;display:flex}@media (width<=760px){.studio-content-modal__grid{grid-template-columns:1fr}}:root.theme-light .studio-content-modal{color:#0f172a;background:#fff;border-color:#d7deea}:root.theme-light .studio-content-modal__head h3,:root.theme-light .studio-content-modal .studio-field span{color:#334155}:root.theme-light .studio-content-modal .studio-field input,:root.theme-light .studio-content-modal .studio-field textarea{color:#0f172a;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;background:#f8fafc;border-color:#cbd5e1}:root.theme-light .studio-content-modal__image img{background:#f8fafc;border-color:#d7deea}:root.theme-light .studio-content-modal__image-empty{color:#94a3b8;border-color:#cbd5e1}:root.theme-light .studio-content-modal__foot,:root.theme-light .studio-tabs{border-top-color:#e2e8f0;border-bottom-color:#e2e8f0}:root.theme-light .studio-tab{color:#64748b}:root.theme-light .studio-tab:hover{color:#334155}:root.theme-light .studio-btn{color:#0f172a;background:#fff;border-color:#cbd5e1}:root.theme-light .studio-btn:hover{background:#f8fafc}:root.theme-light .studio-btn--ghost{color:#475569;background:0 0}:root.theme-light .studio-btn--primary{background:var(--studio-accent);border-color:var(--studio-accent);color:#fff}:root.theme-light .studio-btn--primary:hover{background:#d94e06;border-color:#d94e06}:root.theme-light .studio-color-field__picker{background:#fff;border-color:#cbd5e1}.studio-shell{background:#09090f;width:100vw;min-height:100vh;display:flex;position:relative;overflow:hidden}.studio-shell__main{background-color:#0000;background-image:linear-gradient(#ffffff08 1px,#0000 1px),linear-gradient(90deg,#ffffff08 1px,#0000 1px),linear-gradient(#080a0f 0%,#111827 100%);background-position:0 0;background-repeat:repeat;background-size:52px 52px,52px 52px,100% 100%;background-attachment:scroll;background-origin:padding-box;background-clip:border-box;flex-direction:column;flex:1;min-width:0;height:100vh;display:flex;position:relative;overflow-y:auto}:root.theme-light .studio-shell__main{background-color:#0000;background-image:linear-gradient(#33415514 1px,#0000 1px),linear-gradient(90deg,#33415514 1px,#0000 1px),radial-gradient(circle at 0 0,#fb923c24,#0000 28%),radial-gradient(circle at 100% 100%,#f43f5e1a,#0000 24%),linear-gradient(#eef2f7 0%,#e2e8f0 100%);background-position:0 0,0 0,0 0;background-repeat:repeat,repeat,repeat;background-size:52px 52px,52px 52px,100% 100%,100% 100%,100% 100%;background-attachment:scroll,scroll,scroll;background-origin:padding-box,padding-box,padding-box;background-clip:border-box,border-box,border-box}.studio-sidebar{z-index:100;background:#0c0c14;border-right:1px solid #1f1f2e;flex-direction:column;flex-shrink:0;width:260px;height:100vh;transition:width .22s cubic-bezier(.4,0,.2,1);display:flex;position:relative}.studio-sidebar--collapsed{width:68px}.studio-sidebar__head{box-sizing:border-box;border-bottom:1px solid #1f1f2e;justify-content:space-between;align-items:center;min-height:82px;padding:18px 16px;display:flex;position:relative}.studio-sidebar--collapsed .studio-sidebar__head{flex-direction:column;justify-content:flex-start;align-items:center;gap:10px;padding:14px 8px 12px}.studio-sidebar__brand{color:#f8fafc;white-space:nowrap;flex:1;align-items:center;gap:10px;min-width:0;transition:opacity .15s;display:flex;overflow:hidden}.studio-sidebar--collapsed .studio-sidebar__brand{flex:none}.studio-sidebar__brand-icon{color:#fb923c;background:#fffffff0;border-radius:14px;flex-shrink:0;justify-content:center;align-items:center;width:40px;height:40px;display:inline-flex;box-shadow:0 12px 28px #06b6d433}.studio-sidebar__brand-copy{flex-direction:column;gap:4px;min-width:0;display:flex}.studio-sidebar__brand-copy strong{letter-spacing:-.03em;background:linear-gradient(90deg,#f8fafc 0%,#bae6fd 55%,#67e8f9 100%);color:#0000;-webkit-background-clip:text;background-clip:text;font-size:21px;font-weight:800;line-height:1.02}.studio-sidebar__brand-copy small{color:#94a3b8;font-size:11px;font-weight:600}.studio-sidebar__head-actions{flex-shrink:0;align-items:center;gap:8px;display:flex}.studio-sidebar__notif{position:relative}.studio-sidebar--collapsed .studio-sidebar__brand-copy{display:none}.studio-sidebar__collapse-fab{z-index:120;color:#64748b;cursor:pointer;background:#fffffff5;border:1px solid #cbd5e1eb;border-radius:999px;justify-content:center;align-items:center;width:34px;height:34px;transition:color .15s,border-color .15s,transform .15s;display:inline-flex;position:absolute;top:72px;right:-12px;box-shadow:0 12px 26px #0f172a29}.studio-sidebar__collapse-fab:hover{color:#0f766e;border-color:#22d3ee66;transform:translate(1px)}.studio-sidebar__mobile-close,.studio-sidebar__notif-button{color:#94a3b8;cursor:pointer;background:#0f172ab8;border:1px solid #94a3b82e;border-radius:12px;justify-content:center;align-items:center;width:34px;height:34px;transition:color .15s,background .15s,border-color .15s;display:inline-flex}.studio-sidebar__mobile-close:hover,.studio-sidebar__notif-button:hover{color:#e2e8f0;background:#1e293bf5;border-color:#22d3ee38}.studio-sidebar__mobile-close{display:none}.studio-sidebar__notif-badge{color:#fff;background:#d946ef;border-radius:999px;justify-content:center;align-items:center;min-width:18px;height:18px;padding:0 5px;font-size:10px;font-weight:700;display:inline-flex;position:absolute;top:-6px;right:-6px}.studio-sidebar__notif-overlay{z-index:159;position:fixed;inset:0}.studio-sidebar__notif-panel{z-index:170;background:#020617;border:1px solid #1f2937e0;border-radius:20px;flex-direction:column;width:320px;max-width:calc(100vw - 32px);max-height:32rem;display:flex;position:absolute;top:0;left:calc(100% + 12px);overflow:hidden;box-shadow:0 32px 80px #02061780}.studio-sidebar__notif-panel-head{color:#f8fafc;border-bottom:1px solid #94a3b81f;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;font-size:12px;font-weight:700;display:flex}.studio-sidebar__notif-markall{color:#67e8f9;cursor:pointer;background:0 0;border:0;align-items:center;gap:5px;font-size:11px;font-weight:600;display:inline-flex}.studio-sidebar__notif-list{overflow-y:auto}.studio-sidebar__notif-empty{text-align:center;color:#94a3b8;padding:28px 14px;font-size:11px}.studio-sidebar__notif-item{text-align:left;cursor:pointer;color:#e2e8f0;background:0 0;border:0;border-bottom:1px solid #94a3b814;align-items:flex-start;gap:10px;width:100%;padding:12px 14px;display:flex}.studio-sidebar__notif-item:hover{background:#0f172ab8}.studio-sidebar__notif-item--read{opacity:.62}.studio-sidebar__notif-dot{border-radius:999px;flex-shrink:0;width:6px;height:6px;margin-top:7px}.studio-sidebar__notif-dot--read{background:0 0}.studio-sidebar__notif-dot--error{background:#ef4444}.studio-sidebar__notif-dot--success{background:#10b981}.studio-sidebar__notif-dot--info{background:#06b6d4}.studio-sidebar__notif-copy{flex-direction:column;gap:3px;min-width:0;display:flex}.studio-sidebar__notif-title{color:#f8fafc;white-space:nowrap;text-overflow:ellipsis;font-size:12px;font-weight:600;overflow:hidden}.studio-sidebar__notif-message{color:#94a3b8;-webkit-line-clamp:2;-webkit-box-orient:vertical;font-size:11px;line-height:1.45;display:-webkit-box;overflow:hidden}.studio-sidebar__notif-check{color:#94a3b8;flex-shrink:0;margin-top:2px;margin-left:auto}.studio-sidebar--collapsed .studio-sidebar__notif-panel{top:0;left:calc(100% + 12px)}.studio-sidebar__nav{flex-direction:column;flex:1;gap:16px;padding:16px 12px;display:flex;overflow-y:auto}.studio-sidebar--collapsed .studio-sidebar__nav{padding:16px 8px}.studio-sidebar__section{flex-direction:column;gap:4px;display:flex}.studio-sidebar__project-header{cursor:pointer;color:#cbd5e1;-webkit-user-select:none;user-select:none;border-radius:8px;justify-content:space-between;align-items:center;padding:8px 10px;font-size:13.5px;font-weight:600;transition:background .15s,color .15s;display:flex}.studio-sidebar__project-header:hover{color:#f8fafc;background:#141423}.studio-sidebar__project-header--active{color:#a78bfa;background:#8b5cf60f;border-left:2px solid #8b5cf6}.studio-sidebar__project-info{flex:1;align-items:center;gap:10px;min-width:0;display:flex}.studio-sidebar__project-name{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-sidebar--collapsed .studio-sidebar__project-name,.studio-sidebar--collapsed .studio-sidebar__project-badge,.studio-sidebar--collapsed .studio-sidebar__project-arrow{display:none}.studio-sidebar__project-badge{color:#94a3b8;background:#1e1e2f;border-radius:4px;margin-left:auto;padding:1px 6px;font-size:10px;font-weight:700}.studio-sidebar__project-badge[data-kind=Campaign]{color:#4ade80;background:#14291e}.studio-sidebar__project-badge[data-kind=Series]{color:#c084fc;background:#251b40}.studio-sidebar__project-arrow{color:#64748b;flex-shrink:0;margin-left:4px;transition:transform .2s}.studio-sidebar__project-arrow--expanded{transform:rotate(180deg)}.studio-sidebar__groups{border-left:1px solid #1f1f2e;flex-direction:column;gap:2px;margin:0 0 0 24px;padding:4px 0;list-style:none;display:flex}.studio-sidebar--collapsed .studio-sidebar__groups{display:none}.studio-sidebar__group-item{display:block}.studio-sidebar__group-link{color:#94a3b8;cursor:pointer;white-space:nowrap;text-overflow:ellipsis;border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:12.5px;text-decoration:none;transition:background .12s,color .12s;display:flex;overflow:hidden}.studio-sidebar__group-link:hover{color:#e2e8f0;background:#11111d}.studio-sidebar__group-link--active{color:#a78bfa;background:#8b5cf614;font-weight:600}.studio-sidebar__foot{border-top:1px solid #1f1f2e;flex-direction:column;gap:4px;padding:12px;display:flex}.studio-sidebar--collapsed .studio-sidebar__foot{align-items:center;padding:12px 6px}.studio-sidebar__shortcut{color:#cbd5e1;cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:500;transition:background .15s,color .15s;display:flex}.studio-sidebar__shortcut:hover{color:#f8fafc;background:#141423}.studio-sidebar__credit-card{color:#e0f2fe;text-align:left;cursor:pointer;background:linear-gradient(#0a1622eb,#0c2430e6);border:1px solid #22d3ee38;border-radius:14px;flex-direction:column;gap:6px;width:100%;padding:12px;transition:transform .15s,border-color .15s,box-shadow .15s;display:flex}.studio-sidebar__credit-card:hover{border-color:#22d3ee59;transform:translateY(-1px);box-shadow:0 16px 32px #082f4938}.studio-sidebar__credit-card--low{color:#fee2e2;background:linear-gradient(#341014f5,#450a0aeb);border-color:#f8717161}.studio-sidebar__credit-head{justify-content:space-between;align-items:center;gap:8px;display:flex}.studio-sidebar__credit-label{letter-spacing:.12em;text-transform:uppercase;opacity:.86;align-items:center;gap:8px;font-size:11px;font-weight:700;display:inline-flex}.studio-sidebar__credit-icon{background:#ffffff14;border-radius:999px;justify-content:center;align-items:center;width:30px;height:30px;display:inline-flex}.studio-sidebar__credit-value{font-size:28px;font-weight:900;line-height:1}.studio-sidebar__credit-meta{color:#e2e8f0d1;font-size:11.5px;line-height:1.4}.studio-sidebar__credit-card--low .studio-sidebar__credit-meta{color:#fee2e2d6}.studio-sidebar__credit-link{color:#67e8f9;align-items:center;gap:6px;font-size:11.5px;font-weight:600;display:inline-flex}.studio-sidebar__user-card{border-top:1px solid #94a3b824;flex-direction:column;gap:8px;margin-top:8px;padding-top:12px;display:flex}.studio-sidebar__user-summary{align-items:center;gap:10px;min-width:0;display:flex}.studio-sidebar__user-avatar{color:#f8fafc;letter-spacing:.04em;background:linear-gradient(135deg,#8b5cf638,#3b82f638);border:1px solid #a78bfa47;border-radius:12px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;font-size:12px;font-weight:700;display:flex;overflow:hidden}.studio-sidebar__user-avatar img{object-fit:cover;width:100%;height:100%}.studio-sidebar__user-copy{flex-direction:column;gap:2px;min-width:0;display:flex}.studio-sidebar__user-name,.studio-sidebar__user-meta{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.studio-sidebar__user-name{color:#f8fafc;font-size:13px;line-height:1.2}.studio-sidebar__user-meta{color:#94a3b8;font-size:11.5px;line-height:1.2}.studio-sidebar__logout{color:#fca5a5;cursor:pointer;background:#ef444414;border:0;border-radius:8px;align-items:center;gap:10px;width:100%;padding:8px 10px;font-size:13px;font-weight:600;transition:background .15s,color .15s;display:flex}.studio-sidebar__logout:hover{color:#fecaca;background:#ef444424}.studio-sidebar--collapsed .studio-sidebar__shortcut span{display:none}.studio-sidebar--collapsed .studio-sidebar__credit-card{align-items:center;padding:10px 6px}.studio-sidebar--collapsed .studio-sidebar__credit-label,.studio-sidebar--collapsed .studio-sidebar__credit-meta,.studio-sidebar--collapsed .studio-sidebar__credit-link{display:none}.studio-sidebar--collapsed .studio-sidebar__credit-head{justify-content:center}.studio-sidebar--collapsed .studio-sidebar__credit-value{font-size:18px}.studio-sidebar--collapsed .studio-sidebar__shortcut{justify-content:center;width:100%;padding:8px 0}.studio-sidebar--collapsed .studio-sidebar__user-card{align-items:center;width:100%}.studio-sidebar--collapsed .studio-sidebar__user-summary{justify-content:center}.studio-sidebar--collapsed .studio-sidebar__user-copy,.studio-sidebar--collapsed .studio-sidebar__logout span{display:none}.studio-sidebar--collapsed .studio-sidebar__logout{justify-content:center;width:auto;padding:8px}.studio-sidebar--collapsed .studio-sidebar__head-actions{justify-content:center;width:100%;position:static}.studio-sidebar--collapsed .studio-sidebar__notif-button{width:36px;height:36px}.studio-sidebar--collapsed .studio-sidebar__brand{justify-content:center}.studio-sidebar--collapsed .studio-sidebar__brand-icon{width:42px;height:42px}.studio-sidebar--collapsed .studio-sidebar__mobile-close{display:none}.studio-sidebar-mobile-toggle{z-index:1010;color:#334155;cursor:pointer;background:#fffffff0;border:1px solid #cbd5e1eb;border-radius:12px;justify-content:center;align-items:center;width:42px;height:42px;display:none;position:fixed;top:14px;left:14px;box-shadow:0 16px 36px #0f172a2e}.studio-sidebar-backdrop{-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);z-index:95;background:#00000080;display:none;position:fixed;inset:0}@media (width<=820px){.studio-sidebar{width:260px;height:100vh;transition:left .25s ease-in-out;position:fixed;top:0;bottom:0;left:-260px}.studio-sidebar--open{left:0}.studio-sidebar--collapsed{width:68px;left:-68px}.studio-sidebar--open.studio-sidebar--collapsed{left:0}.studio-sidebar-mobile-toggle{display:flex}.studio-sidebar__mobile-close{display:inline-flex}.studio-sidebar__collapse-fab{display:none}.studio-sidebar__notif-panel,.studio-sidebar--collapsed .studio-sidebar__notif-panel{top:46px;left:auto;right:0}.studio-sidebar-backdrop--show{display:block}.studio-dash__header{padding-left:64px}.studio-project-detail{padding-top:14px}}.studio-shell{background:var(--studio-bg);color:var(--studio-text)}.studio-dash,.studio-settings{color:var(--studio-text);background:0 0!important}.studio-dash__header,.studio-sidebar,.studio-render-widget{background:var(--studio-bg-elevated);border-color:var(--studio-border)}.studio-card,.studio-project-card,.studio-day,.studio-day-detail__card,.studio-share-list__row,.studio-modal,.studio-share-menu,.studio-sidebar__project-header,.studio-sidebar__group-link,.studio-content-modal,.studio-content-modal__image img,.studio-content-modal__image-empty{border-color:var(--studio-border)}.studio-card,.studio-project-card,.studio-day,.studio-day-detail__card,.studio-modal,.studio-share-menu,.studio-content-modal,.studio-sidebar,.studio-sidebar__project-header,.studio-sidebar__group-link{color:var(--studio-text)}.studio-card,.studio-project-card,.studio-day,.studio-day-detail__card,.studio-modal,.studio-share-menu,.studio-content-modal{background:var(--studio-surface)}.studio-project-card:hover,.studio-day:hover,.studio-day--expanded,.studio-share-menu__item:hover,.studio-sidebar__project-header:hover,.studio-sidebar__group-link:hover,.studio-btn:hover,.studio-icon-btn:hover{background:var(--studio-surface-hover)}.studio-field span,.studio-hint,.studio-project-card small,.studio-projects small,.studio-range,.studio-day__meta,.studio-day-detail__card small,.studio-day-detail__shares p,.studio-day-detail__label,.studio-share-list__id,.studio-share-menu__label,.studio-share-menu__schedule-title,.studio-sidebar__toggle,.studio-sidebar__project-arrow,.studio-sidebar__project-badge,.studio-sidebar__group-link,.studio-content-modal .studio-field span,.studio-modal p,.studio-empty,.studio-placeholder{color:var(--studio-text-faint)!important}.studio-project-card strong,.studio-day__open,.studio-day-detail__card strong,.studio-share-list__row strong,.studio-inline-edit,.studio-render-widget__copy strong,.studio-render-widget__meta span,.studio-content-modal__head h3,.studio-modal h3,.studio-sidebar__brand,.studio-sidebar__project-header,.studio-btn,.studio-icon-btn{color:var(--studio-text)}.studio-field input,.studio-field select,.studio-field textarea,.studio-settings textarea,.studio-range input,.studio-day__date,.studio-inline-input,.studio-share-menu__schedule-row input,.studio-content-modal .studio-field input,.studio-content-modal .studio-field textarea,.studio-color-field__picker,.studio-icon-btn,.studio-btn,.studio-day__open,.studio-day__title-input,.studio-projects button{background:var(--studio-bg-elevated);border-color:var(--studio-border-strong);color:var(--studio-text)}.studio-content-modal{background:var(--studio-surface);color:var(--studio-text)}.studio-content-modal__image img,.studio-content-modal__image-empty{background:var(--studio-bg-elevated)}.studio-day-detail{background:var(--studio-surface);border-top-color:var(--studio-border);color:var(--studio-text-muted)}.studio-sidebar__foot,.studio-sidebar__head,.studio-sidebar__groups{border-color:var(--studio-border)}.studio-sidebar__shortcut{color:var(--studio-text-muted)}.studio-sidebar__shortcut:disabled{color:var(--studio-text-faint);opacity:.5}.studio-sidebar__project-header--active,.studio-sidebar__group-link--active{background:var(--studio-accent-soft);color:var(--studio-text)}.studio-share-menu__item,.studio-share-menu__schedule-row input{color:var(--studio-text)}.studio-tabs,.studio-content-modal__foot{border-color:var(--studio-border)}.studio-tab{color:var(--studio-text-faint)}.studio-tab:hover,.studio-tab--active{color:var(--studio-text)}.studio-settings__hero{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:20px;display:flex}.studio-settings__theme{border:1px solid var(--studio-border);background:var(--studio-bg-elevated);border-radius:14px;justify-content:space-between;align-items:center;gap:16px;width:min(100%,420px);padding:14px 16px;display:flex}.studio-settings__language{min-width:180px;max-width:220px}.studio-settings__language select option,.studio-field select option{color:#0f172a;background:#fff}.studio-settings__theme-copy{flex-direction:column;gap:4px;display:flex}.studio-settings__theme-copy strong{color:var(--studio-text);font-size:14px}.studio-settings__theme-copy span{color:var(--studio-text-faint);font-size:12px}.studio-settings__tabs-shell{padding:0;overflow:hidden}.studio-settings__tabs{border-bottom:1px solid var(--studio-border);background:var(--studio-bg-elevated);flex-wrap:wrap;gap:8px;padding:14px;display:flex}.studio-settings__tab{border:1px solid var(--studio-border);color:var(--studio-text-faint);font:inherit;cursor:pointer;background:0 0;border-radius:999px;padding:9px 14px;font-size:13px;font-weight:600;transition:background-color .16s,color .16s,border-color .16s}.studio-settings__tab:hover{background:var(--studio-surface);color:var(--studio-text)}.studio-settings__tab--active{background:var(--studio-accent-soft);border-color:var(--studio-accent);color:var(--studio-text)}.studio-settings__grid{grid-template-columns:minmax(0,1.35fr) minmax(320px,.95fr);gap:16px;padding:16px;display:grid}.studio-settings__grid--compact{grid-template-columns:repeat(2,minmax(0,1fr));padding:0}.studio-project-card:hover,.studio-projects button.active,.studio-btn--primary,.studio-day,.studio-day--drop-target,.studio-day__title-input,.studio-inline-input,.studio-day-detail,.studio-sidebar__project-header--active,.studio-sidebar__group-link--active,.studio-settings__tab--active{border-color:var(--studio-accent)}.studio-btn--primary{background:var(--studio-accent)}.studio-btn--primary:hover{background:#fb923c;border-color:#fb923c}.studio-project-card__icon,.studio-day__prefix,.studio-render-widget__copy span{color:#fb923c}.studio-badge[data-tone=updated]{color:#fed7aa;background:#7c2d12}.studio-tab--active{color:#fdba74;border-bottom-color:#f97316}.studio-title-edit-btn:hover{color:#ffedd5;background:#f973161f;border-color:#f9731647}.studio-drag-handle:hover{color:#ffedd5;border-color:var(--studio-accent);background:#22130d}.studio-drag-handle:active,.studio-drag-handle--active{color:#fff7ed;background:#3a1d12;border-color:#fb923c}.studio-render-progress__bar span{background:linear-gradient(90deg,#f97316,#f43f5e);box-shadow:0 0 14px #f9731659}.studio-render-progress__bar--indeterminate:before{background:linear-gradient(90deg,#0000,#f97316cc,#0000)}.studio-render-widget{border-color:#f9731652;box-shadow:0 22px 60px #00000073,0 0 28px #f9731629}.studio-render-widget__fill{background:linear-gradient(90deg,#f9731629,#f43f5e2e);border-right-color:#fb923c}.studio-render-widget__fill--indeterminate{border-right-color:#fb923ce0}.status-spinner-small{border-color:#fb923c #fb923c3d #fb923c3d}:root.theme-light .studio-dash__header,:root.theme-light .studio-sidebar,:root.theme-light .studio-render-widget{box-shadow:0 14px 36px #94a3b81f}:root.theme-light .studio-sidebar__project-header--active,:root.theme-light .studio-sidebar__group-link--active,:root.theme-light .studio-settings__tab--active{color:#9a3412}:root.theme-light .studio-tab--active{color:#c2410c;border-bottom-color:#ea580c}:root.theme-light .studio-sidebar__project-header,:root.theme-light .studio-sidebar__group-link,:root.theme-light .studio-sidebar__shortcut,:root.theme-light .studio-sidebar__brand,:root.theme-light .studio-sidebar__project-name{color:#334155}:root.theme-light .studio-sidebar__brand-copy strong{background:linear-gradient(90deg,#0f172a 0%,#0f766e 55%,#0891b2 100%);color:#0000;-webkit-background-clip:text;background-clip:text}:root.theme-light .studio-sidebar__brand-copy small,:root.theme-light .studio-sidebar__notif-message{color:#64748b}:root.theme-light .studio-sidebar__credit-card{color:#0f172a;background:linear-gradient(#ecfefffa,#e0f2fefa);border-color:#22d3ee3d}:root.theme-light .studio-sidebar__credit-card--low{color:#991b1b;background:linear-gradient(#fef2f2fa,#fee2e2fa);border-color:#f8717140}:root.theme-light .studio-sidebar__credit-meta{color:#475569}:root.theme-light .studio-sidebar__credit-link{color:#0891b2}:root.theme-light .studio-sidebar__project-header:hover,:root.theme-light .studio-sidebar__group-link:hover,:root.theme-light .studio-sidebar__shortcut:hover{color:#1e293b;background:#eef2ff}:root.theme-light .studio-sidebar__user-card{border-top-color:#94a3b833}:root.theme-light .studio-sidebar__user-avatar{color:#312e81;background:linear-gradient(135deg,#ede9fe,#dbeafe);border-color:#818cf833}:root.theme-light .studio-sidebar__user-name{color:#0f172a}:root.theme-light .studio-sidebar__user-meta{color:#64748b}:root.theme-light .studio-sidebar__logout{color:#dc2626;background:#fef2f2}:root.theme-light .studio-sidebar__logout:hover{color:#b91c1c;background:#fee2e2}:root.theme-light .studio-sidebar__project-arrow{color:#64748b}:root.theme-light .studio-sidebar__mobile-close,:root.theme-light .studio-sidebar__notif-button{color:#334155;background:#ffffffeb;border-color:#94a3b83d}:root.theme-light .studio-sidebar__collapse-fab{color:#64748b;background:#fffffff5;border-color:#cbd5e1eb}:root.theme-light .studio-sidebar__notif-panel{background:#fffffffa;border-color:#cbd5e1e6;box-shadow:0 30px 80px #94a3b847}:root.theme-light .studio-sidebar__notif-panel-head,:root.theme-light .studio-sidebar__notif-title{color:#0f172a}:root.theme-light .studio-sidebar__notif-item{color:#0f172a;border-bottom-color:#e2e8f0e6}:root.theme-light .studio-sidebar__notif-item:hover{background:#f8fafc}:root.theme-light .studio-sidebar__notif-check{color:#94a3b8}:root.theme-light .studio-sidebar__project-badge{color:#475569;background:#e2e8f0}:root.theme-light .studio-sidebar__project-badge[data-kind=Campaign]{color:#166534;background:#dcfce7}:root.theme-light .studio-sidebar__project-badge[data-kind=Series]{color:#c2410c;background:#ffedd5}:root.theme-light .studio-drag-handle{color:#64748b;background:linear-gradient(#fff,#f1f5f9);border-color:#cbd5e1}:root.theme-light .studio-drag-handle:hover{color:#c2410c;background:#eef2ff;border-color:#fdba74}:root.theme-light .studio-drag-handle--active,:root.theme-light .studio-drag-handle:active{color:#9a3412;background:#ffedd5;border-color:#f97316}:root.theme-light .studio-day-detail{color:#475569;background:#f8fafc}:root.theme-light .studio-day-detail__card,:root.theme-light .studio-share-list__row{background:#fff;border-color:#dbe3f0}:root.theme-light .studio-day-detail__card strong,:root.theme-light .studio-share-list__row strong,:root.theme-light .studio-share-list__row span{color:#0f172a}:root.theme-light .studio-day-detail__card small,:root.theme-light .studio-day-detail__shares p,:root.theme-light .studio-day-detail__label,:root.theme-light .studio-share-list__id{color:#64748b!important}@media (width<=900px){.studio-settings__grid,.studio-settings__grid--compact{grid-template-columns:1fr}}html,body,#root{min-height:100%}:root.theme-dark{--lightningcss-light: ;--lightningcss-dark:initial;color-scheme:dark;--studio-bg:#09090f;--studio-bg-elevated:#0c0c14;--studio-surface:#11111b;--studio-surface-hover:#161624;--studio-surface-soft:#141423;--studio-border:#26263a;--studio-border-strong:#34344a;--studio-text:#f8fafc;--studio-text-muted:#cbd5e1;--studio-text-soft:#b9c5d8;--studio-text-faint:#94a3b8;--studio-accent:#f97316;--studio-accent-soft:#f9731629;--studio-danger:#f87171;--studio-success:#6ee7b7}:root.theme-light{--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;--studio-bg:radial-gradient(circle at top left, #7dd3fc2e, transparent 28%), radial-gradient(circle at top right, #22d3ee1f, transparent 24%), linear-gradient(180deg, #f7fbff 0%, #eef4fb 100%);--studio-bg-elevated:#ffffffe0;--studio-surface:#fffffff0;--studio-surface-hover:#fff;--studio-surface-soft:#f8fbff;--studio-border:#d7deea;--studio-border-strong:#c3cfdf;--studio-text:#0f172a;--studio-text-muted:#334155;--studio-text-soft:#475569;--studio-text-faint:#64748b;--studio-accent:#ea580c;--studio-accent-soft:#f973161f;--studio-danger:#dc2626;--studio-success:#0f766e}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#0f0f0f;transition:background-color .18s,color .18s}:root.theme-light body{background:var(--studio-bg);color:var(--studio-text)}.rb-theme-toggle{color:#ffffffd1;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;align-items:center;gap:4px;padding:4px;font-size:12px;font-weight:700;transition:all .18s;display:inline-flex}.rb-theme-toggle:hover{color:#fff;background:#ffffff17}.rb-theme-toggle.compact{border-radius:10px;padding:3px}.rb-theme-toggle__option{color:inherit;cursor:pointer;font:inherit;background:0 0;border:0;border-radius:9px;align-items:center;gap:6px;padding:7px 10px;transition:background-color .16s,color .16s,transform .16s;display:inline-flex}.rb-theme-toggle.compact .rb-theme-toggle__option{padding:6px 8px}.rb-theme-toggle__option:hover{background:#ffffff14}.rb-theme-toggle__option.is-active{color:#fff;background:#f9731633}.rb-theme-toggle[data-saving=true]{opacity:.82}:root.theme-light .rb-theme-toggle{color:#475569;background:#fffffff0;border-color:#dbe4f0;box-shadow:0 10px 24px #94a3b829}:root.theme-light .rb-theme-toggle:hover{color:#0f172a;background:#edf4fb}:root.theme-light .rb-theme-toggle__option:hover{background:#94a3b829}:root.theme-light .rb-theme-toggle__option.is-active{color:#9a3412;background:#ffedd5}.auth-loading{background:linear-gradient(135deg,#0a0a0f 0%,#13131f 50%,#0d0d15 100%);flex-direction:column;justify-content:center;align-items:center;gap:16px;min-height:100vh;display:flex}.auth-loading p{color:#fff9;font-size:14px}.loading-spinner-large{border:3px solid #ffffff1a;border-top-color:#6366f1;border-radius:50%;width:48px;height:48px;animation:1s linear infinite spinLoading}@keyframes spinLoading{to{transform:rotate(360deg)}}.homepage{color:#fff;background:#0a0a0f;min-height:100vh;position:relative;overflow-x:hidden}:root.theme-light .homepage{color:#0f172a;background:radial-gradient(circle at 0 0,#3b82f61f,#0000 24%),radial-gradient(circle at 100% 100%,#0ea5e91f,#0000 22%),linear-gradient(#f6f9fc 0%,#e8eef7 100%)}:root.theme-light .bg-gradient-1{background:radial-gradient(circle,#2563eb14 0%,#0000 70%)}:root.theme-light .bg-gradient-2{background:radial-gradient(circle,#0ea5e914 0%,#0000 70%)}:root.theme-light .bg-grid{background-image:linear-gradient(#3341550f 1px,#0000 1px),linear-gradient(90deg,#3341550f 1px,#0000 1px)}.homepage-bg{pointer-events:none;z-index:0;position:fixed;inset:0;overflow:hidden}.bg-gradient-1{filter:blur(80px);background:radial-gradient(circle,#2563eb26 0%,#0000 70%);width:800px;height:800px;animation:30s ease-in-out infinite float1;position:absolute;top:-300px;right:-200px}.bg-gradient-2{filter:blur(80px);background:radial-gradient(circle,#0ea5e926 0%,#0000 70%);width:700px;height:700px;animation:35s ease-in-out infinite float2;position:absolute;bottom:-250px;left:-200px}.bg-grid{background-image:linear-gradient(#ffffff05 1px,#0000 1px),linear-gradient(90deg,#ffffff05 1px,#0000 1px);background-size:60px 60px;position:absolute;inset:0;-webkit-mask-image:radial-gradient(#000 30%,#0000 80%);mask-image:radial-gradient(#000 30%,#0000 80%)}@keyframes float1{0%,to{transform:translate(0)scale(1)}33%{transform:translate(50px,30px)scale(1.1)}66%{transform:translate(-30px,-20px)scale(.95)}}@keyframes float2{0%,to{transform:translate(0)scale(1)}33%{transform:translate(-40px,-30px)scale(1.05)}66%{transform:translate(30px,40px)scale(.9)}}.homepage-header{z-index:100;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#0a0a0fcc;border-bottom:1px solid #ffffff0d;justify-content:space-between;align-items:center;padding:24px 48px;display:flex;position:relative}:root.theme-light .homepage-header{background:#ffffffeb;border-bottom-color:#94a3b833}.homepage-logo{align-items:center;gap:14px;display:flex}.logo-icon{background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%);border-radius:14px;justify-content:center;align-items:center;width:48px;height:48px;display:flex;box-shadow:0 8px 32px #2563eb4d}.logo-text{flex-direction:column;display:flex}.logo-title{background:linear-gradient(90deg,#fff 0%,#fffc 100%);-webkit-text-fill-color:transparent;letter-spacing:-.5px;-webkit-background-clip:text;background-clip:text;font-size:22px;font-weight:800}.logo-subtitle{color:#ffffff80;text-transform:uppercase;letter-spacing:2px;font-size:11px;font-weight:500}:root.theme-light .logo-subtitle{color:#475569cc}:root.theme-light .logo-title{background:linear-gradient(90deg,#0f172a 0%,#2563eb 45%,#0ea5e9 100%);-webkit-text-fill-color:transparent;-webkit-background-clip:text;background-clip:text}.header-right{align-items:center;gap:16px;display:flex}.homepage-main{z-index:10;max-width:1200px;margin:0 auto;padding:60px 48px;position:relative}.hero-section{text-align:center;margin-bottom:60px}.hero-title{letter-spacing:-2px;margin-bottom:20px;font-size:56px;font-weight:800;line-height:1.1}.hero-gradient{background:linear-gradient(90deg,#fff 0%,#2563eb 25%,#0ea5e9 50%,#2563eb 75%,#fff 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 30px #2563eb33);background-size:200%;-webkit-background-clip:text;background-clip:text;animation:8s ease-in-out infinite shimmer}.hero-subtitle{color:#fff9;max-width:500px;margin:0 auto 40px;font-size:18px;line-height:1.6}:root.theme-light .hero-subtitle{color:#475569e6}:root.theme-light .hero-gradient{background:linear-gradient(90deg,#0f172a 0%,#1d4ed8 35%,#0284c7 70%,#0f172a 100%);-webkit-text-fill-color:transparent;filter:drop-shadow(0 0 18px #2563eb14);-webkit-background-clip:text;background-clip:text}:root.theme-light .hero-title{color:#0f172a}.quick-actions{justify-content:center;gap:16px;display:flex}.quick-action-btn{cursor:pointer;border:none;border-radius:14px;align-items:center;gap:10px;padding:14px 28px;font-size:15px;font-weight:600;transition:all .3s;display:flex}.quick-action-btn.primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%);box-shadow:0 8px 32px #2563eb66}.quick-action-btn.primary:hover{transform:translateY(-2px);box-shadow:0 12px 40px #2563eb80}.quick-action-btn.secondary{color:#fff;background:#ffffff14;border:1px solid #ffffff1a}.quick-action-btn.secondary:hover{background:#ffffff1f;border-color:#fff3}:root.theme-light .quick-action-btn.secondary{color:#0f172a;background:#ffffffc7;border:1px solid #cbd5e1;box-shadow:0 10px 28px #94a3b81f}:root.theme-light .quick-action-btn.secondary:hover{background:#fff;border-color:#94a3b8}.homepage-tabs{background:#ffffff0d;border-radius:14px;gap:8px;width:fit-content;margin-bottom:32px;padding:6px;display:flex}:root.theme-light .homepage-tabs{background:#ffffffeb;border:1px solid #94a3b838;box-shadow:0 12px 28px #94a3b824}.tab-btn{cursor:pointer;color:#fff9;background:0 0;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:500;transition:all .2s;display:flex}.tab-btn.active{color:#fff;background:#2563eb33}.tab-btn:hover:not(.active){color:#fff;background:#ffffff0d}:root.theme-light .tab-btn{color:#475569}:root.theme-light .tab-btn.active{color:#0f172a;background:#2563eb24}:root.theme-light .tab-btn:hover:not(.active){color:#0f172a;background:#94a3b824}.tab-content{min-height:400px}.loading-state,.empty-state{text-align:center;color:#ffffff80;flex-direction:column;justify-content:center;align-items:center;padding:80px 40px;display:flex}:root.theme-light .loading-state,:root.theme-light .empty-state{color:#64748b}.loading-spinner{border:3px solid #ffffff1a;border-top-color:#6366f1;border-radius:50%;width:40px;height:40px;margin-bottom:16px;animation:1s linear infinite spin}.empty-state h3{color:#fff;margin:20px 0 8px;font-size:20px}:root.theme-light .empty-state h3{color:#0f172a}.empty-state p{margin-bottom:24px}.projects-grid{flex-direction:column;gap:12px;display:flex}.project-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:16px;align-items:center;gap:16px;padding:16px 20px;transition:all .2s;display:flex}:root.theme-light .project-card{background:#fffffff5;border-color:#cbd5e1;box-shadow:0 14px 30px #94a3b824}.project-card:hover{background:#ffffff0f;border-color:#6366f14d;transform:translate(4px)}:root.theme-light .project-card:hover{background:#fff;border-color:#2563eb3d}.project-thumbnail{border-radius:12px;flex-shrink:0;width:56px;height:56px;overflow:hidden}.project-thumbnail-placeholder{color:#fff9;background:linear-gradient(135deg,#2563eb26 0%,#0ea5e926 100%);justify-content:center;align-items:center;width:100%;height:100%;display:flex}.project-info{flex-direction:column;flex:1;gap:4px;display:flex}.project-name{color:#fff;margin:0;font-size:15px;font-weight:600}:root.theme-light .project-name{color:#0f172a}.project-date{color:#fff6;align-items:center;gap:6px;font-size:12px;display:flex}:root.theme-light .project-date{color:#475569}.project-arrow{color:#ffffff4d;transition:all .2s}:root.theme-light .project-arrow{color:#64748b}.project-card:hover .project-arrow{color:#6366f1;transform:translate(4px)}.templates-grid{grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:20px;display:grid}.template-card{cursor:pointer;background:#ffffff08;border:1px solid #ffffff0f;border-radius:20px;transition:all .3s;overflow:hidden}:root.theme-light .template-card{background:#ffffffd6;border-color:#dbe4f0;box-shadow:0 12px 30px #94a3b81f}.template-card:hover{border-color:#6366f166;transform:translateY(-4px);box-shadow:0 20px 40px #0000004d}:root.theme-light .template-card:hover{border-color:#2563eb3d;box-shadow:0 20px 40px #94a3b82e}.template-preview{background:linear-gradient(135deg,#2563eb1a 0%,#0ea5e91a 100%);flex-direction:column;justify-content:center;align-items:center;gap:12px;height:160px;display:flex;position:relative}.template-icon{color:#fff;background:#ffffff1a;border-radius:16px;justify-content:center;align-items:center;width:56px;height:56px;display:flex}:root.theme-light .template-icon{color:#2563eb;background:#2563eb1f}.template-category{color:#fffc;background:#0006;border-radius:20px;padding:4px 10px;font-size:11px;font-weight:500;position:absolute;top:12px;right:12px}:root.theme-light .template-category{color:#334155;background:#ffffffe0;border:1px solid #dbe4f0}.template-info{padding:20px}.template-name{color:#fff;margin:0 0 6px;font-size:16px;font-weight:600}:root.theme-light .template-name{color:#0f172a}.template-description{color:#ffffff80;margin:0;font-size:13px;line-height:1.5}:root.theme-light .template-description{color:#64748b}.template-use-btn{color:#2563eb;cursor:pointer;background:0 0;border:none;border-top:1px solid #ffffff0f;justify-content:center;align-items:center;gap:8px;width:100%;padding:14px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.template-use-btn:hover{background:#6366f11a}:root.theme-light .template-use-btn{border-top-color:#e2e8f0}:root.theme-light .template-use-btn:hover{background:#2563eb14}.new-project-modal{width:90%;max-width:600px}:root.theme-light .new-project-modal{background:#fffffffa;border:1px solid #cbd5e1e6;box-shadow:0 28px 60px #94a3b83d,inset 0 0 0 1px #fffc}.modal-header h2{align-items:center;gap:12px;margin:0;font-size:22px;font-weight:700;display:flex}:root.theme-light .modal-header h2{color:#0f172a}.modal-body{flex-direction:column;gap:28px;padding:24px 0;display:flex}.form-section label{color:#fff9;text-transform:uppercase;letter-spacing:1px;margin-bottom:12px;font-size:12px;font-weight:600;display:block}:root.theme-light .form-section label{color:#64748b}.template-select-grid{grid-template-columns:repeat(2,1fr);gap:10px;display:grid}.template-select-item{cursor:pointer;color:#ffffffb3;background:#ffffff08;border:2px solid #ffffff14;border-radius:12px;align-items:center;gap:12px;padding:14px 16px;transition:all .2s;display:flex}:root.theme-light .template-select-item{color:#334155;background:#f8fafcf2;border-color:#dbe4f0}.template-select-item:hover{background:#ffffff0d;border-color:#fff3}:root.theme-light .template-select-item:hover{background:#fff;border-color:#93c5fd}.template-select-item.selected{color:#fff;background:#6366f11a;border-color:#6366f1}:root.theme-light .template-select-item.selected{color:#0f172a;background:#2563eb14;border-color:#2563eb}.template-select-item span{font-size:14px;font-weight:500}.platform-select-grid{grid-template-columns:repeat(3,1fr);gap:10px;display:grid}.platform-select-item{cursor:pointer;color:#fff9;text-align:center;background:#ffffff08;border:2px solid #ffffff14;border-radius:14px;flex-direction:column;align-items:center;gap:8px;padding:16px 12px;transition:all .2s;display:flex}:root.theme-light .platform-select-item{color:#334155;background:#f8fafcf2;border-color:#dbe4f0}.platform-select-item:hover{background:#ffffff0d;border-color:#fff3}:root.theme-light .platform-select-item:hover{background:#fff;border-color:#93c5fd}.platform-select-item.selected{border-color:var(--platform-color,#6366f1);color:#fff;background:#6366f11a}:root.theme-light .platform-select-item.selected{background:color-mix(in srgb, var(--platform-color,#2563eb) 10%, white);color:#0f172a}.platform-select-item.selected svg{color:var(--platform-color,#6366f1)}.platform-name{font-size:13px;font-weight:600}.platform-format{color:#fff6;font-size:11px}:root.theme-light .platform-format{color:#64748b}.project-name-input{color:#fff;background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;width:100%;padding:14px 16px;font-size:15px;transition:all .2s}:root.theme-light .project-name-input{color:#0f172a;background:#f8fafc;border-color:#cbd5e1}.project-name-input:focus{background:#ffffff14;border-color:#6366f1;outline:none}:root.theme-light .project-name-input:focus{background:#fff;border-color:#2563eb;box-shadow:0 0 0 4px #2563eb14}.project-name-input::placeholder{color:#ffffff4d}:root.theme-light .project-name-input::placeholder{color:#94a3b8}.modal-footer{border-top:1px solid #ffffff0f;justify-content:flex-end;gap:12px;padding-top:20px;display:flex}:root.theme-light .modal-footer{border-top-color:#e2e8f0}.modal-footer .btn{cursor:pointer;border-radius:10px;align-items:center;gap:8px;padding:12px 24px;font-size:14px;font-weight:600;transition:all .2s;display:flex}.modal-footer .btn-secondary{color:#ffffffb3;background:0 0;border:1px solid #ffffff26}:root.theme-light .modal-footer .btn-secondary{color:#475569;background:#fff;border-color:#cbd5e1}.modal-footer .btn-secondary:hover{background:#ffffff0d;border-color:#ffffff40}:root.theme-light .modal-footer .btn-secondary:hover{background:#f8fafc;border-color:#94a3b8}.modal-footer .btn-primary{color:#fff;background:linear-gradient(135deg,#2563eb 0%,#0ea5e9 100%);border:none}.modal-footer .btn-primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 8px 24px #2563eb66}.modal-footer .btn-primary:disabled{opacity:.5;cursor:not-allowed}@media (width<=768px){.homepage-header{padding:16px 24px}.homepage-main{padding:40px 24px}.hero-title{font-size:36px}.quick-actions{flex-direction:column}.platform-select-grid{grid-template-columns:repeat(2,1fr)}.template-select-grid{grid-template-columns:1fr}}