.drama-app{--page: #f5f5f7;--surface: #ffffff;--sidebar-bg: #ffffff;--border: #e8e8ed;--text: #1d1d1f;--text-2: #515154;--muted: #6e6e73;--blue: #2563eb;--blue-hover: #1d4ed8;--blue-text: #2563eb;--blue-light: #eff4ff;--blue-mid: #c7d8fb;--green: #166534;--green-bg: #e8f7ee;--radius: 16px;--radius-sm: 12px;--shadow: none;--shadow-lg: none;min-height:100vh;background:var(--page);color:var(--text)}.drama-app .codex-topbar{position:sticky;top:0;z-index:20;background:#ffffffd1;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);border-bottom:1px solid rgba(0,0,0,.08)}.drama-app .codex-topbar__title{color:var(--text);letter-spacing:-.01em}.drama-brand-accent{color:var(--blue);background:none}.drama-app .badge-pill{background:#fff;border-color:var(--border);color:var(--muted);font-weight:500}.drama-app .badge-pill--live{background:var(--green-bg);border-color:transparent;color:var(--green)}.drama-app .badge-pill--low{background:#fff3e8;border-color:transparent;color:#c2410c}.drama-app .btn-ghost{border-radius:999px;background:transparent;border-color:var(--border);color:var(--text);text-decoration:none}.drama-app .btn-ghost:hover{border-color:#b9b9c0;background:transparent}.drama-app .col-panel{background:#fff;border:1px solid var(--border);box-shadow:none}.drama-app .col-panel__head h2{font-size:15px;font-weight:600;letter-spacing:-.01em}.drama-app .col-panel__head h2:before{content:none}.drama-app .field input,.drama-app .field select,.drama-app .field textarea,.drama-app .drama-search{background:#fff;border-color:var(--border);color:var(--text)}.drama-app .field input:focus,.drama-app .field select:focus,.drama-app .field textarea:focus,.drama-app .drama-search:focus-visible{border-color:var(--blue);box-shadow:0 0 0 3px #2563eb1f;outline:none}.drama-app .style-chip{border-radius:999px;background:#fff;border-color:var(--border);color:var(--text-2)}.drama-app .style-chip:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.drama-app .style-chip--on{background:var(--blue-light);border-color:var(--blue);color:var(--blue)}.drama-app .drama-mode-toggle{border-color:var(--border);background:#f5f5f7}.drama-app .drama-mode--on{background:#fff;color:var(--text);box-shadow:0 1px 3px #00000014;border-radius:999px}.drama-app .drama-shot{background:#fafafa;border-color:var(--border);border-left:2px solid var(--blue)}.drama-app .drama-shot__time{color:var(--blue)}.drama-app .drama-add-shot{border-color:var(--border);color:var(--muted);border-radius:var(--radius-sm)}.drama-app .drama-add-shot:hover{border-color:var(--blue);color:var(--blue)}.drama-app .ref-slot--empty{border-color:var(--border);color:var(--muted);background:#fafafa}.drama-app .ref-slot--empty:hover{border-color:var(--blue);color:var(--blue)}.drama-app .btn-blue{border-radius:999px;background:var(--blue)}.drama-app .btn-blue:hover:not(:disabled){background:var(--blue-hover);box-shadow:none}.drama-app .task-card{background:#fff;border:1px solid var(--border)}.drama-app .btn-sm{border-radius:999px;background:#fff;border-color:var(--border);color:var(--text-2)}.drama-app .btn-sm:hover:not(:disabled){border-color:var(--blue);color:var(--blue)}.drama-app .status-badge--completed{background:var(--green-bg);color:var(--green)}.drama-app .status-badge--running{background:var(--blue-light);color:var(--blue)}.drama-app .pack-empty{border-color:var(--border);color:var(--muted);background:#fafafa}.drama-app .alert-error{background:#fdf0ef;border:1px solid #f5c9c4;color:#b3261e}.drama-app .task-card:after{display:none;animation:none}.drama-app .studio-scene .drama-shot{background:#fff}