@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600&family=JetBrains+Mono:wght@400;700&display=swap";:root{--matrix-black: #050505;--matrix-dark: #0a0a0a;--matrix-green: #00FF41;--matrix-green-dim: #008F11;--matrix-green-bright: #D1FFD7;--matrix-red: #ff2a2a;--clean-white: #ffffff;--clean-bg: #e5e7eb;--clean-text: #111827;--clean-text-dim: #4b5563;--clean-accent: #059669;--blue: #0080ff;--blue-glow: #00ffff;--error-red: #ff2a2a;--space-xs: 4px;--space-sm: 8px;--space-md: 16px;--space-lg: 24px;--space-xl: 32px;--space-2xl: 48px;--radius: 16px;--font-body: "Inter", system-ui, sans-serif;--font-mono: "JetBrains Mono", monospace;--transition-fast: .2s cubic-bezier(.25, .46, .45, .94);--transition-normal: .3s cubic-bezier(.25, .46, .45, .94);--bg-app: var(--matrix-black);--text-primary: #e0e0e0;--text-secondary: #94a3b8;--text-accent: var(--matrix-green);--text-glow: 0 0 5px var(--matrix-green);--glass-bg: rgba(10, 10, 10, .7);--glass-border: rgba(0, 255, 65, .2);--glass-blur: 12px;--card-shadow: 0 8px 32px 0 rgba(0, 0, 0, .37);--card-hover-bg: rgba(10, 10, 10, .4);--card-hover-border: var(--matrix-green);--card-hover-shadow: 0 0 20px rgba(0, 255, 65, .2);--card-bg: #000;--card-border: #333;--input-bg: rgba(0, 5, 0, .3);--input-border: rgba(0, 255, 65, .1);--input-text: var(--matrix-green);--input-placeholder: rgba(0, 255, 65, .3);--input-focus-bg: rgba(0, 20, 0, .5);--input-focus-shadow: 0 0 15px rgba(0, 255, 65, .1);--input-indicator: rgba(0, 255, 65, .4);--rain-color: var(--matrix-green);--rain-bg-trail: rgba(5, 5, 5, .05);--scrollbar-track: var(--matrix-black);--scrollbar-thumb: var(--matrix-green-dim);--scrollbar-thumb-hover: var(--matrix-green);--workspace-header-bg: #000;--workspace-header-border: var(--matrix-green);--tab-text: #444;--tab-active-text: #000;--tab-active-bg: var(--matrix-green);--btn-border: #444}[data-theme=light]{--bg-app: var(--clean-bg);--text-primary: var(--clean-text);--text-secondary: var(--clean-text-dim);--text-accent: var(--clean-accent);--text-glow: none;--glass-bg: rgba(255, 255, 255, .85);--glass-border: rgba(0, 0, 0, .1);--glass-blur: 12px;--card-shadow: 0 10px 40px -10px rgba(0, 0, 0, .1);--card-hover-bg: rgba(255, 255, 255, .95);--card-hover-border: var(--clean-accent);--card-hover-shadow: 0 10px 40px -5px rgba(0, 0, 0, .15);--card-bg: #ffffff;--card-border: #e5e7eb;--input-bg: #ffffff;--input-border: #e5e7eb;--input-text: var(--clean-text);--input-placeholder: #9ca3af;--input-focus-bg: #ffffff;--input-focus-shadow: 0 0 0 2px rgba(5, 150, 105, .2);--input-indicator: var(--clean-text-dim);--rain-color: #111827;--rain-bg-trail: rgba(255, 255, 255, .2);--scrollbar-track: #f9fafb;--scrollbar-thumb: #d1d5db;--scrollbar-thumb-hover: var(--clean-accent);--workspace-header-bg: #ffffff;--workspace-header-border: var(--clean-accent);--tab-text: #9ca3af;--tab-active-text: #ffffff;--tab-active-bg: var(--clean-accent);--btn-border: #e5e7eb}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-body);background-color:var(--bg-app);color:var(--text-primary);line-height:1.6;-webkit-font-smoothing:antialiased;overflow-x:hidden;min-height:100vh;transition:background-color var(--transition-normal),color var(--transition-normal)}::-webkit-scrollbar{width:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:4px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}.font-mono{font-family:var(--font-mono)}.text-matrix{color:var(--text-accent)}.text-glow{text-shadow:var(--text-glow)}@keyframes glitch{0%{transform:translate(0)}20%{transform:translate(-2px,2px)}40%{transform:translate(-2px,-2px)}60%{transform:translate(2px,2px)}80%{transform:translate(2px,-2px)}to{transform:translate(0)}}@keyframes pulse-glow{0%,to{box-shadow:0 0 10px var(--matrix-green-dim)}50%{box-shadow:0 0 20px var(--matrix-green)}}.neo-card{position:relative;background:var(--glass-bg);border:1px solid var(--glass-border);backdrop-filter:blur(var(--glass-blur));-webkit-backdrop-filter:blur(var(--glass-blur));border-radius:var(--radius);padding:var(--space-xl);width:100%;max-width:600px;box-shadow:var(--card-shadow);overflow:hidden;transition:all var(--transition-normal)}.neo-card:hover{background:var(--card-hover-bg);backdrop-filter:blur(4px);-webkit-backdrop-filter:blur(4px);border-color:var(--card-hover-border);box-shadow:var(--card-hover-shadow)}.card-content{position:relative;z-index:2;display:flex;flex-direction:column;align-items:center;gap:var(--space-md)}.theme-switcher-container{width:100%;display:flex;justify-content:center;margin-bottom:var(--space-xs)}.theme-pill{background:var(--input-bg);border:1px solid var(--input-border);border-radius:999px;padding:4px;display:flex;gap:4px}.theme-option{background:transparent;border:none;color:var(--text-secondary);padding:6px 16px;border-radius:999px;font-family:var(--font-mono);font-size:.75rem;font-weight:700;cursor:pointer;transition:all var(--transition-fast)}.theme-option:hover{color:var(--text-primary)}.theme-option.active{background:var(--text-accent);color:var(--bg-app);box-shadow:0 0 10px #0000001a}.neo-title{font-family:var(--font-mono);font-size:2.5rem;font-weight:700;color:var(--text-primary);letter-spacing:-1px;margin:0;text-transform:uppercase;display:flex;gap:var(--space-md)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--bg-app)}.neo-subtitle{color:var(--text-secondary);text-align:center;font-size:.875rem;max-width:90%;line-height:1.5;margin-top:var(--space-sm);opacity:.8}.neo-form{width:100%;display:flex;flex-direction:column;gap:var(--space-md);margin-top:var(--space-md)}.input-wrapper{position:relative;width:100%;display:flex;align-items:center}.neo-input{width:100%;padding:var(--space-md) var(--space-lg);padding-right:100px;background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);font-size:1rem;border-radius:8px;transition:var(--transition-fast)}.neo-input:focus{background:var(--input-focus-bg);border-color:var(--text-accent);box-shadow:var(--input-focus-shadow);outline:none}.neo-input::placeholder{color:var(--input-placeholder)}.input-indicator{position:absolute;right:var(--space-lg);color:var(--input-indicator);pointer-events:none;transition:var(--transition-fast);font-size:.875rem}.input-wrapper:hover .input-indicator,.neo-input:focus~.input-indicator{color:var(--text-accent);text-shadow:var(--text-glow);transform:translate(-2px)}.input-border{position:absolute;bottom:0;left:50%;width:0;height:1px;background:var(--text-accent);transition:var(--transition-normal);transform:translate(-50%)}.neo-input:focus+.input-indicator+.input-border{width:100%;box-shadow:0 0 10px var(--text-accent)}.duration-selector{width:100%;margin-top:1rem;display:flex;flex-direction:column;align-items:center}.duration-selector label{margin-bottom:1rem;text-align:center}.spinwheel-container{display:flex;justify-content:center;gap:.5rem;flex-wrap:wrap}.duration-btn{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);width:40px;height:40px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:.8rem;cursor:pointer;transition:all .2s cubic-bezier(.175,.885,.32,1.275)}.duration-btn:hover{border-color:var(--text-accent);color:var(--text-accent);transform:scale(1.1)}.duration-btn.active{background:var(--text-accent);color:var(--bg-app);border-color:var(--text-accent);font-weight:700;box-shadow:0 0 10px var(--text-accent);transform:scale(1.2)}.loading-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background-color:#000;display:flex;justify-content:center;align-items:center;z-index:9999;flex-direction:column}.loader-container{width:80%;max-width:600px;text-align:center;color:#00ff41;font-family:Share Tech Mono,monospace}.loading-title{font-size:3rem;margin-bottom:2rem;text-transform:uppercase;letter-spacing:.2rem;text-shadow:0 0 10px #00ff41;background-color:#003b00;padding:.5rem 1rem;display:inline-block}.progress-bar-wrapper{width:100%;height:2px;background-color:#030;margin-bottom:3rem;position:relative;overflow:hidden}.progress-bar{width:100%;height:100%;background-color:#00ff41;box-shadow:0 0 10px #00ff41;animation:progress-indeterminate 2s infinite linear;transform-origin:left}@keyframes progress-indeterminate{0%{transform:scaleX(0)}50%{transform:scaleX(.5)}to{transform:scaleX(1);transform-origin:right}}.timers-container{display:flex;flex-direction:row;gap:2rem;justify-content:center;align-items:flex-start;margin-top:3rem;width:100%;max-width:800px}.timer-item{display:flex;flex-direction:column;align-items:center;flex:1;padding:1.5rem 1rem;position:relative;background:#000a0066;border:1px solid rgba(0,50,0,.5);clip-path:polygon(10px 0,100% 0,100% calc(100% - 10px),calc(100% - 10px) 100%,0 100%,0 10px);transition:all .3s ease}.timer-item:first-child{border:1px solid #00ff41;box-shadow:0 0 10px #00ff411a,inset 0 0 20px #00ff410d;background:linear-gradient(135deg,#001400cc,#000500e6)}.timer-item:last-child{border:1px solid #ff0000;box-shadow:0 0 10px #ff00001a,inset 0 0 20px #ff00000d;background:linear-gradient(135deg,#140000cc,#050000e6);margin-top:0;transform:none}.timer-label{font-size:.75rem;margin-bottom:.8rem;text-transform:uppercase;letter-spacing:.15rem;position:relative;z-index:2;font-weight:600}.timer-label-estimated{color:#4aff75;text-shadow:0 0 5px rgba(0,255,65,.5)}.timer-label-elapsed{color:#ff4a4a;text-shadow:0 0 5px rgba(255,0,0,.5)}.timer-value{font-size:2.8rem;font-weight:700;line-height:1;position:relative;z-index:2;font-family:Share Tech Mono,monospace}.timer-value-estimated{color:#00ff41;text-shadow:0 0 15px rgba(0,255,65,.6)}.timer-value-elapsed{color:red;text-shadow:0 0 15px rgba(255,0,0,.6)}.timer-item:before{content:"";position:absolute;top:0;left:0;width:30px;height:30px;border-top:2px solid currentColor;border-left:2px solid currentColor;opacity:.7}.timer-item:after{content:"";position:absolute;bottom:0;right:0;width:30px;height:30px;border-bottom:2px solid currentColor;border-right:2px solid currentColor;opacity:.7}.timer-item:first-child{color:#00ff41}.timer-item:last-child{color:red}.glitch-active{position:relative;animation:glitch-skew 1s infinite linear alternate-reverse}.glitch-active:before,.glitch-active:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:#000}.glitch-active:before{left:2px;text-shadow:-2px 0 #00ff41;clip:rect(44px,450px,56px,0);animation:glitch-anim 5s infinite linear alternate-reverse}.glitch-active:after{left:-2px;text-shadow:-2px 0 #0000ff;clip:rect(44px,450px,56px,0);animation:glitch-anim2 5s infinite linear alternate-reverse}@keyframes glitch-anim{0%{clip:rect(14px,9999px,86px,0)}20%{clip:rect(93px,9999px,14px,0)}40%{clip:rect(48px,9999px,69px,0)}60%{clip:rect(2px,9999px,92px,0)}80%{clip:rect(62px,9999px,20px,0)}to{clip:rect(38px,9999px,7px,0)}}@keyframes glitch-anim2{0%{clip:rect(65px,9999px,100px,0)}20%{clip:rect(6px,9999px,9px,0)}40%{clip:rect(32px,9999px,17px,0)}60%{clip:rect(89px,9999px,86px,0)}80%{clip:rect(8px,9999px,10px,0)}to{clip:rect(52px,9999px,35px,0)}}@keyframes glitch-skew{0%{transform:skew(3deg)}10%{transform:skew(-2deg)}20%{transform:skew(1deg)}30%{transform:skew(3deg)}40%{transform:skew(-1deg)}50%{transform:skew(2deg)}60%{transform:skew(0)}70%{transform:skew(1deg)}80%{transform:skew(-3deg)}90%{transform:skew(2deg)}to{transform:skew(0)}}.result-container{width:100%;height:100%;display:flex;flex-direction:column;gap:var(--space-md);animation:fadeIn .3s ease-out}.dashboard-grid{flex:1;display:grid;grid-template-areas:"metrics" "hero" "content";grid-template-rows:auto auto 1fr;grid-template-columns:minmax(0,1fr);gap:1rem}.neo-terminal-card{background:var(--card-bg);border:1px solid var(--card-border);padding:var(--space-md);position:relative;box-shadow:none;transition:background-color var(--transition-normal),border-color var(--transition-normal)}.neo-terminal-card:hover{border-color:var(--text-accent)}.card-label{position:absolute;top:-8px;left:12px;background:var(--card-bg);padding:0 6px;color:var(--text-accent);font-size:.7rem;text-transform:uppercase;letter-spacing:1px;transition:background-color var(--transition-normal)}.hero-zone{grid-area:hero;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;min-height:120px;border:none;background:transparent;padding:0}.hero-content{font-size:1.5rem;font-weight:700;color:var(--text-primary);line-height:1.4;text-shadow:var(--text-glow);white-space:normal}.metrics-zone{grid-area:metrics;display:flex;gap:1rem;justify-content:flex-start}.metric-tile{width:150px;height:80px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--card-bg);padding:0}.topic-tile{width:auto;flex-grow:1;align-items:flex-start;padding-left:1.5rem;min-width:0}.topic-tile .metric-value{font-size:1.2rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.metric-value{font-size:1.8rem;font-weight:700;color:var(--text-accent);line-height:1}.metric-sub{font-size:.65rem;color:var(--text-secondary);text-transform:uppercase;margin-top:4px}.content-split{grid-area:content;display:flex;flex-direction:column;gap:1rem;padding-bottom:2rem}.analysis-text{font-size:1rem;line-height:1.6;color:var(--text-primary);white-space:pre-wrap;font-family:var(--font-mono)}.context-text{font-size:1rem;line-height:1.6;color:var(--text-primary);font-family:var(--font-mono)}.actions-footer{display:flex;justify-content:flex-end;gap:var(--space-md);margin-top:auto;padding-top:var(--space-lg);border-top:1px solid var(--btn-border)}.terminal-btn{background:transparent;border:1px solid var(--btn-border);color:var(--text-secondary);padding:8px 16px;font-family:var(--font-mono);text-transform:uppercase;font-size:.8rem;cursor:pointer;transition:all .2s}.terminal-btn:hover,.terminal-btn.primary{border-color:var(--text-accent);color:var(--text-accent)}.terminal-btn.primary:hover{background:var(--text-accent);color:var(--bg-app)}.cost-display-bar{display:flex;justify-content:space-between;align-items:center;width:100%;padding:.5rem 1rem;margin-bottom:1rem;margin-top:.5rem;background:var(--glass-bg, rgba(0, 0, 0, .6));border:1px solid var(--glass-border, #333);color:var(--text-secondary, #888);font-family:monospace;font-size:.8rem;box-sizing:border-box;border-radius:4px}[data-theme=dark] .cost-display-bar{color:var(--text-accent)}.cost-display-bar .model-name{color:var(--text-accent);font-weight:700}.phase2-container{display:flex;flex-direction:column;gap:2rem;align-items:center;width:100%;animation:fadeIn .5s ease-out;padding-bottom:2rem}.phase2-header-grid{display:grid;grid-template-columns:repeat(3,1fr);width:100%;gap:1.5rem}.phase2-metric-box{position:relative;border:1px solid var(--card-border);padding:1.5rem;display:flex;flex-direction:column;background:var(--card-bg);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.phase2-metric-label{position:absolute;top:-8px;left:12px;background:var(--card-bg);padding:0 6px;color:var(--text-accent);font-size:.75rem;text-transform:uppercase;letter-spacing:1px;transition:background-color var(--transition-normal)}.phase2-metric-value{font-size:1.1rem;color:var(--text-primary);line-height:1.4}.phase2-metric-value.highlight{color:var(--text-accent);font-size:1rem}.treatments-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:1.5rem;width:100%;margin-bottom:2rem}@media (max-width: 1024px){.treatments-grid{grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}}.treatment-card{display:flex;flex-direction:column;background:var(--card-bg);border:1px solid var(--card-border);padding:0;transition:all .3s cubic-bezier(.4,0,.2,1);position:relative;cursor:pointer;min-height:450px;box-shadow:var(--card-shadow)}.treatment-card:hover{box-shadow:var(--card-hover-shadow);border-color:var(--card-hover-border);background:var(--card-hover-bg);transform:translateY(-2px)}.treatment-card.selected{box-shadow:0 0 0 2px var(--text-accent),0 0 30px #00ff4140;border-color:var(--text-accent)}.treatment-section{padding:1.5rem}.treatment-title{font-size:1.25rem;font-weight:700;color:var(--text-primary);border-bottom:1px solid var(--btn-border);padding-bottom:1rem;margin-bottom:1rem}.treatment-vibe{font-family:Courier New,monospace;font-size:.85rem;color:var(--text-accent);border:1px solid var(--btn-border);padding:.5rem;margin-bottom:1rem;display:inline-block}.treatment-explanation{font-size:.95rem;color:var(--text-secondary);line-height:1.6;flex-grow:1}.selected-badge{position:absolute;top:-10px;right:20px;background:var(--text-accent);color:var(--bg-app);padding:4px 12px;font-weight:700;font-size:.75rem;text-transform:uppercase;letter-spacing:1px;opacity:0;transform:translateY(10px);transition:all .3s}.treatment-card.selected .selected-badge{opacity:1;transform:translateY(0)}.phase2-actions{display:flex;justify-content:center;width:100%;padding:1rem;position:sticky;bottom:0;background:var(--bg-app);border-top:1px solid var(--btn-border);z-index:10}.phase3-container{display:flex;flex-direction:column;gap:2rem;padding-bottom:4rem;max-width:1000px;margin:0 auto;animation:fadeIn .5s ease-out}.phase3-header{text-align:center;border:1px solid var(--card-border);background:var(--card-bg);padding:2rem;position:relative;box-shadow:var(--card-shadow);transition:background-color var(--transition-normal)}.phase3-label{font-family:Courier New,Courier,monospace;color:var(--text-secondary);font-size:.8rem;letter-spacing:2px;margin-bottom:.5rem;opacity:.8}.phase3-hook{font-family:Share Tech Mono,monospace;color:var(--text-primary);font-size:1.8rem;margin:0;line-height:1.2;text-shadow:var(--text-glow)}.phase3-scenes-list{display:flex;flex-direction:column;gap:1.5rem}.scene-card{border:1px solid var(--card-border);background:var(--card-bg);transition:all .3s ease;position:relative;overflow:hidden;box-shadow:var(--card-shadow)}.scene-card:hover{border-color:var(--text-accent);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);transform:translateY(-2px)}.scene-header{display:flex;justify-content:space-between;align-items:center;background:var(--input-bg);padding:.75rem 1.5rem;border-bottom:1px solid var(--card-border)}.scene-number{font-family:Share Tech Mono,monospace;font-size:1.2rem;color:var(--text-accent);font-weight:700}.scene-setting{font-family:Courier New,Courier,monospace;color:var(--text-secondary);font-size:.9rem;text-transform:uppercase;letter-spacing:1px}.scene-content{padding:1.5rem;display:grid;grid-template-columns:1fr 1fr;gap:2rem}@media (max-width: 768px){.scene-content{grid-template-columns:1fr;gap:1.5rem}}.scene-visuals{display:flex;flex-direction:column;gap:1rem}.detail-row{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--text-accent);font-size:.7rem;font-weight:700;letter-spacing:1px}.detail-value{color:var(--text-primary);font-size:.95rem;line-height:1.4}.scene-audio{display:flex;flex-direction:column;justify-content:center;gap:1rem;border-left:1px solid var(--card-border);padding-left:2rem;height:100%}@media (max-width: 768px){.scene-audio{border-left:none;padding-left:0;border-top:1px solid var(--card-border);padding-top:1.5rem;height:auto}}.dialogue-box{position:relative;background:var(--input-bg);padding:1.5rem;border-radius:4px;text-align:center;border:1px solid var(--input-border)}.dialogue-marker{position:absolute;top:-10px;left:10px;font-size:2rem;color:var(--text-accent);font-family:serif;opacity:.5}.scene-dialogue{color:var(--text-primary);font-style:italic;font-size:1.1rem;line-height:1.5;margin:0;padding-left:.5rem}.audio-meta-left{display:flex;flex-direction:column;gap:1rem}.code-font{font-family:Courier New,Courier,monospace;font-size:.85rem;color:var(--text-secondary)}.phase3-outro{border:1px solid var(--card-border);background:var(--card-bg);padding:2rem;text-align:center;box-shadow:var(--card-shadow)}.outro-text{font-family:Share Tech Mono,monospace;color:var(--text-accent);font-size:1.2rem;letter-spacing:1px}.phase3-actions{display:flex;justify-content:center;margin-top:1rem}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.phase4-container{padding:1rem;max-width:95vw;margin:0 auto;animation:fadeIn .5s ease-in-out}.asset-character{color:var(--text-primary);font-weight:700;font-size:1.1rem;display:block;line-height:1.3}.phase4-actions{display:flex;justify-content:center;margin-top:4rem;padding-top:2rem;border-top:1px solid var(--btn-border)}.asset-prompt-box::-webkit-scrollbar{width:6px}.asset-prompt-box::-webkit-scrollbar-track{background:var(--scrollbar-track)}.asset-prompt-box::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:3px}.prompt-header-row{display:flex;justify-content:space-between;align-items:center;margin-bottom:.5rem}.copy-btn{position:absolute;bottom:.5rem;right:.5rem;background:var(--bg-app);border:1px solid var(--btn-border);color:var(--text-accent);font-family:Courier New,monospace;font-size:.7rem;padding:2px 6px;cursor:pointer;transition:all .2s ease;text-transform:uppercase;opacity:.8}.copy-btn:hover{background:var(--input-focus-bg);box-shadow:0 0 5px #0f03;opacity:1}.copy-btn.copied{background:var(--text-accent);color:var(--bg-app);border-color:var(--text-accent)}.asset-card{background:#001400f2;border:1px solid var(--text-accent);border-radius:8px;padding:1.5rem;position:relative;display:flex;flex-direction:column;gap:0;transition:all .3s ease;min-height:480px}.asset-content{flex:1;display:flex;flex-direction:column;overflow:hidden;margin-top:.25rem}.header-info{display:flex;flex-direction:column;margin:0}.header-info span{margin:0;padding:0}.asset-prompt-box{padding:0;padding-top:1.5rem;color:#ccc;font-size:1rem;line-height:1.4;background:transparent;border:none;flex-grow:1;display:flex;flex-direction:column;overflow-y:auto;position:relative}.actions-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;padding:.5rem;border-radius:8px;border:1px solid #333;margin-top:1rem;gap:.5rem}.model-select-btn span{transition:color .2s}.model-dropdown{position:absolute;bottom:110%;left:50%;transform:translate(-50%);background:#000;border:1px solid var(--text-accent);border-radius:4px;z-index:20;min-width:100px;box-shadow:0 0 15px #000c}.model-option{padding:.4rem .8rem;cursor:pointer;color:#888;font-size:.8rem;border-bottom:1px solid #222;text-align:center}.model-option:hover{background:#00ff411a;color:var(--text-accent)}.model-option.selected{color:var(--text-accent);background:#00ff410d}.footer-view-btn:hover:not(:disabled){color:var(--text-accent);transform:rotate(180deg);background:transparent;box-shadow:none}.copy-btn{background:transparent;border:1px solid #333;color:#666;font-size:.9rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:4px;margin-left:.5rem}.full-image-modal{position:fixed;top:0;left:0;right:0;bottom:0;background:#000000f2;z-index:9999;display:flex;justify-content:center;align-items:center;padding:2rem;animation:fadeIn .2s ease}.full-image-container{position:relative;max-width:90vw;max-height:90vh;box-shadow:0 0 30px #00ff414d;border-radius:8px;border:1px solid var(--text-accent);background:#000}.full-size-image{max-width:100%;max-height:90vh;display:block;border-radius:4px}.close-modal-btn{position:absolute;top:-40px;right:0;background:transparent;border:none;color:var(--text-accent);font-size:2rem;cursor:pointer;line-height:1;transition:all .2s}.close-modal-btn:hover{color:#fff;transform:scale(1.1);text-shadow:0 0 10px rgba(0,255,65,.8)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.phase5-container{padding:1rem;max-width:95vw;margin:0 auto;animation:fadeIn .5s ease-in-out}.assets-grid{display:grid;grid-template-columns:repeat(5,1fr);gap:1rem;margin-bottom:3rem}.asset-card{background:var(--card-bg);border:1px solid var(--card-border);border-radius:4px;overflow:hidden;transition:all .3s ease;position:relative;display:flex;flex-direction:column;box-shadow:var(--card-shadow)}.asset-card:hover{border-color:var(--text-accent);box-shadow:var(--card-hover-shadow);background:var(--card-hover-bg);transform:translateY(-2px)}.asset-type-badge{position:absolute;top:0;right:0;background:var(--text-accent);color:var(--bg-app);padding:.2rem .8rem;font-size:.7rem;font-weight:700;letter-spacing:.05em;z-index:2}.asset-header{padding:1rem;background:var(--input-bg);border-bottom:1px solid var(--card-border);min-height:11.5rem;display:flex;flex-direction:column;justify-content:flex-start;position:relative}.asset-scene-num{color:var(--text-accent);font-family:Courier New,monospace;font-size:.8rem;display:block;margin-bottom:.3rem}.asset-character{color:var(--text-primary);font-weight:700;font-size:1.1rem;display:block;line-height:1.3;display:-webkit-box;-webkit-line-clamp:3;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.asset-content{padding:1rem;flex-grow:1;display:flex;flex-direction:column}.asset-prompt-box{background:var(--input-bg);border:1px solid var(--input-border);padding:.8rem;font-family:Courier New,monospace;font-size:.8rem;color:var(--text-secondary);flex-grow:1;white-space:pre-wrap;overflow-y:auto;max-height:200px;line-height:1.4}.asset-prompt-label{display:block;color:var(--text-accent);font-size:.7rem;margin-bottom:.5rem;text-transform:uppercase}.actions-row{display:flex;align-items:center;justify-content:space-between;background:#ffffff0d;padding:.5rem;border-radius:8px;border:1px solid #333;width:100%;gap:.5rem}[data-theme=light] .actions-row{background:#f9fafb;border-color:#e5e7eb}.split-btn-group{display:flex;align-items:center;gap:.5rem;flex:1}.gen-action-btn{background:transparent;border:1px solid var(--text-accent);color:var(--text-accent);padding:.3rem .6rem;border-radius:4px;font-size:.8rem;cursor:pointer;display:flex;align-items:center;gap:.3rem;font-family:Courier New,monospace;font-weight:700;transition:all .2s}.gen-action-btn:hover:not(:disabled){background:var(--text-accent);color:var(--bg-app);box-shadow:0 0 8px #00ff4166}.gen-action-btn:disabled{opacity:.4;cursor:not-allowed;border-color:#555;color:#666}.model-select-btn{display:flex;align-items:center;background:#111;padding:.3rem .6rem;border-radius:20px;border:1px solid #333;font-size:.7rem;color:#666;gap:.5rem;cursor:pointer;transition:all .2s}[data-theme=light] .model-select-btn{background:#f0f0f0;border:1px solid #ccc;box-shadow:inset 0 1px 3px #0000001a}.model-select-btn:hover{border-color:#555}[data-theme=light] .model-select-btn:hover{border-color:#999}.model-text-active{color:var(--text-accent);text-shadow:0 0 5px var(--text-accent);font-weight:700}[data-theme=light] .model-text-active{text-shadow:none}.model-text-inactive{color:#555}[data-theme=light] .model-text-inactive{color:#999}.footer-view-btn{background:transparent;border:none;color:#888;font-size:1.2rem;cursor:pointer;width:auto;height:auto;padding:0 .5rem;transition:all .2s;display:flex;align-items:center}.footer-view-btn:hover:not(:disabled){color:var(--text-accent);transform:rotate(180deg)}.footer-view-btn:disabled{opacity:.3;cursor:not-allowed;color:#444}.copy-btn{background:transparent;border:1px solid #333;color:#666;font-size:.9rem;width:20px;height:20px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;border-radius:4px;position:absolute;top:5px;right:5px}.copy-btn.copied{border-color:var(--text-accent);color:var(--text-accent);background:transparent}.loading-overlay{position:absolute;top:0;left:0;right:0;bottom:0;background:#000c;display:flex;flex-direction:column;justify-content:center;align-items:center;z-index:10;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px);border-radius:8px}.loading-spinner{font-size:2rem;animation:spin 1s infinite linear;margin-bottom:.5rem}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.asset-media-box{display:flex;justify-content:center;align-items:center;position:relative;width:100%;flex:1;min-height:200px;background:#000;border-radius:4px;overflow:hidden;border:1px solid #333}.generated-media{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;background:#000;border:none;display:block}.favorite-btn{position:absolute;top:10px;right:10px;background:transparent;border:none;color:#444;font-size:2rem;width:auto;height:auto;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .2s;z-index:5;padding:0;line-height:1}.favorite-btn:hover{background:transparent;transform:scale(1.2);color:var(--text-accent);text-shadow:0 0 8px rgba(0,255,65,.4)}.favorite-btn.active{color:var(--text-accent);text-shadow:0 0 15px rgba(0,255,65,.8)}.model-select-btn.disabled{opacity:.4;cursor:not-allowed;border-color:#444;pointer-events:none}.workspace-container{width:100%;min-height:100vh;display:flex;flex-direction:column;background:var(--bg-app);color:var(--text-accent);font-family:var(--font-mono);transition:background-color var(--transition-normal)}.workspace-header{display:flex;justify-content:space-between;align-items:center;background:var(--workspace-header-bg);border-bottom:1px solid var(--workspace-header-border);position:sticky;top:0;z-index:50;padding:0 var(--space-xl);transition:background-color var(--transition-normal),border-color var(--transition-normal)}.workspace-tabs{display:flex;align-items:center;gap:var(--space-md);padding:var(--space-md) 0;overflow-x:auto;background:transparent;border-bottom:none}.tab-btn{background:transparent;border:1px solid transparent;color:var(--tab-text);padding:var(--space-sm) var(--space-lg);font-family:var(--font-mono);text-transform:uppercase;font-size:.9rem;cursor:not-allowed;transition:all .2s;white-space:nowrap}.tab-btn.enabled{cursor:pointer;color:var(--text-secondary);border-color:var(--btn-border)}.tab-btn.enabled:hover{color:var(--text-accent);border-color:var(--text-accent);box-shadow:0 0 5px #00ff4133}.tab-btn.active{color:var(--tab-active-text);background:var(--tab-active-bg);border-color:var(--tab-active-bg);font-weight:700;box-shadow:0 0 10px #00ff4166}.total-cost-display{background:transparent;border:1px solid var(--text-accent);color:var(--text-accent);font-family:var(--font-mono);font-size:1rem;padding:.5rem 1rem;margin-right:1rem;display:inline-block;text-transform:uppercase;font-weight:700;letter-spacing:.05em;border-radius:0;transition:all .2s ease}.total-cost-display.clickable-cost{cursor:pointer}.total-cost-display.clickable-cost:hover{background:#00ff411a;box-shadow:0 0 10px #00ff4133}.total-cost-display.clickable-cost:active{background:#00ff4133;transform:translateY(1px)}.next-btn{background:transparent;border:1px solid var(--text-accent);color:var(--text-accent);font-family:var(--font-mono);font-size:1rem;padding:.5rem 1.5rem;cursor:pointer;text-transform:uppercase;transition:all .3s ease;font-weight:700;letter-spacing:.05em;animation:pulse 2s infinite}.next-btn:hover{background:var(--text-accent);color:var(--bg-app);box-shadow:0 0 15px #00ff4180}.next-btn.disabled{opacity:.3;cursor:not-allowed;border-color:var(--tab-text);color:var(--tab-text);animation:none;box-shadow:none}.next-btn.disabled:hover{background:transparent;color:var(--tab-text)}.workspace-content{flex:1;padding:var(--space-xl);overflow-y:auto;max-width:1400px;width:100%;margin:0 auto;animation:fadeIn .3s ease-out}.workspace-tabs::-webkit-scrollbar{height:4px}.workspace-tabs::-webkit-scrollbar-track{background:#0000004d}.workspace-tabs::-webkit-scrollbar-thumb{background:var(--text-accent);border-radius:2px}.split-screen-container{display:flex;width:100vw;height:100vh;overflow:hidden}.split-pane{flex:1;position:relative;cursor:pointer;transition:flex .5s ease;display:flex;justify-content:center;align-items:center;overflow:hidden}.left-pane{background:#000}.right-pane{background:#f0f0f0;border-left:2px solid #000}.pane-content{z-index:10;pointer-events:none}.pill-wrapper{pointer-events:auto;display:flex;flex-direction:column;align-items:center;gap:20px;transition:transform .4s cubic-bezier(.175,.885,.32,1.275)}.pill-wrapper:hover{transform:scale(1.1) translateY(-10px)}.pill{width:70px;height:180px;border-radius:40px;position:relative;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);border:1px solid rgba(255,255,255,.2);overflow:hidden;box-shadow:inset 10px 10px 20px #fff3,inset -10px -10px 20px #00000080,0 15px 35px #00000080;transition:all .4s ease}.pill.red{background:radial-gradient(circle at 30% 30%,#ff6b6b,red,maroon);box-shadow:0 0 30px #f006,inset 5px 5px 15px #fff6}.pill.red:hover{box-shadow:0 0 60px #f00c,inset 5px 5px 20px #fff9}.pill.blue{background:radial-gradient(circle at 30% 30%,#4facfe,#00f2fe,#001f80);box-shadow:0 0 30px #0064ff66,inset 5px 5px 15px #fff6}.pill.blue:hover{box-shadow:0 0 60px #0064ffcc,inset 5px 5px 20px #fff9}.pill:after{content:"";position:absolute;top:20px;right:20px;width:15px;height:50px;background:linear-gradient(to bottom,#ffffffe6,#ffffff1a);border-radius:20px;filter:blur(1px);opacity:.8}.pill:before{content:"";position:absolute;bottom:20px;left:20px;width:10px;height:30px;background:#fff6;border-radius:20px;filter:blur(2px);transform:rotate(15deg)}.pill-label{font-family:var(--font-mono);font-size:1.2rem;text-transform:uppercase;letter-spacing:3px;font-weight:800;transition:all .3s ease;text-shadow:0 2px 4px rgba(0,0,0,.5)}.left-pane .pill-label{color:#4facfe}.right-pane .pill-label{color:#ff6b6b}.error-overlay{position:absolute;bottom:20px;left:50%;transform:translate(-50%);z-index:100}.error-msg{color:var(--error-red);font-family:var(--font-mono);font-size:.9rem;text-align:center;background:#000000e6;padding:10px 20px;border-radius:8px;border:1px solid var(--error-red)}.logout-btn-container{position:fixed;top:20px;right:20px;z-index:100;display:flex;align-items:center;gap:1rem}.user-email{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-secondary);padding:8px 16px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;cursor:default;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logout-btn{background:var(--input-bg);border:1px solid var(--input-border);color:var(--text-secondary);padding:8px 16px;border-radius:4px;font-family:var(--font-mono);font-size:.8rem;cursor:pointer;transition:all var(--transition-normal);text-transform:uppercase;letter-spacing:1px;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px)}.logout-btn:hover{background:var(--input-focus-bg);border-color:var(--text-accent);color:var(--text-accent);box-shadow:0 0 10px #00ff4133}.dashboard-container{width:100%;margin:0;position:relative;background:var(--glass-bg, rgba(0, 0, 0, .7));border:1px solid var(--glass-border, rgba(255, 255, 255, .1));backdrop-filter:blur(var(--glass-blur, 10px));-webkit-backdrop-filter:blur(var(--glass-blur, 10px));border-radius:var(--radius, 16px);box-shadow:var(--card-shadow, 0 4px 30px rgba(0, 0, 0, .1));padding:2rem;animation:fadeIn .8s ease-out;display:flex;flex-direction:column;height:auto;max-height:500px;transition:max-height .3s ease;overflow:hidden}.dashboard-header{display:flex;justify-content:space-between;align-items:center;margin-bottom:1rem;border-bottom:1px solid var(--glass-border);padding-bottom:.5rem;flex-shrink:0}.dashboard-title{font-family:var(--font-mono);font-size:1.5rem;font-weight:700;color:var(--text-primary);text-transform:uppercase;letter-spacing:-1px;display:flex;gap:.5rem;align-items:center}.glitch-text{position:relative;color:var(--text-accent)}.glitch-text:before,.glitch-text:after{content:attr(data-text);position:absolute;top:0;left:0;width:100%;height:100%;background:var(--glass-bg)}.glitch-text:before{left:2px;text-shadow:-1px 0 #ff00c1;clip:rect(24px,550px,90px,0);animation:glitch 3s infinite linear alternate-reverse}.glitch-text:after{left:-2px;text-shadow:-1px 0 #00fff9;clip:rect(85px,550px,140px,0);animation:glitch 2s infinite linear alternate-reverse}.dashboard-controls{display:flex;gap:1rem;align-items:center}.dashboard-search{background:var(--input-bg);border:1px solid var(--input-border);color:var(--input-text);padding:6px 16px;font-family:var(--font-mono);font-size:.8rem;border-radius:999px;outline:none;transition:all .2s}.dashboard-search:focus{border-color:var(--text-accent);box-shadow:0 0 10px #00ff4133}.total-cost-badge{background:var(--input-bg);border:1px solid var(--text-accent);color:var(--text-accent);padding:6px 16px;font-family:var(--font-mono);font-size:.8rem;font-weight:700;border-radius:999px;box-shadow:0 0 5px #00ff4133}.table-wrapper{overflow-y:auto;overflow-x:hidden;flex:1;background:transparent;border:none;scrollbar-width:thin;scrollbar-color:var(--text-accent) transparent}.table-wrapper::-webkit-scrollbar{width:2px}.table-wrapper::-webkit-scrollbar-track{background:transparent}.table-wrapper::-webkit-scrollbar-thumb{background-color:var(--matrix-green);border-radius:0}[data-theme=light] .table-wrapper::-webkit-scrollbar-thumb{background-color:#ccc}.runs-table{width:100%;border-collapse:collapse;font-family:Courier New,monospace;font-size:.9rem}.runs-table th{text-align:left;padding:1rem;color:var(--secondary-color);border-bottom:1px solid var(--secondary-color);cursor:pointer;-webkit-user-select:none;user-select:none}.runs-table th:hover{color:var(--primary-color)}.runs-table td{padding:1rem;border-bottom:1px solid rgba(255,255,255,.1);color:#eee}[data-theme=light] .runs-table td{color:#111;border-bottom:1px solid rgba(0,0,0,.1)}.runs-table tr:hover{background:#ffffff0d}[data-theme=light] .runs-table tr:hover{background:#0000000d}.td-topic{font-weight:700;color:var(--primary-color)!important;max-width:450px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.td-cost{font-weight:700}.status-dot{display:inline-block;width:8px;height:8px;border-radius:50%;margin-right:8px}.status-started{background-color:#ff0}.status-completed{background-color:#00ff41;box-shadow:0 0 8px #00ff41}.status-failed{background-color:red}.resume-btn{background:transparent;border:1px solid var(--text-secondary);color:var(--text-secondary);padding:4px 12px;cursor:pointer;font-family:var(--font-mono);font-size:.75rem;font-weight:700;border-radius:999px;transition:all .2s cubic-bezier(.175,.885,.32,1.275);text-transform:uppercase}.resume-btn:hover:not(:disabled){border-color:var(--text-accent);color:var(--text-accent);box-shadow:0 0 8px var(--text-accent);transform:scale(1.05)}.resume-btn:disabled{opacity:.5;cursor:not-allowed}.resuming-row{animation:pulse 1s infinite}@keyframes pulse{0%{background:#00ff411a}50%{background:#00ff4133}to{background:#00ff411a}}.app-container{position:relative;z-index:1;min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem}.error-message{position:fixed;bottom:2rem;left:50%;transform:translate(-50%);color:#f44;background:#140000e6;padding:1rem 2rem;border:1px solid #ff4444;border-radius:4px;font-family:var(--font-mono);text-shadow:0 0 5px #ff0000;box-shadow:0 0 20px #f003;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{transform:translate(-50%,100%);opacity:0}to{transform:translate(-50%);opacity:1}}.dashboard-split-view{display:flex;gap:2rem;width:100%;max-width:1600px;align-items:stretch;justify-content:center;padding:1rem;flex-wrap:wrap}.view-section{flex:1;min-width:400px;display:flex;flex-direction:column}.dashboard-section{flex:2}.view-section .neo-card,.view-section .dashboard-container{height:100%;margin:0;max-width:none}