:root{--bg-primary: #FAFAF8;--bg-secondary: #F5F4F0;--bg-tertiary: #EFEEEA;--bg-surface: #FFFFFF;--bg-surface-hover: #FDFDFC;--text-primary: #1A1A1A;--text-secondary: #5C5C5C;--text-muted: #9A9A9A;--text-inverse: #FFFFFF;--accent-teal: #2D6B6B;--accent-teal-light: #E8F2F2;--accent-teal-muted: #4A8585;--accent-amber: #B8860B;--accent-amber-light: #FDF6E3;--accent-slate: #4A5568;--accent-slate-light: #EDF2F7;--accent-wine: #8B4557;--accent-wine-light: #F5E8EC;--accent-forest: #4A6741;--accent-forest-light: #EEF4EC;--accent-navy: #3D5A80;--accent-navy-light: #E8EEF5;--accent-charcoal: #2D3748;--border-light: #E8E8E5;--border-medium: #D9D9D5;--shadow-soft: 0 1px 3px rgba(0, 0, 0, .04), 0 4px 12px rgba(0, 0, 0, .03);--shadow-medium: 0 2px 8px rgba(0, 0, 0, .06), 0 8px 24px rgba(0, 0, 0, .04);--shadow-elevated: 0 4px 16px rgba(0, 0, 0, .08), 0 16px 48px rgba(0, 0, 0, .05);--radius-sm: 8px;--radius-md: 12px;--radius-lg: 16px;--radius-xl: 24px;--radius-pill: 100px;--font-display: "Playfair Display", Georgia, serif;--font-body: "DM Sans", -apple-system, sans-serif;--font-mono: "JetBrains Mono", monospace}*{margin:0;padding:0;box-sizing:border-box}html,body,#root{height:100%}#root{display:flex;flex-direction:column}body{font-family:var(--font-body);background:var(--bg-primary);color:var(--text-primary);overflow:hidden}@keyframes pulse{0%,to{opacity:1}50%{opacity:.35}}@keyframes fadeInUp{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}@keyframes spin{to{transform:rotate(360deg)}}@keyframes bounce{0%,80%,to{transform:scale(0)}40%{transform:scale(1)}}@keyframes shimmer{0%{background-position:200% 0}to{background-position:-200% 0}}@keyframes blink{50%{opacity:0}}.topbar{height:60px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);display:flex;align-items:center;justify-content:space-between;padding:0 28px;position:relative;z-index:10;flex-shrink:0}.brand{display:flex;align-items:center;gap:12px}.brand-mark{width:32px;height:32px;background:var(--accent-teal);border-radius:var(--radius-sm);display:flex;align-items:center;justify-content:center;font-size:14px;color:var(--text-inverse);font-weight:700;font-family:var(--font-display)}.brand-name{font-family:var(--font-display);font-size:20px;font-weight:700;color:var(--text-primary);letter-spacing:-.3px}.brand-subtitle{font-size:11px;color:var(--text-muted);font-weight:500;letter-spacing:1.5px;text-transform:uppercase;margin-left:8px;font-family:var(--font-body)}.topbar-right{display:flex;align-items:center;gap:16px}.status-pill{display:flex;align-items:center;gap:6px;padding:5px 12px;background:var(--accent-teal-light);border-radius:var(--radius-pill);font-size:12px;font-weight:500;color:var(--accent-teal)}.status-pill.offline{background:#fee2e2;color:#dc2626}.status-dot{width:6px;height:6px;background:var(--accent-teal);border-radius:50%;animation:pulse 2.5s ease-in-out infinite}.status-pill.offline .status-dot{background:#dc2626;animation:none}.session-label{font-size:11px;color:var(--text-muted);font-family:var(--font-mono);letter-spacing:.3px}.main{display:flex;height:calc(100vh - 60px);overflow:hidden}.chat-panel{width:45%;display:flex;flex-direction:column;background:var(--bg-primary);border-right:1px solid var(--border-light)}.chat-messages{flex:1;overflow-y:auto;padding:24px 28px;display:flex;flex-direction:column;gap:18px}.welcome-card{background:var(--bg-surface);border-radius:var(--radius-lg);padding:24px;box-shadow:var(--shadow-soft);margin-bottom:4px;border:1px solid var(--border-light)}.welcome-card h2{font-family:var(--font-display);font-size:22px;font-weight:700;margin-bottom:6px;color:var(--text-primary)}.welcome-card p{font-size:14px;color:var(--text-secondary);line-height:1.55;margin-bottom:16px}.prompt-chips{display:flex;flex-wrap:wrap;gap:8px}.prompt-chip{padding:8px 14px;background:var(--bg-secondary);border:1px solid var(--border-light);border-radius:var(--radius-pill);font-size:13px;color:var(--text-secondary);cursor:pointer;transition:all .2s ease;font-family:var(--font-body)}.prompt-chip:hover{border-color:var(--accent-teal);color:var(--accent-teal);background:var(--accent-teal-light)}.step-tag{display:inline-block;font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.6px;color:var(--accent-teal);background:var(--accent-teal-light);padding:3px 10px;border-radius:var(--radius-pill);margin-bottom:8px}.inline-suggestions{align-self:stretch;margin:4px 0 0;padding:12px 14px;background:var(--bg-secondary);border:1px dashed var(--border-medium);border-radius:var(--radius-md);animation:fadeInUp .25s ease}.inline-suggestions-label{font-family:var(--font-mono);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.7px;color:var(--text-muted);margin-bottom:8px}.message{display:flex;gap:10px;max-width:88%;animation:fadeInUp .25s ease}.message.user{align-self:flex-end;flex-direction:row-reverse}.message.agent{align-self:flex-start}.message.tool{align-self:center}.avatar{width:28px;height:28px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:12px;flex-shrink:0;margin-top:3px;font-weight:600;font-family:var(--font-body)}.avatar.user{background:var(--accent-teal);color:var(--text-inverse)}.avatar.agent{background:var(--bg-tertiary);color:var(--text-secondary);border:1px solid var(--border-light)}.message-bubble{padding:12px 16px;border-radius:var(--radius-md);font-size:14px;line-height:1.55;position:relative;white-space:pre-wrap;word-break:break-word}.message.user .message-bubble{background:var(--accent-teal);color:var(--text-inverse);border-bottom-right-radius:4px;box-shadow:var(--shadow-soft)}.message.agent .message-bubble{background:var(--bg-surface);color:var(--text-primary);border:1px solid var(--border-light);border-bottom-left-radius:4px;box-shadow:var(--shadow-soft)}.message-time{font-size:10px;color:var(--text-muted);margin-top:3px;text-align:right}.message.user .message-time{text-align:left}.cursor{animation:blink 1s step-end infinite}.tool-call{align-self:center;display:flex;align-items:center;gap:8px;padding:6px 14px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-pill);font-size:11px;color:var(--text-muted);animation:fadeInUp .25s ease;font-family:var(--font-mono)}.tool-call .spinner{width:10px;height:10px;border:1.5px solid var(--border-medium);border-top-color:var(--accent-teal);border-radius:50%;animation:spin .7s linear infinite}.tool-call.done .spinner{display:none}.tool-call.done:before{content:"✓";color:var(--accent-forest);font-weight:700;margin-right:4px}.typing{align-self:flex-start;display:flex;align-items:center;gap:8px;padding:10px 14px;background:var(--bg-surface);border:1px solid var(--border-light);border-radius:var(--radius-md);border-bottom-left-radius:4px}.typing-dots{display:flex;gap:3px}.typing-dots span{width:5px;height:5px;background:var(--accent-teal);border-radius:50%;animation:bounce 1.4s ease-in-out infinite both}.typing-dots span:nth-child(1){animation-delay:-.32s}.typing-dots span:nth-child(2){animation-delay:-.16s}.typing-label{font-size:12px;color:var(--text-muted)}.error-banner{background:#dc2626;color:#fff;padding:10px 16px;font-size:13px;text-align:center;flex-shrink:0}.input-area{padding:14px 28px 20px;background:var(--bg-primary);flex-shrink:0}.input-wrapper{display:flex;gap:8px;align-items:flex-end;background:var(--bg-surface);border:1.5px solid var(--border-light);border-radius:var(--radius-xl);padding:10px 10px 10px 16px;box-shadow:var(--shadow-soft);transition:border-color .2s,box-shadow .2s}.input-wrapper:focus-within{border-color:var(--accent-teal-muted);box-shadow:0 0 0 3px #2d6b6b14,var(--shadow-soft)}.input-wrapper textarea{flex:1;border:none;background:transparent;font-family:var(--font-body);font-size:14px;color:var(--text-primary);resize:none;outline:none;line-height:1.5;max-height:120px;min-height:22px}.input-wrapper textarea::placeholder{color:var(--text-muted)}.send-btn{width:36px;height:36px;border-radius:50%;border:none;background:var(--accent-teal);color:var(--text-inverse);display:flex;align-items:center;justify-content:center;cursor:pointer;transition:all .2s ease;flex-shrink:0;font-size:14px;font-weight:600}.send-btn:hover:not(:disabled){background:var(--accent-teal-muted);transform:scale(1.04)}.send-btn:active:not(:disabled){transform:scale(.96)}.send-btn:disabled{opacity:.5;cursor:not-allowed}.input-hint{text-align:center;font-size:11px;color:var(--text-muted);margin-top:6px}.schema-panel{width:55%;background:var(--bg-secondary);display:flex;flex-direction:column;overflow:hidden}.schema-header{padding:18px 24px 14px;background:var(--bg-surface);border-bottom:1px solid var(--border-light);flex-shrink:0}.schema-header-top{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.schema-title{font-family:var(--font-display);font-size:18px;font-weight:700;color:var(--text-primary)}.version-tabs{display:flex;gap:4px}.version-tab{padding:4px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:500;cursor:pointer;border:1px solid transparent;transition:all .2s ease;background:var(--bg-secondary);color:var(--text-muted);font-family:var(--font-mono)}.version-tab:hover{background:var(--accent-teal-light);color:var(--accent-teal)}.version-tab.active{background:var(--accent-teal);color:var(--text-inverse)}.schema-meta{display:flex;gap:8px;flex-wrap:wrap}.meta-chip{display:flex;align-items:center;gap:5px;padding:3px 10px;border-radius:var(--radius-pill);font-size:11px;font-weight:500}.meta-chip.teal{background:var(--accent-teal-light);color:var(--accent-teal)}.meta-chip.wine{background:var(--accent-wine-light);color:var(--accent-wine)}.meta-chip.amber{background:var(--accent-amber-light);color:var(--accent-amber)}.meta-chip.forest{background:var(--accent-forest-light);color:var(--accent-forest)}.meta-chip.slate{background:var(--accent-slate-light);color:var(--accent-slate)}.schema-body{flex:1;overflow-y:auto;padding:16px 24px}.schema-table-wrap{border:1px solid var(--border-light);border-radius:var(--radius-md);overflow:hidden;background:var(--bg-surface);box-shadow:var(--shadow-soft)}.schema-table{width:100%;border-collapse:collapse;font-size:13px}.schema-table th{text-align:left;padding:10px 12px;font-weight:600;font-size:10px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-muted);background:var(--bg-secondary);border-bottom:1px solid var(--border-light);white-space:nowrap;font-family:var(--font-body)}.schema-table td{padding:9px 12px;border-bottom:1px solid var(--border-light);vertical-align:middle}.schema-table tr:last-child td{border-bottom:none}.schema-table tr:hover td{background:var(--bg-surface-hover)}.scene-num{font-family:var(--font-mono);font-size:11px;color:var(--text-muted);font-weight:500;width:28px}.type-badge{display:inline-block;padding:2px 8px;border-radius:var(--radius-pill);font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;white-space:nowrap}.type-badge.hook{background:var(--accent-wine-light);color:var(--accent-wine)}.type-badge.roast{background:var(--accent-amber-light);color:var(--accent-amber)}.type-badge.pivot{background:#fff8e1;color:#9a7b2a}.type-badge.science{background:var(--accent-forest-light);color:var(--accent-forest)}.type-badge.black{background:var(--accent-charcoal);color:#a0aec0}.type-badge.cta{background:var(--accent-navy-light);color:var(--accent-navy)}.type-badge.landing{background:var(--accent-slate-light);color:var(--accent-slate)}.type-badge.rapid{background:#f3e5f5;color:#7b6b8d;font-size:9px}.scene-text{font-size:13px;line-height:1.4;color:var(--text-primary);max-width:260px;white-space:normal;word-break:break-word}.scene-dur{font-family:var(--font-mono);font-size:11px;color:var(--text-secondary);text-align:right;white-space:nowrap}.scene-broll{font-size:11px;color:var(--text-muted);white-space:nowrap;font-family:var(--font-mono)}.diff-box{margin-top:14px;padding:14px 16px;background:var(--bg-surface);border-radius:var(--radius-md);border:1px solid var(--border-light);box-shadow:var(--shadow-soft)}.diff-title{font-size:11px;font-weight:600;color:var(--accent-amber);margin-bottom:8px;display:flex;align-items:center;gap:6px;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.5px}.diff-list{list-style:none;padding:0;margin:0}.diff-list li{font-size:12.5px;color:var(--text-secondary);padding:3px 0 3px 16px;position:relative;line-height:1.5}.diff-list li:before{content:"—";position:absolute;left:0;color:var(--accent-teal);font-weight:600}.render-area{padding:14px 24px 18px;border-top:1px solid var(--border-light);background:var(--bg-surface);flex-shrink:0}.fire-btn{width:100%;padding:13px 24px;border:none;border-radius:var(--radius-md);font-family:var(--font-body);font-size:14px;font-weight:600;cursor:pointer;transition:all .25s ease;display:flex;align-items:center;justify-content:center;gap:8px;position:relative;overflow:hidden;letter-spacing:.3px}.fire-btn.ready{background:var(--accent-teal);color:var(--text-inverse);box-shadow:var(--shadow-soft)}.fire-btn.ready:hover:not(:disabled){background:var(--accent-teal-muted);transform:translateY(-1px);box-shadow:var(--shadow-medium)}.fire-btn.ready:active:not(:disabled){transform:translateY(0)}.fire-btn.disabled{background:var(--bg-tertiary);color:var(--text-muted);cursor:not-allowed}.fire-btn.rendering{background:linear-gradient(90deg,var(--accent-teal),var(--accent-teal-muted),var(--accent-teal));background-size:200% 100%;animation:shimmer 2s linear infinite;color:var(--text-inverse)}.render-progress{margin-top:10px}.progress-bar-bg{height:4px;background:var(--bg-tertiary);border-radius:var(--radius-pill);overflow:hidden}.progress-bar-fill{height:100%;background:var(--accent-teal);border-radius:var(--radius-pill);transition:width .5s ease}.progress-text{display:flex;justify-content:space-between;margin-top:5px;font-size:11px;color:var(--text-muted);font-family:var(--font-mono)}.video-preview{margin-top:14px;border-radius:var(--radius-md);overflow:hidden;box-shadow:var(--shadow-elevated);background:#000;position:relative}.video-preview video{width:100%;display:block;aspect-ratio:9/16;max-height:300px;object-fit:contain}.video-overlay{position:absolute;bottom:0;left:0;right:0;padding:12px 16px;background:linear-gradient(transparent,#0000008c);display:flex;justify-content:space-between;align-items:center}.video-info{color:#fff;font-size:12px;font-weight:500;font-family:var(--font-mono)}.video-actions{display:flex;gap:6px}.video-action-btn{padding:5px 12px;border-radius:var(--radius-pill);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);color:#fff;font-size:11px;font-weight:500;border:none;cursor:pointer;transition:background .2s;font-family:var(--font-body);text-decoration:none;display:inline-block}.video-action-btn:hover{background:#ffffff4d}.empty-schema{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;text-align:center;padding:40px;color:var(--text-muted)}.empty-schema-icon{font-size:40px;margin-bottom:14px;opacity:.4}.empty-schema h3{font-family:var(--font-display);font-size:16px;color:var(--text-secondary);margin-bottom:6px}.empty-schema p{font-size:13px;line-height:1.5}::-webkit-scrollbar{width:5px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:var(--border-medium);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}@media (max-width: 1024px){.main{flex-direction:column}.chat-panel{width:100%;height:50%;border-right:none;border-bottom:1px solid var(--border-light)}.schema-panel{width:100%;height:50%}}