:root{--bg: #0c0c10;--bg-elev: #14141a;--bg-elev-2: #1c1c25;--border: #26262f;--border-strong: #36363f;--text: #f5f5fa;--text-dim: #a5a5b3;--text-faint: #6a6a78;--accent: #7c5cff;--accent-dim: #5a3fff;--danger: #ff5c7c;--success: #4ade80;--warning: #facc15;--radius: 10px;--radius-lg: 14px;--gap: 12px;--tab-width: 220px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Inter,Roboto,Helvetica,Arial,sans-serif}*{box-sizing:border-box}html,body,#root{margin:0;padding:0;height:100%;background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;text-rendering:optimizeLegibility}button{font:inherit;cursor:pointer;border:1px solid var(--border);background:var(--bg-elev);color:var(--text);padding:8px 12px;border-radius:var(--radius);transition:background .15s,border .15s,transform .05s}button:hover:not(:disabled){background:var(--bg-elev-2);border-color:var(--border-strong)}button:active:not(:disabled){transform:translateY(1px)}button.primary{background:var(--accent);border-color:var(--accent);color:#fff}button.primary:hover:not(:disabled){background:var(--accent-dim);border-color:var(--accent-dim)}button.danger{background:transparent;border-color:var(--danger);color:var(--danger)}button:disabled{opacity:.5;cursor:not-allowed}input,textarea,select{font:inherit;background:var(--bg);border:1px solid var(--border);color:var(--text);border-radius:var(--radius);padding:8px 10px;width:100%}input:focus,textarea:focus,select:focus{outline:none;border-color:var(--accent)}textarea{resize:vertical;min-height:80px}label{font-size:12px;color:var(--text-dim);display:block;margin-bottom:4px}.app{display:grid;grid-template-columns:var(--tab-width) 1fr;grid-template-rows:56px 1fr;grid-template-areas:"sidebar topbar" "sidebar workspace";height:100vh}.topbar{grid-area:topbar;display:flex;align-items:center;padding:0 16px;border-bottom:1px solid rgba(255,255,255,.08);background-color:#050508;background-image:url(/star_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed}.topbar .spacer{flex:1}.topbar .status{font-size:12px;color:var(--text-dim);text-shadow:0 1px 2px rgba(0,0,0,.7)}.topbar-pill{background:#6848a8d1!important;padding:4px 10px;font-size:13px;font-weight:700;border-radius:999px}.topbar-pill:hover:not(:disabled){background:#7c5abce6!important}.topbar>button{background:#6848a8d1}.topbar>button:hover:not(:disabled){background:#7c5abce6}.sidebar{grid-area:sidebar;border-right:1px solid rgba(255,255,255,.08);background-color:#050508;background-image:url(/star_background.png);background-size:cover;background-position:center;background-repeat:no-repeat;background-attachment:fixed;padding:14px 8px 12px;display:flex;flex-direction:column;gap:6px;overflow-y:auto}.sidebar-brand{display:block;width:100%;padding:4px 4px 10px;line-height:0;text-decoration:none}.sidebar-brand-logo{display:block;width:100%;height:auto;object-fit:contain}.sidebar .section-title{font-size:11px;text-transform:uppercase;letter-spacing:.6px;color:var(--text-dim);padding:8px 12px 4px;text-shadow:0 1px 2px rgba(0,0,0,.7)}.tab-btn{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius);border:1px solid rgba(255,255,255,.1);background:#6848a8d1;color:var(--text-dim);width:100%;text-align:left;font-size:15px;font-weight:700}.tab-btn:hover:not(:disabled){background:#7c5abce6;color:var(--text)}.tab-btn.active{background:#7c5abce6;color:var(--text);border-color:#ffffff38}.tab-btn.active:hover:not(:disabled){background:#7c5abce6}.tab-btn .icon{width:18px;height:18px}.workspace{grid-area:workspace;padding:24px;overflow:auto;background:var(--bg)}.workspace-header{display:flex;align-items:center;gap:12px;margin-bottom:20px}.workspace-header h2{margin:0;font-size:22px;font-weight:600}.workspace-header .sub{color:var(--text-dim);font-size:13px;margin-top:2px}.grid{display:grid;gap:16px}.grid.cards{grid-template-columns:repeat(auto-fill,minmax(280px,1fr))}.card{background:var(--bg-elev);border:1px solid var(--border);border-radius:var(--radius-lg);padding:14px;display:flex;flex-direction:column;gap:8px}.scene-card-video{width:100%;aspect-ratio:16 / 9;object-fit:contain;border-radius:8px;background:#0a0a0a;display:block}.scene-card-video-placeholder{width:100%;aspect-ratio:16 / 9;border-radius:8px;background:var(--bg-elev-2);border:1px dashed var(--border-strong);display:flex;align-items:center;justify-content:center;color:var(--text-dim);font-size:12px}.scene-run-status{flex-direction:column;gap:6px;padding:12px;text-align:center}.scene-run-timer{font-variant-numeric:tabular-nums;font-size:22px;font-weight:600;color:var(--text);letter-spacing:.04em}.scene-run-message{font-size:12px;color:var(--text-dim);max-width:90%;line-height:1.35}.scene-run-usage{font-size:11px;font-variant-numeric:tabular-nums;color:var(--text);opacity:.85}.card h3{margin:0;font-size:14px;font-weight:600}.card .meta{font-size:12px;color:var(--text-dim)}.tag{display:inline-block;font-size:11px;padding:2px 8px;background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:999px;color:var(--text-dim);margin-right:4px}.image-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.image-grid img{width:100%;height:60px;object-fit:cover;border-radius:6px;border:1px solid var(--border)}.paste-zone{margin-top:8px;padding:14px 12px;border:1px dashed var(--border-strong);border-radius:8px;background:var(--bg-elev-2);color:var(--text-dim);font-size:12px;text-align:center;cursor:pointer;outline:none}.paste-zone:focus{border-color:var(--accent);color:var(--text)}.row{display:flex;gap:8px;align-items:center}.row.between{justify-content:space-between}.spacer-12{height:12px}.spacer-24{height:24px}.empty{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);padding:40px;text-align:center;color:var(--text-dim)}.dialog-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;background:#0000008c;display:flex;align-items:center;justify-content:center;z-index:50}.dialog{width:720px;max-width:95vw;max-height:90vh;overflow:auto;background:var(--bg-elev);border:1px solid var(--border-strong);border-radius:var(--radius-lg);padding:20px}.field{margin-bottom:12px}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:12px;margin-bottom:12px}.scene-composer{display:grid;grid-template-columns:1fr 1fr;gap:24px}.scene-composer .refs{display:flex;flex-direction:column;gap:8px}.scene-composer .refs .picker-list{max-height:200px;overflow:auto;border:1px solid var(--border);border-radius:var(--radius);padding:6px}.scene-composer .refs .picker-item{display:flex;align-items:center;gap:8px;padding:6px;border-radius:6px}.scene-composer .refs .picker-item.checked{background:var(--bg-elev-2)}.preview{background:var(--bg-elev-2);border:1px solid var(--border-strong);border-radius:var(--radius);padding:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;white-space:pre-wrap;max-height:360px;overflow:auto}.status-pill{font-size:11px;padding:2px 8px;border-radius:999px;border:1px solid var(--border-strong);text-transform:uppercase;letter-spacing:.4px}.status-pill.draft{color:var(--text-dim)}.status-pill.queued{color:var(--warning);border-color:var(--warning)}.status-pill.generating{color:var(--accent);border-color:var(--accent)}.status-pill.ready{color:var(--success);border-color:var(--success)}.status-pill.failed{color:var(--danger);border-color:var(--danger)}.editor-list{display:flex;flex-direction:column;gap:8px}.editor-row{display:grid;grid-template-columns:200px 1fr 80px;align-items:center;gap:12px;padding:8px;border:1px solid var(--border);border-radius:var(--radius);background:var(--bg-elev)}.editor-row video{width:100%;border-radius:6px;max-height:100px;background:#000}.toast{position:fixed;bottom:20px;right:20px;padding:12px 16px;border-radius:var(--radius);background:var(--bg-elev-2);border:1px solid var(--border-strong);box-shadow:0 10px 30px #0006;z-index:100;max-width:360px}.toast.error{border-color:var(--danger);color:var(--danger)}.toast.success{border-color:var(--success);color:var(--success)}.muted{color:var(--text-dim)}.tiny{font-size:11px}