@charset "UTF-8";
:root{color-scheme:dark;--deck:#111214;--track:#181a1d;--well:#101113;--line:#303238;--frame:#f1f0ed;--slate:#a5a8b1;--cue:#f1bb68;--mint:#a5d1b2;--ice:#aac9e4;--lilac:#c8bae2;--error:#ffc0ad;--mono:ui-monospace,"Cascadia Code",Consolas,monospace;--body:"Segoe UI",system-ui,sans-serif}
*{box-sizing:border-box}html{scrollbar-color:#555 #17181a}body{margin:0;background:var(--deck);color:var(--frame);font:15px/1.55 var(--body)}a{color:var(--cue);text-decoration:none}a:hover{text-decoration:underline}button,input,select,textarea{font:inherit}button,.button{display:inline-flex;align-items:center;justify-content:center;min-height:42px;padding:8px 14px;border:1px solid var(--line);border-radius:7px;background:var(--track);color:var(--frame);white-space:nowrap;font-weight:600;cursor:pointer}button:hover,.button:hover{background:#26282d;text-decoration:none}button:active,.button:active{transform:translateY(1px)}.quiet{background:transparent;color:var(--slate);border-color:transparent}.primary{background:var(--cue);border-color:var(--cue);color:#24190c}.primary:hover{background:#ffd28d;border-color:#ffd28d}button:disabled{opacity:.5;cursor:default}
:focus-visible{outline:2px solid var(--cue);outline-offset:3px}.skip,.sr{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.skip:focus{width:auto;height:auto;clip-path:none;z-index:2;background:var(--deck);padding:12px}
.wrap{max-width:1240px;margin:auto;padding:0 28px}.top{border-bottom:1px solid var(--line);background:var(--well)}.bar{display:flex;align-items:center;min-height:68px;gap:32px}.brand{display:flex;align-items:center;gap:10px;color:var(--frame);line-height:1.2;font-weight:750;white-space:nowrap}.brand:hover{text-decoration:none}.brand small{display:block;font:10px/1.5 var(--mono);letter-spacing:.11em;color:var(--slate)}.mark{display:grid;place-items:center;width:34px;height:34px;background:#302519;border:1px solid #5d4728;border-radius:7px;color:var(--cue);font-size:19px}.bar nav,.account{display:flex;gap:8px;align-items:center}.bar nav a{padding:10px 12px;color:var(--slate);font-weight:600;border-radius:7px}.bar nav a.current{background:var(--track);color:var(--frame)}.account{margin-left:auto;color:var(--slate);font-family:var(--mono);font-size:12px}
main.wrap{padding-top:32px;padding-bottom:60px}.headline{display:flex;align-items:flex-end;justify-content:space-between;gap:18px;margin:10px 0 24px}.eyebrow,.micro,.number,.clipid{font:12px/1.5 var(--mono);font-variant-numeric:tabular-nums;color:var(--slate)}.eyebrow{font-size:11px;letter-spacing:.12em;color:var(--cue);margin:0 0 10px}.lead{font-size:16px;color:var(--slate);margin:4px 0 0}h1,h2,p{overflow-wrap:anywhere}h1,h2{line-height:1.16;letter-spacing:-.035em;text-wrap:balance;margin:0 0 10px}h1{font-size:clamp(28px,4.3vw,44px);font-weight:780}h2{font-size:20px}p{margin:0 0 12px}.muted{color:var(--slate)}.notice,.error{padding:12px 14px;border:1px solid #4c4534;background:#242018;border-radius:7px;margin-bottom:20px}.error{color:var(--error)}
.rail{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:7px;margin-bottom:20px}.stage{display:grid;grid-template-columns:1fr auto;align-items:center;gap:4px 8px;padding:12px 14px;border:1px solid var(--line);border-radius:8px;background:var(--track);color:var(--frame);font-weight:650}.stage .number{grid-column:1/-1;color:var(--slate)}.stage b{font:700 20px/1 var(--mono);color:var(--cue)}.stage.selected,.stage:hover{border-color:#9e7b46;text-decoration:none}.stage.selected{background:#2a2218}
.panel{background:var(--track);border:1px solid var(--line);border-radius:12px;min-width:0}.padded,.narrow,.formpanel{padding:20px}.narrow{max-width:660px;margin-top:10px}.panel.narrow form{margin-top:20px}.queue{overflow:hidden}.filters{display:flex;align-items:center;gap:8px;flex-wrap:wrap;padding:14px;border-bottom:1px solid var(--line)}.search,.grow{flex:1 1 220px}.check{display:flex;align-items:center;white-space:nowrap;gap:6px;min-height:42px;padding:0 6px}.check input{margin:0;accent-color:var(--cue);width:17px;height:17px;min-height:auto}
input:not([type=checkbox]),select,textarea{min-width:0;min-height:42px;width:100%;padding:9px 11px;border:1px solid var(--line);border-radius:7px;color:var(--frame);background:var(--well)}input::placeholder,textarea::placeholder{color:#91949c}label{color:var(--frame);font-weight:600}label:not(.check) input,label select,label textarea{display:block;margin-top:4px}.filters input,.filters select{margin:0!important}textarea{resize:vertical}small{color:var(--slate);font-weight:400}
.cliprow{display:grid;grid-template-columns:minmax(210px,2.35fr) minmax(104px,1fr) minmax(90px,1fr) minmax(80px,.7fr);gap:12px;align-items:center;padding:14px;border-bottom:1px solid var(--line)}.cliprow:last-child{border-bottom:0}.cliprow:not(.columns):hover{background:#1d1f22}.columns{background:var(--well);color:var(--slate);font-size:12px}.clipname{display:flex;align-items:center;gap:12px;min-width:0}.clipname .micro{display:block}.clipname a{color:var(--frame);font-weight:680;overflow-wrap:anywhere}.clipid{white-space:nowrap;color:var(--cue)}.assignee{overflow-wrap:anywhere}.badge{display:inline-flex;align-items:center;border-radius:6px;padding:4px 8px;font-size:12px;font-weight:680;white-space:nowrap;background:#282a2e;color:var(--slate);border:1px solid #383b40}.badge.editing{color:var(--cue);background:#332719;border-color:#4c3b24}.badge.review{color:var(--lilac);background:#2d2637;border-color:#43374e}.badge.approved{color:var(--mint);background:#202e25;border-color:#344b3b}.badge.published{color:var(--ice);background:#22303c;border-color:#3c4c60}
.empty{padding:54px 20px;text-align:center}.empty p{color:var(--slate)}.empty-mark{display:inline-grid;place-items:center;width:46px;height:46px;margin-bottom:13px;background:#2c2217;color:var(--cue);border-radius:9px;border:1px solid #574227;font-size:28px}.pager,.row,.sectionhead,.file,.event{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.pager{justify-content:center;padding:12px;border-top:1px solid var(--line)}.sectionhead,.file,.event{justify-content:space-between}.sectionhead h2{margin:0}.back{display:inline-flex;min-height:38px;align-items:center}.detail,.settings{display:grid;grid-template-columns:minmax(0,1.35fr) minmax(0,1fr);gap:16px;align-items:start}.settings{grid-template-columns:repeat(2,minmax(0,1fr))}.viewer .sectionhead,.files{padding:13px 16px}.screen{display:grid;place-items:center;background:#0a0b0d;min-height:260px;border-block:1px solid var(--line)}.screen video{display:block;width:100%;max-height:62vh}.placeholder{text-align:center;align-content:center;gap:4px;color:var(--slate)}.placeholder>span{font-size:39px;color:var(--cue)}.file+.file,.event{border-top:1px solid var(--line)}.event{padding:10px 0;align-items:flex-start}.event p{margin:2px 0 0;white-space:pre-wrap}.event:last-child{padding-bottom:0}.history,.reveal{margin-top:16px}.reveal{margin-bottom:16px;border-color:#7d6036}.notes{white-space:pre-wrap;color:var(--slate)}.action{display:grid;gap:8px;justify-items:start}.action label{width:100%}.stack{display:grid;gap:12px}.stack button{justify-self:start}.formpanel .stack{margin-bottom:14px}.formpanel .stack button{justify-self:stretch}
.gate{display:grid;grid-template-columns:1.2fr minmax(280px,400px);align-items:center;gap:clamp(24px,8vw,108px);min-height:calc(100svh - 69px)}.auth-intro{max-width:570px}.auth-intro h1{font-size:clamp(38px,6.4vw,76px);letter-spacing:-.06em}.filmstrip{display:flex;flex-wrap:wrap;gap:5px;margin-top:25px;padding:7px;border-block:1px dashed #52442f;background:var(--well);font:11px/1.5 var(--mono);color:var(--slate)}.filmstrip span{flex:1;padding:10px 8px;border:1px solid var(--line);white-space:nowrap}.filmstrip span:first-child{color:var(--cue);border-color:#624a2d}progress{width:100%;accent-color:var(--cue)}
@media(max-width:780px){.wrap{padding-inline:16px}.bar{gap:12px}.headline{align-items:flex-start}.rail{grid-template-columns:repeat(3,1fr)}.detail,.settings,.gate{grid-template-columns:1fr}.gate{min-height:auto;gap:20px}.gate .auth-intro{max-width:480px}.gate .formpanel{max-width:480px}.cliprow{grid-template-columns:minmax(130px,2fr) minmax(95px,1fr) minmax(72px,1fr);gap:7px}.cliprow>:last-child{display:none}}
@media(max-width:465px){.bar{flex-wrap:wrap;padding-block:8px;gap:4px 12px}.account span{display:none}.bar nav a{padding-inline:8px}.headline{flex-direction:column;gap:12px}.stage{padding:8px;font-size:12px}.stage b{font-size:15px}.cliprow{grid-template-columns:minmax(0,1fr) minmax(84px,auto)}.cliprow>:nth-child(3){display:none}.clipname{gap:6px}.clipid{font-size:10px}.filters{padding:10px}.screen{min-height:190px}}
@media(prefers-reduced-motion:reduce){button:active,.button:active{transform:none}}