:root{--bg-dark: #0f1115;--panel-bg: rgba(255, 255, 255, .04);--panel-bg-2: rgba(255, 255, 255, .06);--accent-color: #007aff;--accent-2: #5856d6;--highlight-color: #32d74b;--danger: #ff3b30;--text-primary: #ffffff;--text-secondary: #a1a1a6;--glass-border: rgba(255, 255, 255, .12);--radius: 14px}*{box-sizing:border-box}html,body{height:100%;margin:0;background:var(--bg-dark);color:var(--text-primary);font-family:Inter,system-ui,-apple-system,Segoe UI,Roboto,Arial,sans-serif}a{color:inherit}.app-shell{min-height:100vh;display:flex;flex-direction:column}.topbar{position:sticky;top:0;z-index:10;display:flex;gap:12px;justify-content:space-between;align-items:center;padding:14px 16px;border-bottom:1px solid var(--glass-border);background:#0f1115b3;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.brand{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.brand-badge{display:inline-flex;align-items:center;gap:8px;padding:8px 10px;border-radius:999px;border:1px solid var(--glass-border);background:#ffffff0a;font-weight:800}.subtle{color:var(--text-secondary);font-size:12px}.editor-grid{display:grid;grid-template-columns:1fr 380px;gap:14px;padding:14px}@media(max-width:980px){.editor-grid{grid-template-columns:1fr}}.panel{background:var(--panel-bg);border:1px solid var(--glass-border);border-radius:var(--radius);padding:14px;box-shadow:0 10px 34px #00000059;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.sidebar-collapsed{display:none}.step-indicator{border-left:2px solid var(--accent-color);padding-left:12px;margin-bottom:12px}.info-tag{font-size:11px;text-transform:uppercase;color:var(--text-secondary);letter-spacing:1px;margin-bottom:8px}.row{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.hr{height:1px;background:#ffffff14;margin:12px 0}.field{display:flex;flex-direction:column;gap:6px;min-width:160px}label{font-size:12px;color:var(--text-secondary)}input[type=text],select,textarea{color:var(--text-primary);background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:10px;padding:10px;outline:none}textarea{min-height:220px;width:100%;resize:vertical;line-height:1.45}.small{font-size:12px;color:var(--text-secondary)}.badge{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;font-size:12px;color:#ffffffeb}.badge-blue{border-color:#007aff59;background:#007aff1f;color:#cfe7ff}.badge-green{border-color:#32d74b59;background:#32d74b1f;color:#d7ffe1}.badge-warn{border-color:#ffd60a59;background:#ffd60a1a;color:#fff3b5}.badge-danger{border-color:#ff3b3059;background:#ff3b301f;color:#ffd6d3}.btn{display:inline-flex;align-items:center;gap:8px;padding:10px 12px;border-radius:10px;border:1px solid rgba(255,255,255,.12);background:#ffffff0a;color:var(--text-primary);cursor:pointer;font-weight:700}.btn:hover{border-color:#ffffff38;background:#ffffff0f}.btn-ghost{background:#ffffff05}.btn-danger{border-color:#ff3b3059;background:#ff3b301a}.btn-green{border-color:#32d74b59;background:#32d74b1a}.btn-generate{background:linear-gradient(135deg,var(--accent-color),var(--accent-2));border:0}.btn-generate:hover{box-shadow:0 8px 26px #007aff40;transform:translateY(-1px)}.slider{width:200px}.kpi{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}@media(max-width:980px){.kpi{grid-template-columns:repeat(2,minmax(0,1fr))}}.kpi-card{background:var(--panel-bg-2);border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:10px}.kpi-title{font-size:11px;color:var(--text-secondary);text-transform:uppercase;letter-spacing:1px}.kpi-value{font-size:22px;font-weight:900;margin-top:6px}.card{background:#ffffff0d;border:1px solid rgba(255,255,255,.1);border-radius:12px;padding:12px}.card-title{display:flex;justify-content:space-between;gap:10px;align-items:center;font-weight:900;margin-bottom:8px}.card-items{margin:0;padding-left:18px;color:#ffffffeb}.b-roll-card{background:#ffffff0d;border-radius:12px;padding:12px;border-left:4px solid var(--highlight-color);margin-bottom:10px}.tempo-wave{height:40px;background:repeating-linear-gradient(90deg,var(--accent-color),var(--accent-color) 2px,transparent 2px,transparent 8px);opacity:.45;border-radius:10px}.toast{position:fixed;bottom:18px;left:50%;transform:translate(-50%);padding:10px 12px;border-radius:12px;border:1px solid rgba(255,255,255,.16);background:#0f1115d9;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);box-shadow:0 10px 34px #00000073;font-weight:800}html,body,#root{min-height:100vh!important}#root{position:relative!important;z-index:0!important}body{overflow:auto!important}