lucide-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;line-height:0;vertical-align:middle}lucide-icon>svg{width:100%;height:100%;display:block;flex-shrink:0}:root{--surface-page: #F8FAFC;--surface-card: #FFFFFF;--surface-sunken: #F1F5F9;--surface-hover: #F8FAFC;--border-default: #E2E8F0;--border-strong: #CBD5E1;--text-primary: #0F172A;--text-secondary: #475569;--text-tertiary: #94A3B8;--text-inverse: #FFFFFF;--accent: #4F46E5;--accent-hover: #4338CA;--accent-soft: #EEF2FF;--accent-border: #C7D2FE;--focus-ring: #6366F1;--success: #16A34A;--success-soft: #F0FDF4;--danger: #DC2626;--danger-soft: #FEF2F2;--warning: #D97706;--warning-soft: #FFFBEB;--info: #0284C7;--info-soft: #F0F9FF;--backdrop: rgba(15, 23, 42, .4);--shadow-overlay: 0 10px 38px rgba(15, 23, 42, .18), 0 4px 12px rgba(15, 23, 42, .1);--bg-app: var(--surface-page);--bg-dots: none;--glass-surface: var(--surface-card);--glass-border: var(--border-default);--glass-border-light: var(--border-default);--glass-highlight: var(--surface-sunken);--text-muted: var(--text-tertiary);--accent-primary: var(--accent);--accent-secondary: var(--accent);--accent-cyan: var(--accent);--gradient-neon: var(--accent);--shadow-card: none;--shadow-glow: none;--sidebar-width: 240px;--header-height: 56px;--radius-md: 8px;--radius-lg: 12px}html,body,app-root{height:100%;margin:0;font-family:Inter,sans-serif;background-color:var(--surface-page);color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg)}.text-gradient{color:var(--text-primary)}.btn-neon{position:relative;background:var(--accent);color:var(--text-inverse);border:none;padding:14px 28px;border-radius:6px;font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);overflow:hidden;display:flex;align-items:center;gap:8px;letter-spacing:.01em}.btn-neon:after{content:"";position:absolute;inset:0;background:transparent;pointer-events:none;border-radius:inherit}.btn-neon:hover{background:var(--accent-hover)}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-tertiary)}.app-layout{display:grid;grid-template-areas:"sidebar content";grid-template-columns:var(--sidebar-width) 1fr;height:100vh;width:100%;max-width:1600px;margin:0 auto;overflow:hidden;transition:all .3s ease;background-color:var(--surface-page)}.app-layout.full-width{grid-template-areas:"content";grid-template-columns:1fr}.content-area{grid-area:content;position:relative;overflow:hidden;height:100%;background:var(--surface-page)}@media (max-width: 768px){.app-layout{grid-template-areas:"content";grid-template-columns:1fr}.sidebar{position:fixed;top:0;left:0;bottom:0;width:280px;transform:translate(-100%);transition:transform .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-overlay);z-index:1000}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:var(--backdrop);z-index:998;opacity:0;pointer-events:none;transition:opacity .3s}.sidebar-backdrop.active{opacity:1;pointer-events:auto}}.page-grid{display:grid;grid-template-columns:1fr 320px;height:100%;width:100%;overflow:hidden;transition:all .3s ease}.page-grid main{height:100%;overflow:hidden;position:relative;display:flex;flex-direction:column}.page-grid aside{height:100%;border-left:1px solid var(--border-default);overflow-y:auto;background:var(--surface-card)}@media (max-width: 768px){.page-grid{grid-template-columns:1fr}.page-grid aside.properties-panel{position:fixed;top:0;right:0;bottom:0;width:300px;max-width:85vw;background:var(--surface-card);z-index:2000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--border-default);box-shadow:var(--shadow-overlay)}.page-grid aside.properties-panel.properties-open{transform:translate(0)}}.main-content{background:var(--surface-page)}.properties-panel{background:var(--surface-card);padding:24px;z-index:10}.top-bar{height:var(--header-height);display:flex;align-items:center;justify-content:space-between;padding:0 32px;border-bottom:1px solid var(--border-default);flex-shrink:0;background:var(--surface-card)}.header-left{display:flex;align-items:center;gap:16px}.back-link{color:var(--text-secondary);text-decoration:none;font-size:1.2rem;padding:8px;border-radius:8px;transition:all .2s;display:flex;align-items:center;justify-content:center}.back-link:hover{background:var(--surface-sunken);color:var(--text-primary)}.divider{color:var(--text-tertiary);font-size:1.2rem;font-weight:300}.project-title-group{display:flex;align-items:center;gap:12px}.project-name{margin:0;font-size:1.1rem;font-weight:600;color:var(--text-primary);letter-spacing:-.01em}.status-badge{font-size:.7rem;padding:2px 8px;border-radius:999px;background:var(--warning-soft);color:var(--warning);font-weight:500;letter-spacing:.05em;text-transform:uppercase}.header-actions{display:flex;align-items:center;gap:16px}.save-status{font-size:.8rem;color:var(--text-tertiary);font-weight:500}.btn-glass{background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-secondary);padding:8px 12px;border-radius:6px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-glass:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.btn-menu{display:flex;align-items:center;gap:8px;padding:8px 12px;border-radius:8px;margin-bottom:0!important;transition:all .2s;color:var(--text-secondary)}.btn-menu:hover{background:var(--surface-hover);color:var(--text-primary)}.btn-menu.active{background:var(--accent-soft);color:var(--accent)}.breadcrumbs{font-size:.95rem;color:var(--text-tertiary);font-weight:500}.breadcrumbs span{color:var(--text-primary)}.actions{display:flex;gap:12px}.icon-btn{width:40px;height:40px;border-radius:8px;border:1px solid var(--border-default);background:var(--surface-card);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:all .2s}.icon-btn:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-strong)}.canvas{flex:1;padding:40px 60px;overflow-y:auto;display:flex;flex-direction:column;gap:60px;align-items:center;width:100%;box-sizing:border-box}.ignition-container{width:100%;max-width:900px;position:relative}.ignition-box{display:flex;padding:16px;gap:24px;background:var(--surface-card)}.drop-zone{width:180px;height:140px;background:var(--surface-sunken);border:1px dashed var(--border-strong);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-tertiary);font-size:.85rem;cursor:pointer;transition:all .2s;gap:8px;position:relative}.drop-zone:hover{border-color:var(--accent);background:var(--accent-soft);color:var(--accent)}.plus-icon{width:32px;height:32px;border-radius:50%;background:var(--surface-card);display:grid;place-items:center;font-size:18px}.prompt-input{flex:1;position:relative;padding-right:16px}.glass-input{width:100%;background:transparent;border:none;color:var(--text-primary);font-size:1.5rem;font-weight:300;outline:none;padding:12px 0 28px;border-bottom:1px solid var(--border-default);transition:all .3s}.glass-input::placeholder{color:var(--text-tertiary);font-weight:300}.glass-input:focus{border-bottom-color:var(--accent)}.inspire-btn{position:absolute;right:25px;bottom:25px;background:var(--accent-soft);border:1px solid var(--accent-border);color:var(--accent);padding:2px 10px;border-radius:20px;font-size:.75rem;font-weight:500;cursor:pointer;transition:all .25s ease;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;z-index:2}.inspire-btn:hover{background:var(--accent-soft);border-color:var(--accent);color:var(--accent-hover)}.inspire-btn.loading{opacity:.7;cursor:not-allowed}.inspire-btn .spin{animation:spin 1s ease-in-out infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media (max-width: 768px){.inspire-btn{font-size:.75rem;padding:2px 10px;bottom:15px;right:5px}}.storyboard-flow{display:flex;gap:24px;position:relative;padding:30px 0;justify-content:center}.flow-line{position:absolute;top:50%;left:20px;right:20px;height:1px;background:var(--border-default);opacity:.2;z-index:0}.scene-card{width:220px;min-height:320px;height:auto;z-index:1;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);display:flex;flex-direction:column;padding:12px;transition:all .3s ease;cursor:pointer}.scene-script-box{background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:8px;padding:8px;margin-bottom:12px;max-height:80px;overflow-y:auto}.scene-script-box p{margin:0;font-size:.75rem;color:var(--text-secondary);line-height:1.4;font-family:Fira Code,monospace}.scene-card:hover{border-color:var(--border-strong)}.card-header{font-size:.85rem;font-weight:500;color:var(--text-secondary);margin-bottom:12px;display:flex;justify-content:space-between;padding:0 4px;align-items:center}.card-preview{flex:1;background:var(--surface-sunken);border-radius:var(--radius-md);border:1px solid var(--border-default);position:relative;overflow:hidden;transition:border-color .2s}.card-preview:after{content:"";position:absolute;inset:0;background:transparent}.scene-card:hover .card-preview{border-color:var(--border-strong)}.floating-action{position:absolute;bottom:50px;left:50%;transform:translate(-50%);z-index:20}.panel-header{margin-bottom:32px}.panel-header h3{font-size:1rem;color:var(--text-primary)}.setting-group{margin-bottom:28px}.setting-group label{display:block;color:var(--text-secondary);font-size:.8rem;font-weight:500;margin-bottom:10px;text-transform:uppercase;letter-spacing:.05em}select.glass-input-sm,input.glass-input-sm{width:100%;background:var(--surface-card);border:1px solid var(--border-default);color:var(--text-primary);border-radius:6px;padding:10px;font-size:.9rem;outline:none;-webkit-appearance:none;appearance:none;cursor:pointer}select.glass-input-sm:hover,input.glass-input-sm:hover,input.glass-input-sm:focus{border-color:var(--border-strong)}input[type=range].glass-slider{-webkit-appearance:none;appearance:none;width:100%;background:transparent}input[type=range].glass-slider::-webkit-slider-thumb{-webkit-appearance:none;height:16px;width:16px;border-radius:50%;background:var(--accent);cursor:pointer;margin-top:-6px}input[type=range].glass-slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--border-default);border-radius:2px}.console-log{width:100%;max-width:900px;height:400px;background:var(--surface-sunken);border:1px solid var(--border-default);border-radius:var(--radius-md);display:flex;flex-direction:column;overflow:hidden;margin-top:20px}.log-header{padding:12px 16px;background:var(--surface-card);border-bottom:1px solid var(--border-default);display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.dot{width:10px;height:10px;border-radius:50%}.red{background:var(--danger)}.yellow{background:var(--warning)}.green{background:var(--success)}.text-indigo{color:var(--accent)}.text-green{color:var(--success)}.text-yellow{color:var(--warning)}.text-blue{color:var(--info)}.no-bg{background:transparent!important}.flex-center-icon{display:inline-flex!important;align-items:center!important;justify-content:center!important;vertical-align:middle!important}.log-content{flex:1;overflow-y:auto;padding:16px;font-family:Fira Code,monospace;font-size:.85rem;color:var(--text-secondary);display:flex;flex-direction:column;gap:4px}.log-line{white-space:pre-wrap;line-height:1.4}.log-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:90%;max-width:500px;padding:40px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:50;text-align:center;background:var(--surface-card);border:1px solid var(--border-default);box-shadow:var(--shadow-overlay);border-radius:var(--radius-lg)}.loader-gif{width:80px;height:80px;object-fit:contain;animation:float 3s ease-in-out infinite}@keyframes float{0%{transform:translateY(0)}50%{transform:translateY(-10px)}to{transform:translateY(0)}}.log-stream-text{font-family:Fira Code,monospace;color:var(--accent);font-size:.95rem;min-height:1.5em;line-height:1.5em}.result-modal{position:fixed;inset:0;z-index:2000;background:var(--backdrop);display:flex;align-items:center;justify-content:center}.modal-content{width:90%;max-width:500px;padding:32px;position:relative;display:flex;flex-direction:column;align-items:center;gap:24px;background:var(--surface-card);border:1px solid var(--border-default);border-radius:var(--radius-lg);box-shadow:var(--shadow-overlay);max-height:85vh;overflow-y:auto}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-tertiary);font-size:1.2rem;cursor:pointer}.close-btn:hover{color:var(--text-primary)}.result-video{width:100%;border-radius:var(--radius-lg);background:#000;max-height:60vh;object-fit:contain}.actions-row{display:flex;gap:16px}.signin-actions{display:flex;flex-direction:row;align-items:center;gap:12px;margin-top:8px}.signin-actions .btn-neon{flex:1;justify-content:center}.signin-actions .btn-glass{flex-shrink:0;min-width:80px;justify-content:center}.menu-item{cursor:pointer;padding:10px;border-radius:6px;transition:background .2s;margin-bottom:4px}.menu-item:hover{background:var(--surface-hover)}.menu-header{display:flex;align-items:center;gap:10px;font-weight:500;color:var(--text-primary);font-size:.9rem}.menu-header .icon{font-size:1.1rem}.menu-header .chevron{margin-left:auto;font-size:.7rem;opacity:.6}.nested-menu{padding-left:20px;animation:slideDown .2s ease-out}@keyframes slideDown{0%{opacity:0;transform:translateY(-5px)}to{opacity:1;transform:translateY(0)}}.panel-header-sm{padding:8px 10px;margin-bottom:4px}.panel-header-sm h4{margin:0;font-size:.75rem;text-transform:uppercase;letter-spacing:.5px;color:var(--text-tertiary)}.nav-item-group{display:flex;flex-direction:column}.sub-nav{padding-left:12px;margin-top:8px;display:flex;flex-direction:column;gap:4px;position:relative}.sub-nav:before{content:"";position:absolute;left:24px;top:4px;bottom:4px;width:2px;background:var(--border-default);border-radius:2px}.nav-sub-item{display:flex;align-items:center;gap:12px;padding:10px 14px;color:var(--text-secondary);font-size:.85rem;cursor:pointer;border-radius:8px;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;border:1px solid transparent;margin-left:16px;background:transparent}.nav-sub-item:hover{background:var(--surface-hover);color:var(--text-primary);border-color:var(--border-default)}.nav-sub-item.active{background:var(--accent-soft);border-color:var(--accent-border);color:var(--accent)}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-tertiary);flex-shrink:0;transition:all .3s ease}.nav-sub-item:hover .status-dot{transform:scale(1.2)}.status-dot.success{background:var(--success)}.status-dot.failed{background:var(--danger)}.run-id{font-family:Outfit,sans-serif;font-weight:600;letter-spacing:.02em;color:var(--text-primary)}.run-time{margin-left:auto;font-size:.7rem;opacity:.5;font-weight:400;font-family:Inter,sans-serif}.empty-state{padding:20px;text-align:center;color:var(--text-tertiary);font-size:.8rem;font-style:italic;background:var(--surface-sunken);border-radius:8px;margin:10px 16px;border:1px dashed var(--border-default)}.legal-container{max-width:800px;margin:0 auto;padding:120px 20px 60px;color:var(--text-secondary)}.legal-container h1{font-size:2.5rem;color:var(--text-primary);margin-bottom:1rem}.legal-container h2{font-size:1.5rem;color:var(--text-primary);margin-top:2rem;margin-bottom:1rem}.legal-container p{line-height:1.6;margin-bottom:1rem}.legal-container ul{margin-bottom:1rem;padding-left:1.5rem}.legal-container li{margin-bottom:.5rem}.app-layout.public-layout{height:auto!important;min-height:100vh;overflow:visible!important;display:block!important}.app-layout.public-layout .content-area{height:auto!important;overflow:visible!important}.gold-icon{display:inline-flex!important;align-items:center;justify-content:center;vertical-align:middle;opacity:1!important;filter:sepia(1) saturate(10) hue-rotate(10deg) brightness(1.2)!important}