:root{--bg-app: #050505;--bg-dots: radial-gradient(rgba(255, 255, 255, .03) 1px, transparent 1px);--glass-surface: rgba(255, 255, 255, .02);--glass-border: rgba(255, 255, 255, .05);--glass-border-light: rgba(255, 255, 255, .1);--glass-highlight: rgba(255, 255, 255, .05);--text-primary: #FFFFFF;--text-secondary: #A0A0A0;--text-muted: #525252;--accent-primary: #6366F1;--accent-secondary: #8B5CF6;--accent-cyan: #06B6D4;--gradient-neon: linear-gradient(135deg, var(--accent-primary) 0%, var(--accent-secondary) 100%);--gradient-surface: linear-gradient(180deg, rgba(255, 255, 255, .03) 0%, rgba(255, 255, 255, .01) 100%);--blur-md: blur(12px);--blur-lg: blur(24px);--shadow-card: 0 8px 32px rgba(0, 0, 0, .4);--shadow-glow: 0 0 20px rgba(99, 102, 241, .15);--sidebar-width: 260px;--header-height: 70px;--radius-md: 12px;--radius-lg: 16px}html,body,app-root{height:100%;margin:0;font-family:Inter,sans-serif;background-color:var(--bg-app);background-image:var(--bg-dots);background-size:24px 24px;color:var(--text-primary);overflow:hidden;-webkit-font-smoothing:antialiased}.glass-panel{background:var(--gradient-surface);backdrop-filter:var(--blur-md);-webkit-backdrop-filter:var(--blur-md);border:1px solid var(--glass-border);box-shadow:inset 0 1px #ffffff0d;border-radius:var(--radius-lg)}.text-gradient{background:var(--gradient-neon);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.btn-neon{position:relative;background:var(--gradient-neon);color:#fff;border:none;padding:14px 28px;border-radius:var(--radius-md);font-weight:600;font-size:.95rem;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:var(--shadow-glow);overflow:hidden;display:flex;align-items:center;gap:8px;letter-spacing:.01em}.btn-neon:after{content:"";position:absolute;inset:0;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);pointer-events:none;border-radius:inherit}.btn-neon:hover{transform:translateY(-2px);box-shadow:0 0 30px #6366f166}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.app-layout{display:grid;grid-template-areas:"sidebar content";grid-template-columns:var(--sidebar-width) 1fr;height:100vh;width:100vw;overflow:hidden;transition:all .3s ease}.app-layout.full-width{grid-template-areas:"content";grid-template-columns:1fr}.content-area{grid-area:content;position:relative;overflow:hidden;height:100%}@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:10px 0 30px #00000080;z-index:1000}.sidebar.sidebar-open{transform:translate(0)}.sidebar-backdrop{position:fixed;inset:0;background:#0009;backdrop-filter:blur(4px);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(--glass-border);overflow-y:auto;background:#0003}@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:#111;z-index:2000;transform:translate(100%);transition:transform .3s cubic-bezier(.4,0,.2,1);border-left:1px solid var(--accent-primary);box-shadow:-10px 0 30px #00000080}.page-grid aside.properties-panel.properties-open{transform:translate(0)}}.main-content{background:radial-gradient(circle at 50% -20%,rgba(99,102,241,.08) 0%,transparent 40%)}.properties-panel{background:#05050599;backdrop-filter:var(--blur-lg);-webkit-backdrop-filter:var(--blur-lg);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(--glass-border);flex-shrink:0;background:#05050566;backdrop-filter:blur(10px)}.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(--glass-surface);color:var(--text-primary)}.divider{color:var(--glass-border-light);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:12px;background:#ffbd2e1a;color:#ffbd2e;border:1px solid rgba(255,189,46,.2);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-muted);font-weight:500}.btn-glass{background:var(--glass-surface);border:1px solid var(--glass-border);color:var(--text-secondary);padding:8px 12px;border-radius:8px;cursor:pointer;transition:all .2s;display:flex;align-items:center;justify-content:center}.btn-glass:hover{background:var(--glass-highlight);color:var(--text-primary);border-color:var(--text-secondary)}.breadcrumbs{font-size:.95rem;color:var(--text-muted);font-weight:500}.breadcrumbs span{color:var(--text-primary)}.actions{display:flex;gap:12px}.icon-btn{width:40px;height:40px;border-radius:10px;border:1px solid var(--glass-border);background:var(--glass-surface);color:var(--text-secondary);cursor:pointer;display:grid;place-items:center;transition:all .2s}.icon-btn:hover{background:var(--glass-highlight);color:var(--text-primary)}.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:linear-gradient(180deg,#141419cc,#0a0a0ce6)}.drop-zone{width:180px;height:140px;background:#ffffff05;border:1px dashed var(--glass-border-light);border-radius:var(--radius-md);display:flex;flex-direction:column;align-items:center;justify-content:center;color:var(--text-muted);font-size:.85rem;cursor:pointer;transition:all .2s;gap:8px;position:relative}.drop-zone:hover{border-color:var(--accent-primary);background:#6366f114;color:var(--accent-primary)}.plus-icon{width:32px;height:32px;border-radius:50%;background:#ffffff0d;display:grid;place-items:center;font-size:18px}.prompt-input{flex:1;display:flex;align-items:center;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;border-bottom:1px solid var(--glass-border);transition:all .3s}.glass-input::placeholder{color:var(--text-muted);font-weight:300}.glass-input:focus{border-bottom-color:var(--accent-primary)}.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:linear-gradient(90deg,transparent,var(--accent-primary),transparent);opacity:.2;z-index:0}.scene-card{width:200px;height:300px;z-index:1;background:#0a0a0c;border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-direction:column;padding:12px;transition:all .3s ease;cursor:pointer;box-shadow:0 4px 20px #0006}.scene-card:hover{transform:translateY(-8px);border-color:var(--accent-primary);box-shadow:0 12px 30px #6366f126}.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:#000;border-radius:12px;border:1px solid rgba(255,255,255,.05);position:relative;overflow:hidden;transition:border-color .2s}.card-preview:after{content:"";position:absolute;inset:0;background:linear-gradient(135deg,rgba(255,255,255,.03),transparent)}.scene-card:hover .card-preview{border-color:#6366f14d}.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:#ffffff08;border:1px solid var(--glass-border);color:var(--text-primary);border-radius:8px;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(--text-secondary)}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(--text-primary);cursor:pointer;margin-top:-6px;box-shadow:0 0 10px #ffffff80}input[type=range].glass-slider::-webkit-slider-runnable-track{width:100%;height:4px;cursor:pointer;background:var(--glass-border-light);border-radius:2px}.console-log{width:100%;max-width:900px;height:400px;background:#0d0d0d;border:1px solid var(--glass-border);display:flex;flex-direction:column;overflow:hidden;margin-top:20px}.log-header{padding:12px 16px;background:#ffffff08;border-bottom:1px solid var(--glass-border);display:flex;align-items:center;gap:8px;font-size:.8rem;color:var(--text-secondary)}.dot{width:10px;height:10px;border-radius:50%}.red{background:#ff5f56}.yellow{background:#ffbd2e}.green{background:#27c93f}.log-content{flex:1;overflow-y:auto;padding:16px;font-family:Fira Code,monospace;font-size:.85rem;color:#4ade80;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:#0a0a0cd9;border:1px solid var(--accent-primary);box-shadow:0 0 50px #6366f133;border-radius:12px;backdrop-filter:blur(12px)}.loader-gif{width:80px;height:80px;object-fit:contain;filter:drop-shadow(0 0 15px rgba(99,102,241,.6));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-secondary);font-size:.95rem;min-height:1.5em;line-height:1.5em}.result-modal{position:fixed;inset:0;z-index:2000;background:#000c;backdrop-filter:blur(8px);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:#111;border:1px solid var(--accent-primary);border-radius:16px;box-shadow:0 0 100px #6366f14d;max-height:85vh;overflow-y:auto}.close-btn{position:absolute;top:16px;right:16px;background:none;border:none;color:var(--text-muted);font-size:1.2rem;cursor:pointer}.close-btn:hover{color:#fff}.result-video{width:100%;border-radius:12px;box-shadow:0 10px 30px #00000080;background:#000;max-height:60vh;object-fit:contain}.actions-row{display:flex;gap:16px}.menu-item{cursor:pointer;padding:10px;border-radius:6px;transition:background .2s;margin-bottom:4px}.menu-item:hover{background:var(--glass-surface)}.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-muted)}.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:linear-gradient(180deg,var(--glass-border),transparent);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:#ffffff08;color:var(--text-primary);border-color:var(--glass-border);transform:translate(4px);box-shadow:0 4px 12px #0003}.nav-sub-item.active{background:#6366f11a;border-color:#6366f14d;color:#fff}.status-dot{width:6px;height:6px;border-radius:50%;background:var(--text-muted);box-shadow:0 0 5px #00000080;flex-shrink:0;transition:all .3s ease}.nav-sub-item:hover .status-dot{transform:scale(1.2)}.status-dot.success{background:#4ade80;box-shadow:0 0 8px #4ade8066}.status-dot.failed{background:#ef4444;box-shadow:0 0 8px #ef444466}.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-muted);font-size:.8rem;font-style:italic;background:#ffffff03;border-radius:8px;margin:10px 16px;border:1px dashed var(--glass-border)}.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}