@font-face{font-family:'Archivo Black';src:url('./archivo-black.ttf') format('truetype');font-weight:400;font-display:swap}@font-face{font-family:'Barlow Condensed';src:url('./barlow-condensed-800.ttf') format('truetype');font-weight:800;font-display:swap}@font-face{font-family:'DM Sans';src:url('./dm-sans-400.ttf') format('truetype');font-weight:400 600;font-display:swap}@font-face{font-family:'DM Sans';src:url('./dm-sans-700.ttf') format('truetype');font-weight:700 900;font-display:swap}
:root{--yellow:#f6d900;--yellow-soft:#fff8b8;--ink:#11110f;--muted:#66665f;--paper:#f7f6f0;--white:#fff;--line:#d9d8d0;--danger:#8b1c14;--success:#245c39;--radius:14px;--shadow:0 12px 30px rgba(17,17,15,.1)}
*{box-sizing:border-box}html{font-family:'DM Sans',sans-serif;background:var(--paper);color:var(--ink);scroll-behavior:smooth}body{margin:0;min-height:100vh}::selection{background:var(--yellow);color:var(--ink)}button,input,select,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-underline-offset:3px}button:focus-visible,a:focus-visible,input:focus-visible,select:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid var(--yellow);outline-offset:3px}.topbar{height:82px;padding:0 clamp(20px,4vw,64px);display:flex;align-items:center;justify-content:space-between;background:var(--yellow);border-bottom:2px solid var(--ink);position:sticky;top:0;z-index:10}.brand{display:flex;align-items:center;gap:10px;text-decoration:none;font-family:'Archivo Black',sans-serif;font-size:18px;letter-spacing:-.02em}.brand img{width:38px;height:38px;object-fit:cover;border-radius:50%;background:var(--ink)}nav{display:flex;height:100%;align-items:stretch;gap:4px}nav a{display:flex;align-items:center;gap:7px;padding:0 17px;text-decoration:none;font-weight:700;border-bottom:4px solid transparent}nav a:hover,nav a[aria-current=page]{border-color:var(--ink)}.nav-count{font-size:11px;min-width:21px;height:21px;display:grid;place-items:center;background:var(--ink);color:var(--yellow);border-radius:50%}.shell{width:min(1180px,calc(100% - 40px));margin:0 auto;padding:52px 0 88px}.page-head{display:flex;justify-content:space-between;gap:24px;align-items:flex-end;margin-bottom:34px}.page-head h1{font-family:'Archivo Black',sans-serif;font-size:clamp(38px,6vw,72px);line-height:.95;letter-spacing:-.04em;margin:0 0 12px}.page-head p{color:var(--muted);font-size:17px;margin:0;max-width:650px}.manual-note{display:flex;align-items:center;gap:10px;font-weight:700}.manual-note span{width:10px;height:10px;background:var(--yellow);border:2px solid var(--ink);border-radius:50%}.flash{padding:14px 18px;margin-bottom:24px;border-radius:10px;font-weight:700}.flash-success{background:#dceddf;color:var(--success)}.flash-error{background:#f9dcd8;color:var(--danger)}.button{border:0;border-radius:10px;padding:13px 18px;display:inline-flex;align-items:center;justify-content:center;gap:12px;font-weight:800;cursor:pointer;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,background .18s ease}.button:hover{transform:translateY(-2px)}.button-primary{background:var(--yellow);color:var(--ink);box-shadow:0 7px 18px rgba(246,217,0,.28)}.button-dark{background:var(--ink);color:var(--white);box-shadow:var(--shadow)}.button-outline{background:transparent;color:var(--ink);border:1px solid var(--ink)}.edit-desk{display:grid;grid-template-columns:minmax(0,1.4fr) minmax(320px,.8fr);background:var(--ink);color:var(--white);border-radius:var(--radius);overflow:hidden;box-shadow:var(--shadow)}.video-visual{position:relative;min-height:420px}.video-visual img{width:100%;height:100%;object-fit:cover;display:block}.status-chip{position:absolute;left:18px;bottom:18px;background:var(--yellow);color:var(--ink);padding:8px 12px;border-radius:8px;font-weight:800;font-size:13px}.video-lead{padding:clamp(28px,4vw,52px);display:flex;flex-direction:column}.video-code{font-weight:800;color:var(--yellow);font-size:13px;letter-spacing:.09em}.video-lead h2{font-family:'Archivo Black',sans-serif;font-size:clamp(30px,4vw,51px);line-height:.97;letter-spacing:-.035em;margin:18px 0}.promise{font-size:17px;line-height:1.55;color:#d4d4ce}.approval-box{margin-top:auto;padding-top:28px;border-top:1px solid #3b3b37}.approval-box p{font-size:13px;color:#aaa;margin:0 0 14px}.content-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin-top:18px}.content-section{background:var(--white);padding:30px;border-radius:var(--radius)}.content-wide{grid-column:1/-1}.content-section h3,.results-section h2,.settings-list h2{font-family:'Archivo Black',sans-serif;letter-spacing:-.025em;margin:0 0 18px;font-size:25px}.content-section h4{margin:25px 0 9px}.content-section p,.content-section li{line-height:1.65;color:#45453f}.script-text{white-space:normal;max-width:72ch;font-size:17px;line-height:1.75}.section-title{display:flex;justify-content:space-between;gap:20px;align-items:center}.section-title h3{margin:0}.section-title>span{font-weight:800;color:var(--muted)}.scene-list{margin-top:18px;border-top:1px solid var(--line)}.scene-list details{border-bottom:1px solid var(--line)}.scene-list summary{display:grid;grid-template-columns:58px 1fr;gap:16px;padding:18px 0;cursor:pointer}.scene-list summary strong{color:#887700}.scene-list details p{padding:0 0 18px 74px;margin:0}.empty{text-align:center;padding:90px 24px;background:var(--white);border-radius:var(--radius)}.empty-mark{display:grid;place-items:center;margin:0 auto 24px;width:64px;height:64px;border-radius:50%;background:var(--yellow);font-family:'Archivo Black';font-size:25px}.empty h2{font-family:'Archivo Black';font-size:30px;margin:0 0 10px}.empty p{color:var(--muted)}.queue-list{list-style:none;margin:0;padding:0;background:var(--white);border-radius:var(--radius);overflow:hidden}.queue-row{display:grid;grid-template-columns:52px 180px minmax(0,1fr) 48px 145px;align-items:center;gap:22px;padding:18px;border-bottom:1px solid var(--line)}.queue-row:last-child{border:0}.queue-number{font-family:'Archivo Black';font-size:30px;text-align:center}.queue-row>img{width:180px;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.queue-copy span,.queue-copy small{display:block;color:var(--muted);font-size:12px;font-weight:700}.queue-copy h2{font-size:19px;margin:6px 0}.queue-actions{display:grid;gap:6px}.queue-actions form{display:contents}.icon-button{width:40px;height:36px;border:1px solid var(--line);background:var(--paper);border-radius:8px;font-size:18px;font-weight:900;cursor:pointer}.icon-button:disabled{opacity:.28;cursor:not-allowed}.publish-control{position:relative}.publish-control summary{cursor:pointer;font-weight:800;text-decoration:underline;text-underline-offset:4px;list-style:none}.publish-control form{position:absolute;right:0;top:38px;width:320px;background:var(--yellow);padding:20px;border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow);z-index:4}.publish-control label,.data-form label,.login-form label{display:grid;gap:7px;font-size:13px;font-weight:800;margin-bottom:14px}.publish-control input,.data-form input,.data-form select,.data-form textarea,.login-form input{width:100%;border:1px solid #aaa;background:var(--white);padding:12px;border-radius:8px}.queue-hint{color:var(--muted);font-size:14px}.history-list{display:grid;gap:14px}.history-row{display:grid;grid-template-columns:240px 1fr;gap:24px;background:var(--white);padding:14px;border-radius:var(--radius);text-decoration:none;transition:transform .18s ease,box-shadow .18s ease}.history-row:hover{transform:translateY(-2px);box-shadow:var(--shadow)}.history-row img{width:100%;aspect-ratio:16/9;object-fit:cover;border-radius:9px}.history-row span{display:flex;flex-direction:column;justify-content:center}.history-row small{color:var(--muted);font-weight:700}.history-row strong{font-family:'Archivo Black';font-size:24px;margin:8px 0}.history-row em{font-style:normal;color:#695e00;font-weight:800}.detail-head h1{font-size:clamp(30px,5vw,60px)}.back{font-weight:800;display:inline-block;margin-bottom:18px}.detail-hero{display:grid;grid-template-columns:1fr 1fr;gap:36px;background:var(--ink);color:var(--white);padding:22px;border-radius:var(--radius)}.detail-hero img{width:100%;border-radius:10px}.detail-hero>div{align-self:center;padding:25px}.detail-hero span{color:var(--yellow);font-weight:800}.detail-hero h2{font-family:'Archivo Black';font-size:30px;line-height:1.05}.detail-hero p{color:#ccc;line-height:1.6}.results-section{background:var(--white);padding:32px;border-radius:var(--radius);margin-top:18px}.results-section .section-title p{margin:5px 0;color:var(--muted)}.data-form{display:grid;grid-template-columns:1fr 1fr;gap:4px 18px;margin:26px 0;padding:26px;background:var(--paper);border-radius:var(--radius)}.data-form .span-2{grid-column:1/-1}.is-hidden{display:none}.data-empty{padding:35px;text-align:center;color:var(--muted);background:var(--paper);border-radius:10px}.metric-table-wrap{overflow-x:auto}table{border-collapse:collapse;width:100%;font-variant-numeric:tabular-nums}th,td{text-align:left;padding:15px 12px;border-bottom:1px solid var(--line);white-space:nowrap}th{font-size:12px;color:var(--muted)}td small{display:block;color:var(--muted)}.insight-list{display:grid;gap:12px}.insight-list article{padding:22px;background:var(--paper);border-radius:12px}.insight-list header{display:flex;justify-content:space-between;gap:24px}.insight-list header span{white-space:nowrap;font-size:12px;font-weight:800;background:var(--yellow-soft);padding:6px 9px;border-radius:7px}.insight-list p{display:grid;grid-template-columns:130px 1fr;gap:15px}.settings-list{display:grid;gap:14px}.settings-list section{background:var(--white);padding:30px;border-radius:var(--radius)}.settings-list p{color:var(--muted);max-width:70ch;line-height:1.6}.login-body{background:var(--yellow);display:grid;place-items:center;padding:24px}.login-body .shell{padding:0;width:min(1080px,100%)}.login-panel{display:grid;grid-template-columns:1.15fr .85fr;background:var(--white);border:2px solid var(--ink);border-radius:18px;overflow:hidden;box-shadow:0 24px 60px rgba(17,17,15,.2)}.login-brand{grid-column:1/-1;background:var(--ink);color:var(--white);display:flex;align-items:center;padding:20px 28px;gap:12px}.login-brand img{width:36px;height:36px;border-radius:50%}.login-brand strong{font-family:'Archivo Black'}.login-brand span{font-size:11px;color:var(--yellow);font-weight:800;letter-spacing:.14em}.login-copy{padding:65px}.login-copy h1{font-family:'Archivo Black';font-size:clamp(42px,6vw,72px);line-height:.92;letter-spacing:-.04em;margin:0 0 20px}.login-copy p{font-size:18px;color:var(--muted)}.login-form{background:var(--paper);padding:65px;display:flex;flex-direction:column;justify-content:center}.check{display:flex!important;grid-template-columns:20px 1fr!important;align-items:flex-start;font-weight:600!important;line-height:1.4}.check input{width:auto!important;margin:3px 0}.login-form .button{width:100%;margin-top:8px}
@media(max-width:800px){.topbar{height:auto;padding:14px 18px;align-items:flex-start}.brand span{display:none}.topbar nav{overflow-x:auto;margin-right:-10px}.topbar nav a{padding:9px 10px;font-size:13px;border-bottom-width:3px}.shell{width:min(100% - 28px,1180px);padding:32px 0 70px}.page-head{align-items:flex-start;flex-direction:column}.page-head h1{font-size:43px}.edit-desk,.detail-hero,.login-panel{grid-template-columns:1fr}.video-visual{min-height:0;aspect-ratio:16/9}.video-lead{min-height:370px}.content-grid{grid-template-columns:1fr}.content-wide{grid-column:auto}.queue-row{grid-template-columns:38px 94px minmax(0,1fr) 42px;padding:12px;gap:11px}.queue-row>img{width:94px}.queue-copy h2{font-size:15px}.queue-copy small{display:none}.publish-control{grid-column:2/-1;padding:5px 0 7px}.publish-control form{position:static;width:100%;margin-top:12px}.history-row{grid-template-columns:120px 1fr;gap:14px}.history-row strong{font-size:17px}.detail-hero>div{padding:10px}.data-form{grid-template-columns:1fr;padding:18px}.data-form .span-2{grid-column:auto}.results-section{padding:22px 16px}.section-title{align-items:flex-start}.insight-list header,.insight-list p{display:grid;grid-template-columns:1fr}.login-copy,.login-form{padding:38px 28px}.login-copy h1{font-size:48px}}
@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}.button,.history-row{transition:none}}
nav a,nav a:hover,nav a[aria-current=page]{border-bottom:0}nav a[aria-current=page]{box-shadow:inset 0 -4px 0 var(--ink)}
@media(max-width:800px){html,body{overflow-x:hidden}.topbar nav{min-width:0;flex:1;justify-content:flex-start}.video-lead h2{overflow-wrap:anywhere}}
@media(max-width:800px){.shell{width:calc(100% - 28px);max-width:calc(100vw - 28px)}.edit-desk,.video-visual,.video-lead,.video-lead>*{width:100%;min-width:0;max-width:100%}.video-lead h2{font-size:36px}}
.edit-video-form{margin:18px 0 0}.form-intro h3{font-family:'Archivo Black',sans-serif;font-size:25px;margin:0}.form-intro p{color:var(--muted);margin:6px 0 16px}
.page-actions{display:flex;gap:10px;flex-wrap:wrap;justify-content:flex-end}.button:disabled{opacity:.48;cursor:not-allowed;transform:none;box-shadow:none}.direction-workbench{display:grid;grid-template-columns:minmax(220px,.72fr) minmax(0,1.28fr);gap:26px;margin:0 0 18px;padding:30px;background:var(--yellow);border:2px solid var(--ink);border-radius:var(--radius);box-shadow:var(--shadow)}.direction-workbench.has-request{grid-template-columns:minmax(220px,.58fr) minmax(0,1.2fr) auto}.direction-copy h2{font-family:'Barlow Condensed','Archivo Black',sans-serif;font-size:34px;line-height:1;margin:0 0 12px;letter-spacing:-.025em}.direction-copy p{line-height:1.55;margin:0;max-width:48ch}.direction-workbench form{min-width:0}.direction-workbench label{display:block;font-size:13px;font-weight:800;margin-bottom:8px}.direction-workbench textarea{display:block;width:100%;resize:vertical;border:1px solid var(--ink);background:var(--white);padding:14px;border-radius:8px;line-height:1.55}.direction-submit{display:flex;align-items:center;justify-content:space-between;gap:18px;margin-top:12px}.direction-submit small{max-width:42ch;line-height:1.4}.direction-status{align-self:start;display:grid;gap:6px;min-width:148px;padding:12px;background:var(--ink);color:var(--white);border-radius:9px}.direction-status span{font-size:12px;font-weight:800;color:var(--yellow)}.direction-status time{font-size:11px;color:#c9c9c2}.direction-workbench.has-request form{grid-column:2/3;grid-row:1/2}.direction-workbench.has-request .direction-status{grid-column:3/4;grid-row:1/2}
.direction-workbench.is-hidden{display:none}
.direction-workbench:target{display:grid}.edit-video-form:target{display:grid}.form-close{float:right;font-size:12px;font-weight:800;text-underline-offset:3px}.direction-copy .form-close{margin-left:16px}
.icon{width:1.15em;height:1.15em;display:inline-block;vertical-align:-.18em;flex:none}.empty-mark .icon{width:28px;height:28px}.video-visual{background:#000}.video-visual img{object-fit:contain}.video-lead h2,.page-head h1,.login-copy h1{font-family:'Barlow Condensed','Archivo Black',sans-serif;font-weight:800;letter-spacing:-.025em}.video-lead h2{text-transform:none}.video-meta{display:flex;gap:22px;margin:18px 0 0;padding:14px 0;border-top:1px solid #353531}.video-meta div{display:grid;gap:3px}.video-meta dt{color:#999;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.08em}.video-meta dd{margin:0;color:var(--yellow);font-weight:800}.icon-button{width:44px;height:44px;display:grid;place-items:center}.icon-button .icon{width:20px;height:20px}.topbar a:focus-visible{outline-color:var(--ink)}.button{min-height:44px}.button.is-busy{opacity:.7;cursor:wait;transform:none}.button.is-busy::after{content:'';width:14px;height:14px;border:2px solid currentColor;border-right-color:transparent;border-radius:50%;animation:busy-spin .65s linear infinite}@keyframes busy-spin{to{transform:rotate(360deg)}}.history-row em{display:flex;align-items:center;gap:7px}.back .icon{transform:rotate(180deg)}
@media(prefers-reduced-motion:reduce){.button.is-busy::after{animation:none}}
.edit-desk.is-locking{animation:approval-lock .55s cubic-bezier(.16,1,.3,1) both}@keyframes approval-lock{50%{box-shadow:0 0 0 7px var(--yellow),var(--shadow)}100%{box-shadow:var(--shadow)}}@media(prefers-reduced-motion:reduce){.edit-desk.is-locking{animation:none}}
.empty h2{font-family:'Barlow Condensed','Archivo Black',sans-serif;font-weight:800}.icon-button.is-busy,button.is-busy{opacity:.62;cursor:wait}.icon-button.is-busy .icon{animation:busy-spin .65s linear infinite}
@media(max-width:800px){body.app-body:has(.edit-desk){padding-bottom:88px}.edit-desk .approval-box{position:fixed;left:14px;right:14px;bottom:12px;z-index:12;margin:0;padding:10px;background:var(--ink);border:1px solid #3b3b37;border-radius:12px;box-shadow:0 10px 30px rgba(0,0,0,.35)}.edit-desk .approval-box p{display:none}.edit-desk .approval-box .button{width:100%}}
@media(max-width:800px){.page-actions{width:100%;justify-content:stretch}.page-actions .button{flex:1}.direction-workbench,.direction-workbench.has-request{grid-template-columns:1fr;padding:22px 18px}.direction-workbench.has-request form,.direction-workbench.has-request .direction-status{grid-column:auto;grid-row:auto}.direction-status{min-width:0}.direction-submit{align-items:stretch;flex-direction:column}.direction-submit .button{width:100%}}
