/* Hallmark · pre-emit critique: P5 H5 E5 S5 R5 V4
 * macrostructure: Feature Stack · tone: technical-utilitarian · anchor hue: coral · theme: Midnight · nav: N3 · footer: none/app-shell
 * one focal point: drama identity rail · breathing room: workspace gutters · asymmetry: narrow identity / wide operations
 * hierarchy: identity → task tabs → operational rows · typography: inherited Bahnschrift/Aptos pairing
 * 3-second test: drama language, owning record, next action · contrast: pass (40–41) · slop: pass (1–58) · mobile: pass (34,49–57) */
html,body{overflow-x:clip}
.v21-index-head,.v21-panel-head{display:flex;align-items:flex-end;justify-content:space-between;gap:var(--space-5);margin-block-end:var(--space-5)}
.v21-index-head h2,.v21-panel-head h3,.v21-subhead h3{margin:0;color:var(--color-ink);font-family:var(--font-display)}
.v21-index-head p,.v21-panel-head p{margin:var(--space-2) 0 0;color:var(--color-muted);max-width:46rem}
.v21-filter{display:flex;gap:var(--space-2);margin-block-end:var(--space-5);flex-wrap:wrap}
.v21-filter button,.v21-tabs button{background:transparent;color:var(--color-muted);border:1px solid var(--color-rule)}
.v21-filter button.active,.v21-tabs button.active{background:var(--color-accent);color:var(--color-accent-ink);border-color:var(--color-accent)}
.v21-drama-list,.v21-episode-list,.v21-ad-list,.v21-funnel-list{display:grid;gap:var(--space-2)}
.v21-drama-row{display:grid;grid-template-columns:4.5rem minmax(0,1fr) auto auto;align-items:center;gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--color-rule)}
.v21-cover{width:4.5rem;aspect-ratio:2/3;padding:0;background-color:var(--color-paper-raised);background-size:cover;background-position:center;border:1px solid var(--color-rule);border-radius:var(--radius-sm)}
.v21-drama-copy{min-width:0}.v21-drama-copy>div{display:flex;align-items:center;gap:var(--space-2)}.v21-drama-copy h3{margin:var(--space-2) 0 0;color:var(--color-ink);font-family:var(--font-display);overflow-wrap:anywhere}.v21-drama-copy p{margin:var(--space-1) 0 0;color:var(--color-muted)}
.v21-drama-row dl,.v21-identity dl{display:flex;gap:var(--space-5);margin:0}.v21-drama-row dl div,.v21-identity dl div{display:grid;gap:var(--space-1)}
.v21-drama-row dt,.v21-identity dt{color:var(--color-muted);font-size:.78rem}.v21-drama-row dd,.v21-identity dd{margin:0;color:var(--color-ink);font-family:var(--font-mono);font-variant-numeric:tabular-nums}
.v21-locale,.v21-status{display:inline-flex;align-items:center;justify-self:start;min-height:1.65rem;padding-inline:var(--space-2);border-radius:var(--radius-pill);font-family:var(--font-mono);font-size:.72rem;white-space:nowrap}.v21-locale{background:var(--color-accent);color:var(--color-accent-ink)}.v21-status{background:var(--color-paper-soft);color:var(--color-ink)}
.v21-back{margin-block-end:var(--space-4);background:transparent;color:var(--color-muted);border:0;padding-inline:0}
.v21-workspace{display:grid;grid-template-columns:minmax(14rem,19rem) minmax(0,1fr);gap:var(--space-7);align-items:start}.v21-identity{position:sticky;top:var(--space-5);display:grid;gap:var(--space-3);min-width:0}.v21-identity-cover{width:min(100%,14rem);aspect-ratio:2/3;background-color:var(--color-paper-raised);background-size:cover;background-position:center;border-radius:var(--radius-md)}.v21-identity h2{margin:0;font-family:var(--font-display);font-size:clamp(1.45rem,3vw,2.25rem);overflow-wrap:anywhere}.v21-identity p{margin:0;color:var(--color-muted)}.v21-identity dl{padding-block:var(--space-3);border-block:1px solid var(--color-rule)}
.v21-stack{min-width:0}.v21-tabs{display:flex;gap:var(--space-2);padding-block-end:var(--space-4);margin-block-end:var(--space-5);border-block-end:1px solid var(--color-rule);overflow-x:auto;scrollbar-width:none}.v21-tabs::-webkit-scrollbar{display:none}.v21-tabs button{white-space:nowrap}
.v21-panel-head .actions{display:flex;flex-wrap:wrap;justify-content:flex-end}.v21-episode-list article{display:grid;grid-template-columns:4rem minmax(0,1fr) auto auto;align-items:center;gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--color-rule)}.v21-episode-list article>b{font-family:var(--font-mono);color:var(--color-accent)}.v21-episode-list article>div:nth-child(2){display:grid;gap:var(--space-1);min-width:0}.v21-episode-list article strong{color:var(--color-ink)}.v21-episode-list article span{color:var(--color-muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v21-form-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:var(--space-4);width:100%}.v21-form-grid label{display:grid;gap:var(--space-2);min-width:0}.v21-form-grid .wide{grid-column:1/-1}.v21-form-grid small{min-height:1lh;color:var(--color-muted)}.v21-form-grid textarea{resize:vertical;min-height:7rem}
.v21-category-field{margin:0;padding:var(--space-4);border:1px solid var(--color-rule);border-radius:var(--radius-sm);min-width:0}.v21-category-field legend{padding-inline:var(--space-2);color:var(--color-ink);font-weight:700}.v21-category-choices{display:grid;grid-template-columns:repeat(auto-fit,minmax(9rem,1fr));gap:var(--space-2)}.v21-category-choice{display:flex!important;grid-template-columns:none!important;align-items:center;gap:var(--space-2)!important;padding:var(--space-2);border:1px solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper-soft);color:var(--color-ink)!important;cursor:pointer}.v21-category-choice:has(input:checked){border-color:var(--color-accent);background:color-mix(in oklab,var(--color-accent) 12%,var(--color-paper))}.v21-category-choice input{width:auto;margin:0;accent-color:var(--color-accent)}.v21-category-empty{margin:0;color:var(--color-muted)}.v21-identity-categories{display:flex;flex-wrap:wrap;gap:var(--space-1)}.v21-identity-categories span{padding:.22rem .5rem;border:1px solid var(--color-rule);border-radius:var(--radius-pill);color:var(--color-muted);font-size:.72rem}
.v21-library-list{display:grid;gap:var(--space-2)}.v21-library-list>label{display:grid;grid-template-columns:auto minmax(0,1fr) 6rem 7rem;align-items:center;gap:var(--space-3);padding-block:var(--space-3);border-block-end:1px solid var(--color-rule)}.v21-library-list>label>span{display:grid;gap:var(--space-1)}.v21-library-list small{color:var(--color-muted)}.v21-subhead{margin-block-start:var(--space-7);margin-block-end:var(--space-4)}
.v21-ad-list article{display:grid;grid-template-columns:minmax(9rem,.7fr) minmax(12rem,1.4fr) minmax(10rem,1fr);align-items:center;gap:var(--space-4);padding-block:var(--space-3);border-block-end:1px solid var(--color-rule)}.v21-ad-list article>div{display:grid;gap:var(--space-1)}.v21-ad-list span{color:var(--color-muted)}.v21-ad-list code{color:var(--color-ink);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}
.v21-metrics{display:grid;grid-template-columns:repeat(auto-fit,minmax(8.5rem,1fr));gap:var(--space-3)}.v21-metrics>div{display:grid;gap:var(--space-2);padding-block:var(--space-4);border-block-start:1px solid var(--color-rule)}.v21-metrics span{color:var(--color-muted)}.v21-metrics b{font-family:var(--font-display);font-size:clamp(1.35rem,2vw,2rem);font-variant-numeric:tabular-nums}.v21-funnel-list>div{display:grid;grid-template-columns:4rem 8rem minmax(6rem,1fr) 7rem;align-items:center;gap:var(--space-3);padding-block:var(--space-2)}.v21-funnel-list i{height:var(--space-1);background:linear-gradient(to right,var(--color-accent) var(--progress),var(--color-paper-soft) var(--progress));border-radius:var(--radius-pill)}.v21-funnel-list small{color:var(--color-muted)}
.v21-empty{display:grid;justify-items:start;gap:var(--space-2);padding-block:var(--space-7);color:var(--color-muted)}.v21-empty b{color:var(--color-ink);font-family:var(--font-display)}.v21-empty p{margin:0}
.v21-workspace button:focus-visible,.v21-index-head button:focus-visible,.v21-filter button:focus-visible,.v21-form-grid input:focus-visible,.v21-form-grid select:focus-visible,.v21-form-grid textarea:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}
@media (hover:hover) and (pointer:fine){.v21-back:hover,.v21-drama-row .secondary:hover{color:var(--color-ink)}}
@media (max-width:60rem){.v21-workspace{grid-template-columns:1fr}.v21-identity{position:static;grid-template-columns:6rem minmax(0,1fr);align-items:start}.v21-identity-cover{grid-row:1/7;width:6rem}.v21-identity dl{grid-column:2}.v21-identity button{grid-column:2;justify-self:start}.v21-ad-list article{grid-template-columns:1fr}}
@media (max-width:40rem){.v21-index-head,.v21-panel-head{align-items:stretch;flex-direction:column}.v21-drama-row{grid-template-columns:3.5rem minmax(0,1fr)}.v21-cover{width:3.5rem}.v21-drama-row dl,.v21-drama-row>.secondary{grid-column:2}.v21-identity{grid-template-columns:5rem minmax(0,1fr)}.v21-identity-cover{width:5rem}.v21-panel-head .actions{justify-content:flex-start}.v21-form-grid{grid-template-columns:1fr}.v21-form-grid .wide{grid-column:auto}.v21-episode-list article{grid-template-columns:3.5rem minmax(0,1fr)}.v21-episode-list article>span,.v21-episode-list article>.actions{grid-column:2}.v21-library-list>label{grid-template-columns:auto minmax(0,1fr)}.v21-library-list>label>input:not([type=checkbox]),.v21-library-list>label>select{grid-column:2}.v21-funnel-list>div{grid-template-columns:3.5rem minmax(0,1fr)}.v21-funnel-list i,.v21-funnel-list small{grid-column:2}}
@media (prefers-reduced-motion:reduce){*,*::before,*::after{animation-duration:var(--duration-fast)!important;transition-duration:var(--duration-fast)!important}}