[hidden]{display:none!important}
/* Lenz Editz portal · Style 1 (Midnight) with a Daylight option. */
*{box-sizing:border-box}
html,body{margin:0}
.app{--bg:#090915;--bar:#0c0b1a;--card:#110f22;--hi:#17142d;--well:#0c0b1a;--field:#0c0b1a;--line:#262238;--line2:#3a3556;--text:#f7f6fe;--muted:#a3a5c2;--accent:#7c64f6;--soft:#1a1636;--tagbg:#1f1a3d;--tagfg:#c9bfff;--link:#a99bff;--ok:#6bd9e9;--okbg:#0f2c33;--okfg:#8be6f2;--ebg:#3d2310;--efg:#ffb27a;--av:#2a2450;--shadow:0 14px 36px rgba(0,0,0,.5);--g:linear-gradient(90deg,#6692f7,#6bd9e9,#b46ec5);--gb:linear-gradient(135deg,#6692f7,#6bd9e9 55%,#b46ec5)}
.app.day{--bg:#f6f5fb;--bar:#ffffff;--card:#ffffff;--hi:#f4f1ff;--well:#faf9fe;--field:#ffffff;--line:#e3e0f0;--line2:#d6d2ea;--text:#15132b;--muted:#5e5b78;--accent:#6a52e8;--soft:#f1eeff;--tagbg:#ebe7ff;--tagfg:#4a33c4;--link:#5a43d6;--ok:#1a8ea3;--okbg:#dff5f9;--okfg:#0e6676;--ebg:#ffe7d6;--efg:#a2440a;--av:#e3e0f0;--shadow:0 14px 36px rgba(21,19,43,.16);--g:linear-gradient(90deg,#4f78e6,#2fb3cc,#a14fb3)}
.app{background:var(--bg);color:var(--text);font-family:Figtree,system-ui,sans-serif;font-size:15px;line-height:1.4;min-height:100vh}
a{color:var(--link)}
h1{margin:4px 0 0;font:600 clamp(24px,4vw,32px) Sora,sans-serif}
h2{margin:0;font:600 18px Sora,sans-serif}
h3{margin:0;font:600 15px Figtree,sans-serif}
p{margin:0}

/* Top bar and menu */
.top{position:sticky;top:0;z-index:20;display:flex;align-items:center;gap:12px;padding:12px clamp(16px,4vw,32px);background:var(--bar);border-bottom:1px solid var(--line)}
.ham{position:relative;flex-shrink:0;width:44px;height:44px;padding:0;border-radius:12px;border:1px solid var(--line2);background:transparent;color:var(--text);display:flex;align-items:center;justify-content:center;cursor:pointer}
.ham .badge{position:absolute;top:-7px;right:-7px}
.badge{min-width:20px;height:20px;padding:0 6px;border-radius:999px;background:var(--gb);color:#090915;font:700 11px Figtree,sans-serif;display:inline-flex;align-items:center;justify-content:center;border:2px solid var(--bar)}
.brand{flex:1;display:flex;align-items:center;min-width:0;text-decoration:none;color:var(--text)}
.wm{display:inline-flex;flex-direction:column;gap:0;line-height:1}
.wm-name{font:600 27px Sora,sans-serif;letter-spacing:-.3px;color:var(--text);white-space:nowrap}
.wm-name b{font-weight:600;background:linear-gradient(90deg,#6692f7,#6bd9e9,#b46ec5);-webkit-background-clip:text;background-clip:text;color:transparent;-webkit-text-fill-color:transparent;padding-right:1px}
.wm-sub{display:flex;justify-content:space-between;margin-top:-3px;font:500 10px 'JetBrains Mono',monospace;color:var(--wm-sub)}
.wm-sub i{font-style:normal}
.app{--wm-sub:#9897bd}.app.day{--wm-sub:#5e5b78}
.mode{display:flex;gap:2px;padding:2px;border-radius:999px;border:1px solid var(--line2)}
.mode button{width:40px;height:40px;padding:0;border-radius:999px;border:0;background:transparent;color:var(--muted);display:flex;align-items:center;justify-content:center;cursor:pointer}
.mode button.on{background:var(--accent);color:#fff}
.me{flex-shrink:0;width:40px;height:40px;border-radius:999px;background:var(--av);display:flex;align-items:center;justify-content:center;font:600 13px Figtree,sans-serif}
.menu{position:absolute;top:calc(100% + 8px);left:clamp(16px,4vw,32px);width:min(320px,calc(100% - 32px));background:var(--card);border:1px solid var(--line);border-radius:18px;padding:10px;box-shadow:var(--shadow);display:flex;flex-direction:column;gap:2px}
.menu[hidden]{display:none}
.menu a,.menu-btn{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 14px;border-radius:12px;color:var(--text);text-decoration:none;font:15px Figtree,sans-serif;background:none;border:0;width:100%;text-align:left;cursor:pointer}
.menu a:hover,.menu-btn:hover{background:var(--soft)}
.menu a.on{background:var(--soft);font-weight:600}
.menu .badge{border-color:var(--card)}
.menu hr{border:0;border-top:1px solid var(--line);margin:8px 4px}
.menu .acct{padding:6px 14px;font-size:13px;color:var(--muted)}
.menu form{margin:0}

/* Page */
.main{width:100%;max-width:1160px;margin:0 auto;padding:28px clamp(16px,4vw,40px) 64px;display:flex;flex-direction:column;gap:20px}
.narrow{max-width:520px;width:100%;margin:0 auto;display:flex;flex-direction:column;gap:20px}
.eyebrow{font:500 11px 'JetBrains Mono',monospace;letter-spacing:3px;color:var(--muted);text-transform:uppercase}
.muted{color:var(--muted);font-size:14px}
.card{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:22px;display:flex;flex-direction:column;gap:14px}
.card.hi{background:var(--hi);border-color:var(--accent)}
.row{display:flex;flex-wrap:wrap;gap:12px;align-items:center}
.spread{justify-content:space-between}
.grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(220px,1fr));gap:14px}
.split{display:flex;flex-wrap:wrap;gap:20px;align-items:flex-start}
.wide{flex:999 1 480px;min-width:0;display:flex;flex-direction:column;gap:18px}
.side{flex:1 1 300px;min-width:0;display:flex;flex-direction:column;gap:18px}
.stats{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,1fr));gap:14px}
.stat{background:var(--card);border:1px solid var(--line);border-radius:18px;padding:18px;display:flex;flex-direction:column;gap:4px}
.stat b{font:600 28px Sora,sans-serif}
.big{font:600 40px Sora,sans-serif;letter-spacing:-1px}
.empty{padding:28px;border:1.5px dashed var(--line2);border-radius:18px;text-align:center;display:flex;flex-direction:column;gap:6px;align-items:center}

/* Buttons and forms */
.btn{min-height:44px;padding:0 22px;border-radius:999px;border:0;background:var(--accent);color:#fff;font:600 14px Figtree,sans-serif;display:inline-flex;align-items:center;justify-content:center;gap:8px;text-decoration:none;white-space:nowrap;cursor:pointer}
.btn.ghost{background:transparent;border:1px solid var(--line2);color:var(--text)}
.btn.sm{min-height:40px;padding:0 16px;font-size:13px}
.btn.full{width:100%}
.field{display:flex;flex-direction:column;gap:6px;font-size:13px;color:var(--muted)}
input:not([type=checkbox]):not([type=radio]),select,textarea{width:100%;min-height:44px;padding:10px 14px;border-radius:12px;border:1px solid var(--line2);background:var(--field);color:var(--text);font:15px Figtree,sans-serif}
input:focus,select:focus,textarea:focus{outline:2px solid var(--accent);outline-offset:1px}
textarea{min-height:88px;resize:vertical}
.opts{display:flex;flex-wrap:wrap;gap:12px}
.opt{flex:1 1 220px;display:flex;gap:12px;align-items:flex-start;padding:16px;border-radius:14px;border:1px solid var(--line2);background:var(--field);cursor:pointer}
.opt input{margin-top:3px;width:18px;height:18px;accent-color:var(--accent)}
.opt:has(input:checked){border-color:var(--accent);background:var(--soft)}
.opt div{display:flex;flex-direction:column;gap:4px}
.alert{padding:12px 16px;border-radius:12px;background:var(--ebg);color:var(--efg);font-size:14px}
.note{padding:12px 16px;border-radius:12px;background:var(--okbg);color:var(--okfg);font-size:14px}
.tag{display:inline-flex;align-self:flex-start;align-items:center;gap:6px;padding:5px 11px;border-radius:999px;font-size:12px;font-weight:600;background:var(--tagbg);color:var(--tagfg)}
.ck{display:flex;gap:10px;align-items:flex-start;font-size:14px}
.ck svg{flex-shrink:0;color:var(--ok);margin-top:1px}

/* Tables */
.tbl{overflow-x:auto;border:1px solid var(--line);border-radius:18px;background:var(--card)}
.tbl table{width:100%;min-width:640px;border-collapse:collapse;font-size:14px}
.tbl th{text-align:left;font:500 11px 'JetBrains Mono',monospace;letter-spacing:2px;text-transform:uppercase;color:var(--muted);padding:14px 18px;border-bottom:1px solid var(--line)}
.tbl td{padding:12px 18px;border-bottom:1px solid var(--line);vertical-align:middle}
.tbl tr:last-child td{border-bottom:0}
.tbl td small{display:block;color:var(--muted);font-size:13px}
.tbl select{width:auto;min-height:38px;padding:6px 10px}
.inline{display:flex;gap:8px;align-items:center;margin:0}

/* Stage colors (text label always shown, color is extra) */
.app{--s-un-bg:#3a2a12;--s-un:#ffc77a;--s-ed-bg:#16244a;--s-ed:#a9c1ff;--s-rv-bg:#2f1a38;--s-rv:#e6b0f2;--s-qc-bg:#221a46;--s-qc:#c9bfff;--s-cr-bg:#0f2c33;--s-cr:#8be6f2}
.app.day{--s-un-bg:#fff1dc;--s-un:#8a4b00;--s-ed-bg:#e3ebff;--s-ed:#2747a8;--s-rv-bg:#f6e6fa;--s-rv:#7a2f8c;--s-qc-bg:#ebe7ff;--s-qc:#4a33c4;--s-cr-bg:#dff5f9;--s-cr:#0e6676}
.pill{display:inline-flex;align-items:center;gap:6px;padding:4px 11px;border-radius:999px;font:600 12px Figtree,sans-serif;white-space:nowrap;background:var(--tagbg);color:var(--tagfg)}
.pill::before{content:"";width:7px;height:7px;border-radius:999px;background:currentColor}
.pill.s-unassigned{background:var(--s-un-bg);color:var(--s-un)}
.pill.s-editing{background:var(--s-ed-bg);color:var(--s-ed)}
.pill.s-revision{background:var(--s-rv-bg);color:var(--s-rv)}
.pill.s-qc{background:var(--s-qc-bg);color:var(--s-qc)}
.pill.s-review{background:var(--s-cr-bg);color:var(--s-cr)}
.pill.s-approved{background:linear-gradient(90deg,#6692f7,#6bd9e9,#b46ec5);color:#090915}
.pill.s-approved::before{background:#090915}
.pill.s-canceled{background:var(--line);color:var(--muted)}

/* Orders */
.stage{display:flex;gap:12px;align-items:center}
.trk{position:relative;flex-shrink:0;width:140px;height:8px;border-radius:999px;background:var(--line);overflow:hidden}
.trk b{position:absolute;left:0;top:0;bottom:0;border-radius:999px;background:var(--g)}
.stage em{font-style:normal}
.price{font:600 16px Sora,sans-serif}
.opt.col{flex-direction:column;gap:6px}
.opt.col input{position:absolute;opacity:0;width:1px;height:1px}
.opt.col{position:relative}
.opt.col:has(input:focus-visible){outline:2px solid var(--accent);outline-offset:2px}
.addons{display:flex;flex-direction:column;gap:10px}
.addon{display:flex;gap:10px;align-items:center;font-size:14px;padding:12px 14px;border-radius:12px;border:1px solid var(--line);cursor:pointer}
.addon input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--accent)}
.addon span{flex:1}
.lines{display:flex;flex-direction:column;gap:10px}
.line{display:flex;justify-content:space-between;gap:12px;font-size:14px}
.line.total{padding-top:12px;border-top:1px solid var(--line2);font:600 18px Sora,sans-serif}
.kv{display:grid;grid-template-columns:auto 1fr;gap:10px 18px;margin:0;font-size:14px}
.kv dt{color:var(--muted)}
.kv dd{margin:0;overflow-wrap:anywhere}
.sticky{position:sticky;top:92px}

@media (max-width:520px){.mode button{width:36px;height:36px}.wm-name{font-size:24px}.wm-sub{font-size:9px}}
/* Pass a project */
.steps{margin:0;padding-left:22px;display:flex;flex-direction:column;gap:10px;font-size:14px;line-height:1.5}
.steps b{color:var(--text)}
.pre{white-space:pre-line;font-size:14px}
.readd{margin:0;padding-left:20px;font-size:14px;line-height:1.6}
.handoff-row{display:flex;flex-direction:column;gap:4px;padding:10px 0;border-top:1px solid var(--line2);font-size:14px}
.handoff-row:first-of-type{border-top:0}
details summary{cursor:pointer;padding:6px 0}
details[open] summary{margin-bottom:10px}
details summary h2{display:inline;margin:0}
details summary .muted{display:block;margin-top:4px;font-weight:400}
details > summary{list-style:none}
details > summary::-webkit-details-marker{display:none}
details > summary::before{content:'▸';display:inline-block;margin-right:8px;color:var(--muted);transition:transform .15s}
details[open] > summary::before{transform:rotate(90deg)}
/* Green Instructions toggle */
.app{--go:#22c55e;--go-fg:#04210f}
.app.day{--go:#16a34a;--go-fg:#fff}
details.instr > summary{display:inline-flex;align-items:center;gap:8px;padding:9px 16px;border-radius:999px;background:var(--go);color:var(--go-fg);font-weight:600;font-size:14px}
details.instr > summary::before{content:'▸';color:inherit;margin:0}
details.instr[open] > summary{margin-bottom:14px}
/* Versions and uploads */
.trk.up{display:block;width:100%;height:8px}
.vlist{display:flex;flex-direction:column}
.vrow{display:grid;grid-template-columns:auto 1fr auto;gap:12px;align-items:start;padding:10px 0;border-top:1px solid var(--line2);font-size:14px}
.vrow:first-child{border-top:0}
.vrow > span{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.trk.up[hidden]{display:none}
details.pw summary{font-size:13px;color:var(--link);padding:0}
details.pw summary::before{content:none}
details.pw form{margin-top:8px;display:flex;gap:8px;flex-wrap:wrap}
details.pw input{min-width:0;flex:1 1 140px;padding:8px 10px;border-radius:10px;border:1px solid var(--line2);background:var(--field);color:var(--text)}
/* Editor tracker */
.cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:14px}
.cards .card{gap:10px}
a.stat{color:inherit;text-decoration:none}
a.stat:hover,a.stat:focus-visible{border-color:var(--accent)}
.tabs{display:flex;gap:6px;flex-wrap:wrap}
.tabs a{padding:8px 14px;border-radius:999px;border:1px solid var(--line2);color:var(--text);text-decoration:none;font-size:14px}
.tabs a.on{background:var(--accent);border-color:var(--accent);color:#fff}
.late{color:var(--efg);font-weight:600}
/* QC */
.qc-wrap{display:grid;grid-template-columns:240px minmax(0,1fr);gap:24px;align-items:start}
.qc-list{display:flex;flex-direction:column;gap:8px;position:sticky;top:16px}
.qc-item{display:flex;flex-direction:column;gap:2px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none}
.qc-item small{color:var(--muted)}
.qc-item.on{border-color:var(--accent);background:var(--hi)}
.qc-body{display:flex;flex-direction:column;gap:18px;min-width:0}
.qc-grid{display:grid;grid-template-columns:minmax(0,1fr) 320px;gap:20px;align-items:start}
.qc-main,.qc-side{display:flex;flex-direction:column;gap:16px;min-width:0}
.player{border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16/9;max-width:100%}
.player video{width:100%;height:100%;display:block;background:#000}
.player-wait{height:100%;display:flex;align-items:center;justify-content:center;padding:20px;text-align:center}
label.check{display:flex;gap:10px;align-items:center;font-size:14px;padding:4px 0;cursor:pointer}
label.check input{width:18px;height:18px;accent-color:var(--accent)}
.hist{margin:0;padding-left:20px;display:flex;flex-direction:column;gap:10px;font-size:14px}
.hist li{display:flex;flex-direction:column;gap:2px}
.muted-card{opacity:.75}
@media (max-width:900px){.qc-wrap,.qc-grid{grid-template-columns:minmax(0,1fr)}.qc-list{position:static}}
.player.tall{aspect-ratio:9/16;width:min(100%,40.5vh);margin-inline:auto}
/* Review player */
.review{display:flex;flex-direction:column;gap:12px;min-width:0}
.rv-stage{position:relative;border-radius:18px;overflow:hidden;background:#000;aspect-ratio:16/9;max-width:100%}
.rv-stage{width:100%}
.rv-stage.tall{aspect-ratio:9/16;width:min(100%,40.5vh);margin-inline:auto}
.rv-stage video{position:absolute;inset:0;width:100%;height:100%;display:block;background:#000}
.rv-ink{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;touch-action:none;border-radius:inherit}
.rv-stage.inking .rv-ink{pointer-events:auto;cursor:crosshair;box-shadow:inset 0 0 0 3px var(--accent)}
.rv-marks{position:relative;height:12px;margin:0 12px}
.rv-mark{position:absolute;top:-3px;width:16px;height:16px;margin-left:-8px;border-radius:50%;border:0;padding:0;background:var(--gb);cursor:pointer}
.rv-form{display:flex;flex-direction:column;gap:10px}
.rv-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--field);color:var(--text);font:inherit;resize:vertical}
.rv-colors{display:inline-flex;gap:6px}
.rv-color{width:22px;height:22px;border-radius:50%;border:2px solid var(--line2);padding:0;cursor:pointer}
.rv-color.on{border-color:var(--text);box-shadow:0 0 0 2px var(--accent)}
.rv-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}
.rv-item{display:flex;gap:10px;align-items:flex-start;width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;cursor:pointer}
.rv-item > span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0;font-size:14px;overflow-wrap:anywhere}
.rv-list li.on .rv-item{border-color:var(--accent);background:var(--hi)}
.rv-tools-set{display:inline-flex;gap:4px;flex-wrap:wrap}
.rv-tool{display:inline-flex;align-items:center;gap:6px;padding:6px 10px;border-radius:999px;border:1px solid var(--line2);background:transparent;color:var(--text);font:600 13px/1 inherit;cursor:pointer}
.rv-tool.on{background:var(--accent);border-color:var(--accent);color:#fff}
.rv-time{min-height:40px;padding:0 16px;border-radius:999px;display:inline-flex;align-items:center;background:var(--tagbg);color:var(--tagfg);font:600 13px Figtree,sans-serif;font-variant-numeric:tabular-nums;box-sizing:border-box}
.decide{display:flex;flex-direction:column;gap:12px;border-top:1px solid var(--line);padding-top:14px}
.decide .changes{display:flex;flex-direction:column;gap:10px}
/* Downloads */
.dl-list{display:flex;flex-direction:column;gap:8px}
.dl{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none}
.dl > span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.dl:hover,.dl:focus-visible{border-color:var(--accent)}
form.alias{display:flex;gap:6px;align-items:center}
form.alias input{width:110px;padding:8px 10px;border-radius:10px;border:1px solid var(--line2);background:var(--field);color:var(--text)}
/* Chat */
.chat section{display:flex;flex-direction:column;gap:10px}
.msgs{list-style:none;margin:0;padding:4px 2px;display:flex;flex-direction:column;gap:10px;max-height:420px;overflow-y:auto}
.app{--bub:#262143;--bub-fg:#f7f6fe;--bub-sub:#b9b7d6;--mine:#7c64f6;--mine-fg:#ffffff;--mine-sub:#e6e0ff}
.app.day{--bub:#ebe8f7;--bub-fg:#15132b;--bub-sub:#5e5b78;--mine:#6a52e8;--mine-fg:#ffffff;--mine-sub:#ece8ff}
.msg{display:flex;flex-direction:column;gap:4px;max-width:85%;align-self:flex-start;padding:10px 14px;border-radius:16px 16px 16px 4px;background:var(--bub);color:var(--bub-fg)}
.msg.mine{align-self:flex-end;border-radius:16px 16px 4px 16px;background:var(--mine);color:var(--mine-fg)}
.msg .who{font-size:12px;line-height:1.3;font-weight:600;color:var(--bub-sub);display:flex;gap:8px;flex-wrap:wrap;align-items:baseline}
.msg .who small{font-size:11px;line-height:1.3}
.msg.mine .who,.msg.mine .muted{color:var(--mine-sub)}
.msg .who small{font-weight:400}
.msg .text{white-space:pre-line;overflow-wrap:anywhere;font-size:14px}
.msg.sys{align-self:center;max-width:100%;background:none;border:0;padding:2px;font-size:13px;color:var(--muted);text-align:center}
.chat-form{display:flex;flex-direction:column;gap:8px}
.chat-form textarea{width:100%;box-sizing:border-box;padding:10px 12px;border-radius:12px;border:1px solid var(--line2);background:var(--field);color:var(--text);font:inherit;resize:vertical}
.inbox{display:flex;flex-direction:column;gap:8px}
.inbox-row{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:14px 16px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none}
.inbox-row > span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.inbox-row .snip{font-size:14px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.inbox-row.unread{border-color:var(--accent)}
.inbox-row .badge{position:static}
/* Toggle switches */
.switch-row{display:flex;justify-content:space-between;align-items:center;gap:16px;padding:12px 0;border-top:1px solid var(--line);cursor:pointer}
.switch-row > span{display:flex;flex-direction:column;gap:2px;min-width:0}
.switch-row.off{cursor:default;opacity:.6}
.switch{appearance:none;-webkit-appearance:none;flex-shrink:0;width:46px;height:26px;border-radius:999px;background:var(--line2);position:relative;cursor:pointer;transition:background .15s;margin:0}
.switch::after{content:'';position:absolute;top:3px;left:3px;width:20px;height:20px;border-radius:50%;background:#fff;transition:transform .15s}
.switch:checked{background:var(--gb)}
.switch:checked::after{transform:translateX(20px)}
.switch:disabled{cursor:not-allowed}
.switch:focus-visible{outline:2px solid var(--accent);outline-offset:2px}
/* Chat tab bubbles */
.tab-badge{display:inline-flex;align-items:center;gap:8px}
.tab-badge .badge{position:static;border-color:transparent}
/* Brand kit */
.bk-wrap{display:grid;grid-template-columns:260px minmax(0,1fr);gap:24px;align-items:start}
.bk-list{display:flex;flex-direction:column;gap:8px;position:sticky;top:16px}
.bk-item{display:flex;gap:12px;align-items:center;padding:12px 14px;border-radius:14px;border:1px solid var(--line);background:var(--card);color:var(--text);text-decoration:none}
.bk-item > span:last-child{display:flex;flex-direction:column;gap:2px;min-width:0}
.bk-item.on{border-color:var(--accent);background:var(--hi)}
.av{flex-shrink:0;width:36px;height:36px;border-radius:50%;display:inline-flex;align-items:center;justify-content:center;background:var(--av);color:var(--text);font:600 13px Sora,sans-serif}
.bk-main{display:flex;flex-direction:column;gap:16px;min-width:0}
.bk-form{gap:12px}
.bk-form h3{margin:10px 0 0}
.pills{display:flex;flex-wrap:wrap;gap:8px}
.pill-opt{position:relative;cursor:pointer}
.pill-opt input{position:absolute;opacity:0;pointer-events:none}
.pill-opt span{display:inline-block;padding:8px 14px;border-radius:999px;border:1px solid var(--line2);font-size:14px}
.pill-opt input:checked + span{background:var(--accent);border-color:var(--accent);color:#fff}
.pill-opt input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.bk-files{display:flex;flex-direction:column;gap:10px;background:var(--card);border:1px solid var(--line);border-radius:18px;padding:20px}
.bk-file-list{display:flex;flex-direction:column;gap:8px}
.bk-file{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;padding:10px 12px;border:1px solid var(--line);border-radius:12px}
.bk-file > span:first-child{display:flex;flex-direction:column;gap:2px;min-width:0;overflow-wrap:anywhere}
.bk-files select{padding:8px 10px;border-radius:10px;border:1px solid var(--line2);background:var(--field);color:var(--text)}
@media (max-width:900px){.bk-wrap{grid-template-columns:minmax(0,1fr)}.bk-list{position:static}}
/* New style guide pop-up */
.new-guide{justify-content:flex-end}
.new-guide .btn{width:100%}
.dlg{border:0;padding:0;border-radius:20px;background:var(--card);color:var(--text);width:min(560px,calc(100vw - 32px));box-shadow:var(--shadow)}
.dlg::backdrop{background:rgba(6,5,16,.6)}
.dlg-body{display:flex;flex-direction:column;gap:12px;padding:24px}
.dlg-body h2{margin:0}
.dlg select{padding:12px;border-radius:12px;border:1px solid var(--line2);background:var(--field);color:var(--text)}
.dlg{max-height:calc(100vh - 32px);overflow:auto}
.dlg-body h3{margin:4px 0 0}
.dlg input[type=file]{font-size:13px;padding:8px}
.dlg input[type=file]::file-selector-button{border:1px solid var(--line2);background:transparent;color:var(--text);border-radius:999px;padding:6px 12px;margin-right:10px;font:inherit;cursor:pointer}
button.opt{text-align:left;color:var(--text);font:inherit}
button.opt:hover,button.opt:focus-visible{border-color:var(--accent)}
.dlg .opt h3{margin:0 0 4px}
.dlg .pills{flex-wrap:wrap}

/* Style guide profile card (matches the Lenz Editz website) */
.rp-card{background:var(--card);border:1px solid var(--line);border-radius:20px;padding:24px;min-width:0}
.rp-kicker{font:500 11px 'JetBrains Mono',monospace;letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:14px;display:flex;justify-content:space-between;gap:10px;flex-wrap:wrap}
.rp-who{display:flex;align-items:center;gap:14px}
.rp-av{width:54px;height:54px;border-radius:50%;flex:none;display:grid;place-items:center;font:700 18px Sora,sans-serif;color:#fff;object-fit:cover;background:var(--av)}
.rp-name{font:600 20px Sora,sans-serif}
.rp-sub{color:var(--muted);font-size:14px}
.rp-rows{margin-top:18px;display:grid;gap:12px}
.rp-row{display:grid;grid-template-columns:130px minmax(0,1fr);gap:12px;align-items:center;font-size:14.5px}
.rp-row > span:first-child{color:var(--muted);font-size:13px}
.rp-sw{display:flex;gap:6px;flex-wrap:wrap;align-items:center}
.rp-sw i{width:24px;height:24px;border-radius:6px;border:1px solid rgba(255,255,255,.14)}
.app.day .rp-sw i{border-color:rgba(0,0,0,.12)}
.rp-cc{display:flex;align-items:center;gap:10px;background:var(--hi);border:1px solid var(--line);border-radius:10px;padding:8px 10px;color:var(--text);text-decoration:none;min-width:0}
.rp-cc b{width:34px;height:34px;border-radius:50%;flex:none}
.rp-cc img{height:40px;max-width:72px;border-radius:6px;object-fit:cover;flex:none}
.rp-cc em{font-style:normal;display:grid;gap:2px;min-width:0}
.rp-cc em small{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:12.5px}
.rp-cc em small:first-child{font-weight:600;font-size:13px}
.rp-vids{display:flex;gap:8px;flex-wrap:wrap}
.rp-vids a{font-size:12.5px;font-weight:600;color:var(--text);background:var(--hi);border:1px solid var(--line);border-radius:8px;padding:5px 9px;text-decoration:none}
.rp-vids a:hover{border-color:var(--accent)}
@media (max-width:560px){.rp-row{grid-template-columns:104px minmax(0,1fr)}}

/* Brand color field */
.cp{display:flex;flex-direction:column;gap:8px;position:relative}
.cp-row{display:flex;gap:8px;align-items:center;flex-wrap:wrap}
.cp-well{width:44px;height:44px;border-radius:12px;border:1px solid var(--line2);background:var(--c);cursor:pointer;flex:none;box-shadow:inset 0 0 0 3px var(--field)}
.cp-hex{flex:1;min-width:120px;font-family:'JetBrains Mono',monospace;text-transform:uppercase}
.cp-pop{display:flex;flex-direction:column;gap:10px;padding:12px;border:1px solid var(--line2);border-radius:14px;background:var(--hi);max-width:320px}
.cp-sv{position:relative;height:150px;border-radius:10px;cursor:crosshair;touch-action:none;background:linear-gradient(to top,#000,transparent),linear-gradient(to right,#fff,transparent),var(--h,#f0a020)}
.cp-sv i{position:absolute;width:16px;height:16px;margin:-8px 0 0 -8px;border-radius:50%;border:2px solid #fff;box-shadow:0 0 0 1px rgba(0,0,0,.4);pointer-events:none}
.cp-hue{-webkit-appearance:none;appearance:none;width:100%;height:12px;border-radius:999px;padding:0;border:0;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.cp-hue::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:#fff;border:2px solid #222;cursor:pointer}
.cp-hue::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:#fff;border:2px solid #222;cursor:pointer}
.cp-chips{display:flex;gap:8px;flex-wrap:wrap}
.cp-chips:empty{display:none}
.cp-chip{display:inline-flex;align-items:center;gap:8px;padding:5px 6px 5px 6px;border:1px solid var(--line2);border-radius:999px;font:500 12.5px 'JetBrains Mono',monospace;background:var(--field)}
.cp-chip i{width:22px;height:22px;border-radius:50%;border:1px solid rgba(255,255,255,.18)}
.cp-chip i.none{background:repeating-linear-gradient(45deg,var(--line2) 0 3px,transparent 3px 6px)}
.cp-chip button{border:0;background:transparent;color:var(--muted);font-size:16px;line-height:1;cursor:pointer;padding:0 4px}
.cp-chip button:hover{color:var(--text)}
.cp input.cp-hex{font-family:'JetBrains Mono',monospace;width:auto}
.cp input.cp-hue{min-height:0;height:12px;padding:0;border:0;border-radius:999px;background:linear-gradient(90deg,#f00,#ff0,#0f0,#0ff,#00f,#f0f,#f00)}
.vneed{display:flex;gap:8px;flex-wrap:wrap}
.tag.ok{background:var(--okbg);color:var(--okfg)}
.ub-video{width:100%;max-height:60vh;border-radius:14px;background:#000}
.pill-opt input:focus-visible + span{outline:2px solid var(--accent);outline-offset:2px}
.ai-list{margin:0;padding-left:18px;display:grid;gap:4px}
/* Number stepper (AI clips) */
.stepper{display:flex;align-items:center;gap:8px;max-width:220px}
.stepper input{text-align:center;font:600 18px Sora,sans-serif;-moz-appearance:textfield;appearance:textfield}
.stepper input::-webkit-outer-spin-button,.stepper input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.step-btn{flex:none;width:44px;height:44px;border-radius:50%;border:1px solid var(--line2);background:var(--field);color:var(--text);font:500 22px/1 Figtree,sans-serif;display:grid;place-items:center;cursor:pointer;transition:border-color .15s,background .15s}
.step-btn:hover:not(:disabled){border-color:var(--accent);background:var(--soft)}
.step-btn:active:not(:disabled){background:var(--accent);color:#fff}
.step-btn:disabled{opacity:.35;cursor:default}
/* No browser spin arrows anywhere; counts use the stepper instead */
input[type=number]{-moz-appearance:textfield;appearance:textfield}
input[type=number]::-webkit-outer-spin-button,input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}
.money-in{position:relative;display:inline-flex;align-items:center;width:130px}
.money-in > span{position:absolute;left:14px;color:var(--muted);pointer-events:none}
.money-in input[type=number]{padding-left:28px}
/* Chat: the sender's name stands out; the time stays quiet */
.msg .who{font:700 14.5px/1.3 Figtree,sans-serif;color:var(--text);letter-spacing:.1px}
.msg.mine .who{color:#fff}
.msg .who small{font-size:11.5px;font-weight:400;color:var(--bub-sub)}
.msg.mine .who small{color:var(--mine-sub)}
/* Needs your Attention colors: red overdue, yellow send-backs/revisions, green new assignment */
.app{--red:#f05252;--red-bg:rgba(240,82,82,.10);--red-tag:rgba(240,82,82,.20);--red-fg:#ff9b9b;
  --yel:#f5b83d;--yel-bg:rgba(245,184,61,.09);--yel-tag:rgba(245,184,61,.20);--yel-fg:#ffd27a;
  --grn:#34c77b;--grn-bg:rgba(52,199,123,.09);--grn-tag:rgba(52,199,123,.20);--grn-fg:#7ee2ad}
.app.day{--red:#d93636;--red-bg:#fff1f1;--red-tag:#ffdcdc;--red-fg:#a51f1f;
  --yel:#d99a14;--yel-bg:#fff8e8;--yel-tag:#ffecc0;--yel-fg:#8a5d00;
  --grn:#1f9d5c;--grn-bg:#ecfaf2;--grn-tag:#cdf2dd;--grn-fg:#14683d}
.card.att-red{background:var(--red-bg);border-color:var(--red)}
.card.att-red .tag{background:var(--red-tag);color:var(--red-fg)}
.card.att-red .btn:not(.ghost){background:var(--red);color:#fff}
.card.att-yellow{background:var(--yel-bg);border-color:var(--yel)}
.card.att-yellow .tag{background:var(--yel-tag);color:var(--yel-fg)}
.card.att-yellow .btn:not(.ghost){background:var(--yel);color:#1a1405}
.card.att-green{background:var(--grn-bg);border-color:var(--grn)}
.card.att-green .tag{background:var(--grn-tag);color:var(--grn-fg)}
.card.att-green .btn:not(.ghost){background:var(--grn);color:#04150c}
.app.day .card.att-green .btn:not(.ghost){color:#fff}
/* Brand colors with their codes; tap to copy */
.rp-sw{gap:8px}
.rp-color{display:inline-flex;align-items:center;gap:8px;padding:4px 10px 4px 4px;border-radius:999px;border:1px solid var(--line);background:var(--hi);color:var(--text);cursor:pointer;font:inherit}
.rp-color:hover{border-color:var(--accent)}
.rp-color i{width:24px;height:24px;border-radius:50%;border:1px solid rgba(255,255,255,.14);flex:none}
.app.day .rp-color i{border-color:rgba(0,0,0,.12)}
.rp-color i.none{background:repeating-linear-gradient(45deg,var(--line2) 0 3px,transparent 3px 6px)}
.rp-color code{font:500 12.5px 'JetBrains Mono',monospace}
.rp-color small{color:var(--muted);font-size:12px}
.rp-color.copied{border-color:var(--ok)}
.rp-color.copied code::after{content:' copied';color:var(--ok);font-family:Figtree,sans-serif}
.btn.danger{background:var(--red);color:#fff}
/* Menu groups */
.menu-grp summary{display:flex;align-items:center;justify-content:space-between;gap:10px;min-height:44px;padding:0 14px;border-radius:12px;color:var(--text);font:15px Figtree,sans-serif;cursor:pointer;list-style:none}
.menu-grp summary::-webkit-details-marker{display:none}
.menu-grp summary:hover{background:var(--soft)}
.menu-grp .grp-end{display:inline-flex;align-items:center;gap:8px}
.menu-grp .chev{color:var(--muted);transition:transform .2s}
.menu-grp[open] .chev{transform:rotate(180deg)}
.menu-grp[open] .grp-end .badge{display:none}
.menu a.sub{padding-left:28px;font-size:14.5px;color:var(--muted)}
.menu a.sub.on,.menu a.sub:hover{color:var(--text)}
.menu .menu-grp > summary{display:flex;list-style:none;text-align:left;justify-content:space-between;width:100%}
.menu .menu-grp > summary::marker{content:''}
.menu .menu-grp > summary::before{content:none}
.menu .menu-grp[open] > summary{margin-bottom:0;padding:0 14px}
.menu .menu-grp > summary{padding:0 14px}
/* Phones: tables become stacked cards (no sideways scrolling) */
@media (max-width:700px){
  .tbl{overflow:visible}
  .tbl table{min-width:0}
  .tbl thead{display:none}
  .tbl tbody,.tbl tr,.tbl td{display:block}
  .tbl tr{padding:14px 16px;border-bottom:1px solid var(--line)}
  .tbl tr:last-child{border-bottom:0}
  .tbl td{padding:0;border:0}
  .tbl td + td{margin-top:10px}
  .tbl td[data-label]::before{content:attr(data-label);display:block;font:500 10.5px 'JetBrains Mono',monospace;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted);margin-bottom:4px}
  .tbl td:empty{display:none}
  .tbl .stage{flex-wrap:wrap}
  .tbl .stage .trk{flex:1 1 140px}
  .tbl td .btn{width:100%}
  .tbl td form.inline{display:flex;gap:8px;flex-wrap:wrap}
  .tbl td form.inline select{flex:1}
}
/* Lenz Editz video player */
.vp-play{position:absolute;left:50%;top:50%;width:76px;height:76px;margin:-38px 0 0 -38px;border:0;border-radius:50%;cursor:pointer;display:grid;place-items:center;color:#fff;z-index:3;
  background:linear-gradient(135deg,#4fb8d4,#7c64f6);box-shadow:0 14px 40px -10px rgba(107,207,230,.7),0 0 0 8px rgba(255,255,255,.08);transition:transform .2s,box-shadow .2s,opacity .2s}
.vp-play::before{content:"";position:absolute;inset:-8px;border-radius:50%;border:2px solid rgba(107,207,230,.55);animation:vppulse 2.2s ease-out infinite}
.vp-play svg{width:30px;height:30px;margin-left:4px;filter:drop-shadow(0 2px 4px rgba(0,0,0,.25))}
.vp-play:hover{transform:scale(1.07)}
.vp-play:focus-visible{outline:3px solid #6bd9e9;outline-offset:4px}
@keyframes vppulse{0%{transform:scale(1);opacity:.9}100%{transform:scale(1.45);opacity:0}}
@media (prefers-reduced-motion:reduce){.vp-play::before{animation:none}}
.vp-playing .vp-play{opacity:0;pointer-events:none}
.rv-stage.inking .vp-play,.rv-stage.inking .vp-bar{display:none}
.vp-bar{position:absolute;left:0;right:0;bottom:0;z-index:3;display:flex;align-items:center;gap:8px;padding:28px 10px 8px;
  background:linear-gradient(to top,rgba(6,5,16,.75),rgba(6,5,16,0));color:#fff;transition:opacity .3s}
.vp-playing:not(.vp-awake) .vp-bar{opacity:0;pointer-events:none}
.vp-btn{flex:none;width:34px;height:34px;border:0;border-radius:50%;background:rgba(255,255,255,.12);color:#fff;display:grid;place-items:center;cursor:pointer;padding:0}
.vp-btn:hover{background:rgba(255,255,255,.22)}
.vp-btn svg{width:18px;height:18px}
.vp-time{flex:none;font:500 11.5px 'JetBrains Mono',monospace;color:rgba(255,255,255,.9);white-space:nowrap}
.rv-stage input.vp-seek{flex:1;min-width:40px;min-height:0;height:4px;padding:0;border:0;border-radius:999px;-webkit-appearance:none;appearance:none;cursor:pointer;
  background:linear-gradient(90deg,#6692f7,#6bd9e9 var(--p,0%),rgba(255,255,255,.25) var(--p,0%))}
.vp-seek::-webkit-slider-thumb{-webkit-appearance:none;width:14px;height:14px;border-radius:50%;background:#fff;box-shadow:0 0 0 3px rgba(124,100,246,.5)}
.vp-seek::-moz-range-thumb{width:14px;height:14px;border:0;border-radius:50%;background:#fff}
.rv-stage:fullscreen{border-radius:0;width:100%;max-width:none;aspect-ratio:auto}
.rv-stage:fullscreen video{object-fit:contain}
@media (max-width:420px){.vp-time{font-size:10.5px}.vp-btn{width:30px;height:30px}}
/* Change and revision forms: room between the box and the buttons */
.changes{display:flex;flex-direction:column;gap:12px}
.changes .row{gap:10px;flex-wrap:wrap}
.decide{display:flex;flex-direction:column;gap:12px;margin-top:4px}
.rv-stage{touch-action:manipulation;-webkit-tap-highlight-color:transparent}
.vp-play,.vp-btn{touch-action:manipulation}
/* People's names stand out wherever they appear */
.who-name,.muted b,small b,.kv dd b{font-weight:700;color:var(--text)}
/* Phones: long notes fold */
.pre.fold{display:-webkit-box;-webkit-line-clamp:4;-webkit-box-orient:vertical;overflow:hidden}
.pre.fold.open{display:block;-webkit-line-clamp:unset}
.fold-btn{display:block;margin-top:6px;padding:0;border:0;background:none;color:var(--link);font:600 13.5px Figtree,sans-serif;cursor:pointer}
.kv > .fold-btn{grid-column:2;margin-top:-6px}
.fold-btn{justify-self:start;text-align:left}
/* Phones: when you can comment, the video shrinks so the tools stay on screen with it */
@media (max-width:700px){
  .review[data-can-comment]{scroll-margin-top:76px}
  .rv-tools .row{gap:6px}
  .rv-tools .btn.sm{min-height:36px;padding:0 12px}
  .rv-time{min-height:36px}
}
/* One frame: video on top, tools docked underneath */
.rv-frame{display:flex;flex-direction:column;border-radius:18px;overflow:hidden;background:#07060f;border:1px solid var(--line);width:100%;scroll-margin-top:76px}
.app.day .rv-frame{background:#0e0d1c}
.rv-frame.tall{width:min(100%,max(240px,calc((100svh - 250px) * .5625)));margin-inline:auto}
.rv-frame .rv-stage,.rv-frame .rv-stage.tall{width:100%;border-radius:0;margin:0}
.rv-stage{container-type:inline-size}
.rv-frame .rv-marks{margin:8px 14px 2px}
.rv-frame .rv-tools{padding:8px 10px 10px;color:#f7f6fe}
.rv-frame .rv-form{gap:8px}
.rv-dock-row{flex-wrap:nowrap;overflow-x:auto;gap:6px;scrollbar-width:none;padding-bottom:2px}
.rv-dock-row::-webkit-scrollbar{display:none}
.rv-dock-row > *{flex:none}
.rv-frame .rv-time{min-height:34px;padding:0 12px;font-size:12.5px}
.rv-frame .rv-tools .btn.sm{min-height:34px;padding:0 13px;font-size:13px;color:#f7f6fe;border-color:rgba(255,255,255,.22)}
.rv-frame .rv-tool{padding:6px 9px;color:#f7f6fe;border-color:rgba(255,255,255,.22)}
.rv-compose{display:flex;gap:8px;align-items:flex-end}
.rv-frame .rv-compose textarea{flex:1;min-height:40px;max-height:110px;resize:none;padding:9px 12px;border-radius:20px;line-height:1.35;background:rgba(255,255,255,.06);border-color:rgba(255,255,255,.18);color:#f7f6fe}
.rv-compose .btn{flex:none;min-height:40px}
.rv-msg:empty{display:none}
.rv-frame .rv-msg{font-size:12.5px;color:rgba(255,255,255,.7)}
/* Narrow players: drop the time readout so the bar's buttons fit */
@container (max-width:300px){.vp-time{display:none}.vp-bar{gap:6px;padding-inline:8px}}
@media (max-width:700px){
  .review[data-can-comment] .rv-frame.tall{width:min(100%,max(220px,calc((100svh - 230px) * .5625)))}
  .review[data-can-comment] .rv-stage.tall{width:100%}
  .rv-frame .rv-tool span{display:none}
}
.rv-dock-row{flex-wrap:wrap;overflow:visible}
.rv-frame .rv-compose textarea{white-space:pre-wrap}
.rv-frame .rv-compose textarea::placeholder{white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.rv-frame .rv-marks{margin:6px 14px 0}
.rv-frame .rv-tools{padding:6px 10px 10px}
.rv-frame .rv-tool{padding:6px 8px}
.rv-frame .rv-color{width:24px;height:24px}
.rv-dock-row .rv-tools-set{order:5}
.rv-dock-row .rv-colors{order:6}
/* Phones: drawing toolbar on the video */
.rv-rail{position:absolute;top:8px;right:8px;z-index:4;display:none;flex-direction:column;align-items:center;gap:6px;padding:6px;border-radius:16px;background:rgba(7,6,15,.62);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}
.rv-stage.inking .rv-rail{display:flex}
.rv-rail .rv-tools-set,.rv-rail .rv-colors{display:flex;flex-direction:column;gap:6px}
.rv-rail .rv-tools-set[hidden],.rv-rail .rv-colors[hidden]{display:none}
.rv-rail .rv-tool,.rv-rail .btn.sm{width:36px;height:36px;min-height:36px;padding:0;justify-content:center;border-radius:50%;color:#fff;border:1px solid rgba(255,255,255,.25);background:transparent}
.rv-rail .rv-tool.on{background:#7c64f6;border-color:#7c64f6}
.rv-rail .rv-color{width:24px;height:24px}
.rv-rail .btn.sm[hidden]{display:none}
.rv-rail .rv-tool span{display:none}
/* Roomy spots: tall videos sit beside their comments. Decided by the space the player actually has (not
   the window), so a narrow column like the QC page's keeps the comments underneath. */
*:has(> .review){container-type:inline-size}
@container (min-width:640px){
  .review:has(.rv-frame.tall){display:grid;grid-template-columns:auto minmax(0,1fr);grid-template-rows:auto 1fr;align-items:start;gap:12px 20px}
  .review:has(.rv-frame.tall) .rv-frame{grid-row:1 / span 2;width:clamp(260px,calc((100vh - 360px) * .5625),420px)}
  .review:has(.rv-frame.tall) .rv-list,.review:has(.rv-frame.tall) [data-rv-empty]{grid-column:2}
  .review:has(.rv-frame.tall) [data-rv-empty]{grid-row:1}
}
/* Frame v3: video fully visible with rounded corners; tools only in the dock below */
.rv-rail{display:none!important}
.rv-frame{padding:6px 6px 0}
.rv-frame .rv-stage,.rv-frame .rv-stage.tall{border-radius:13px;overflow:hidden}
.rv-dock-draw{display:none;flex-wrap:nowrap;overflow-x:auto;gap:6px;align-items:center;scrollbar-width:none;padding-bottom:2px}
.rv-dock-draw::-webkit-scrollbar{display:none}
.rv-frame:has(.rv-stage.inking) .rv-dock-draw{display:flex}
.rv-dock-draw > *{flex:none}
.rv-dock-draw .rv-tools-set,.rv-dock-draw .rv-colors{display:inline-flex;gap:5px;flex-wrap:nowrap}
.rv-dock-draw .rv-tools-set[hidden],.rv-dock-draw .rv-colors[hidden],.rv-dock-draw .btn[hidden]{display:none}
.rv-dock-draw .rv-tool,.rv-dock-draw .btn.sm{width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border-radius:50%;color:#f7f6fe;border:1px solid rgba(255,255,255,.22);background:transparent}
.rv-dock-draw .rv-tool span{display:none}
.rv-dock-draw .rv-tool.on{background:#7c64f6;border-color:#7c64f6}
.rv-dock-draw .rv-colors{padding:0 4px;border-left:1px solid rgba(255,255,255,.15);border-right:1px solid rgba(255,255,255,.15)}
.rv-dock-draw .rv-color{width:24px;height:24px}
.rv-dock-row .btn.sm[data-rv-undo],.rv-dock-row .btn.sm[data-rv-clear]{width:34px;height:34px;min-height:34px;padding:0;justify-content:center;border-radius:50%}
@media (max-width:700px){.rv-dock-draw .rv-color:not(.on){display:none}.rv-dock-draw .rv-colors{border-right:0}}
/* Phones: the frame spans the card; the video sits centered in it with the dock full width below */
@media (max-width:700px){
  .review[data-can-comment] .rv-frame.tall{width:100%}
  .review[data-can-comment] .rv-frame .rv-stage.tall{width:min(100%,max(200px,calc((100svh - 250px) * .5625)));margin-inline:auto}
  .rv-dock-draw .rv-color:not(.on){display:inline-block}
  .rv-dock-draw .rv-colors{border-right:1px solid rgba(255,255,255,.15)}
}
.rv-dock-draw{gap:5px}
/* Daylight: the review frame and its dock follow the light theme */
.app.day .rv-frame{background:var(--hi);border-color:var(--line2)}
.app.day .rv-frame .rv-tools{color:var(--text)}
.app.day .rv-frame .rv-tools .btn.ghost,.app.day .rv-frame .rv-tool,.app.day .rv-dock-draw .rv-tool{color:var(--text);border-color:var(--line2);background:var(--card)}
.app.day .rv-dock-draw .rv-tool.on{background:var(--accent);border-color:var(--accent);color:#fff}
.app.day .rv-frame .rv-compose textarea{background:var(--field);border-color:var(--line2);color:var(--text)}
.app.day .rv-dock-draw .rv-colors{border-color:var(--line2)}
.app.day .rv-frame .rv-msg{color:var(--muted)}
/* Review frame border: thicker, in the Lenz Editz brand gradient */
.rv-frame{border:2.5px solid transparent;background:linear-gradient(#07060f,#07060f) padding-box,linear-gradient(135deg,#6692f7,#6bd9e9,#b46ec5,#7c64f6) border-box}
.app.day .rv-frame{border-color:transparent;background:linear-gradient(var(--hi),var(--hi)) padding-box,linear-gradient(135deg,#6692f7,#6bd9e9,#b46ec5,#7c64f6) border-box}
/* Drawing outline in the same brand gradient as the frame */
.rv-stage.inking .rv-ink{box-shadow:none}
.rv-stage.inking::after{content:"";position:absolute;inset:0;z-index:2;border-radius:inherit;padding:3px;pointer-events:none;
  background:linear-gradient(135deg,#6692f7,#6bd9e9,#b46ec5,#7c64f6);
  -webkit-mask:linear-gradient(#000 0 0) content-box,linear-gradient(#000 0 0);-webkit-mask-composite:xor;mask-composite:exclude}
/* Breathing room between the frame's border and the video */
.rv-frame{padding:10px 10px 0}
.rv-frame:not(:has(.rv-tools)){padding-bottom:10px}
.rv-frame .player{display:flex}
.rv-frame .player-wait{position:absolute;inset:0;display:flex;align-items:center;justify-content:center}
/* Phones: 16px text in every box so iPhone doesn't zoom the page when you tap to type */
@media (max-width:700px){
  input:not([type=checkbox]):not([type=radio]):not([type=range]),select,textarea,.rv-frame .rv-compose textarea{font-size:16px}
}
html,body{overflow-x:hidden}
/* Fold-out cards (View Brief) */
.fold-card > summary{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0;margin:0;list-style:none;cursor:pointer}
.fold-card > summary::before{content:none}
.fold-card > summary::-webkit-details-marker{display:none}
.fold-card > summary h2{display:block}
.fold-card .chev{color:var(--muted);transition:transform .2s;flex:none}
.fold-card[open] .chev{transform:rotate(180deg)}
.fold-card[open] > summary{margin-bottom:4px}
/* Fold-out card arrow as a round button */
.fold-card .chev{box-sizing:content-box;width:18px;height:18px;padding:8px;border-radius:50%;border:1px solid var(--line2);background:var(--hi);color:var(--text);transition:transform .2s,background .2s,border-color .2s}
.fold-card > summary:hover .chev{border-color:var(--accent)}
.fold-card[open] .chev{background:linear-gradient(135deg,#6692f7,#7c64f6);border-color:transparent;color:#fff}
/* Smaller comment markers on the timeline */
.rv-mark{top:-1px;width:11px;height:11px;margin-left:-5.5px;box-shadow:0 0 0 2px rgba(7,6,15,.6)}
.rv-frame .rv-marks{height:10px}
.rv-frame .rv-marks{margin:8px auto 0;align-self:center}
/* Read receipts */
.receipt{align-self:flex-end;margin:-4px 4px 2px 0;font-size:11.5px;color:var(--muted);list-style:none}
/* Delete a review comment */
.rv-list li{position:relative}
.rv-del{position:absolute;top:8px;right:8px;z-index:1;width:30px;height:30px;border-radius:50%;border:1px solid var(--line2);background:var(--card);color:var(--muted);display:grid;place-items:center;cursor:pointer;padding:0}
.rv-del:hover{color:var(--text);border-color:var(--accent)}
.rv-del.sure{background:var(--red);border-color:var(--red);color:#fff}
.rv-list li:has(.rv-del) .rv-item{padding-right:46px}
.dlg-sm{width:min(380px,calc(100vw - 32px))}
.dlg-sm .row{gap:10px}
.dlg-sm .btn{flex:1}
/* Revision checklist */
.chk-bar{display:flex;align-items:center;gap:12px;font:600 13px Figtree,sans-serif}
.chk-track{flex:1;height:6px;border-radius:999px;background:var(--line);overflow:hidden}
.chk-track b{display:block;height:100%;background:linear-gradient(90deg,#6692f7,#6bd9e9,#b46ec5);transition:width .25s}
.rv-check{flex:none;width:28px;height:28px;border-radius:50%;border:2px solid var(--line2);background:transparent;color:transparent;display:grid;place-items:center;cursor:pointer;padding:0;transition:background .15s,border-color .15s}
.rv-check.on,.chk-note.on .rv-check{background:var(--grn);border-color:var(--grn);color:#fff}
.rv-list li:has(.rv-check){display:flex;align-items:flex-start;gap:10px}
.rv-list li:has(.rv-check) > .rv-check{margin-top:10px}
.rv-list li:has(.rv-check) .rv-item{flex:1}
.rv-list li:has(.rv-check.on) .rv-item{opacity:.6}
.rv-list li:has(.rv-check.on) .rv-item .pre{text-decoration:line-through}
.chk-note{display:flex;align-items:flex-start;gap:10px;width:100%;text-align:left;padding:10px 12px;border-radius:12px;border:1px solid var(--line);background:var(--card);color:var(--text);font:inherit;cursor:pointer}
.chk-note.on .pre{text-decoration:line-through;opacity:.6}
[data-upload-go][disabled]{opacity:.45;cursor:not-allowed}

/* Billing */
.fund-opts{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}
.fund-opts .bonus{color:var(--ok,#3ecf8e);font-weight:600}
.tbl td.pos{color:var(--ok,#3ecf8e)}
@media (max-width:820px){.split.bill .side{order:-1;width:100%}}
.ins-head{display:flex;flex-direction:column;align-items:flex-start;gap:6px}
.ai-file{display:flex;flex-direction:column;gap:6px;padding-top:10px;border-top:1px solid var(--line)}
.ai-file ul{margin:0;padding-left:0;list-style:none;display:flex;flex-direction:column;gap:4px}
.sev{display:inline-block;width:8px;height:8px;border-radius:999px;margin-right:6px;background:var(--muted)}
.sev-high{background:#ff6b6b}.sev-medium{background:#ffb347}
.ai-texts summary{cursor:pointer;color:var(--link);font-size:14px}
.fold-card > .rp-card + .kv{margin-top:8px}
/* Reports */
.stat-tiles{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}
.stat-tiles .stat{gap:4px}.stat-tiles .big{font-size:30px}
.bars{display:flex;align-items:flex-end;gap:8px;height:190px;padding-top:8px}
.bar-col{flex:1;min-width:0;height:100%;display:flex;flex-direction:column;justify-content:flex-end;align-items:center;gap:4px;cursor:default}
.bar-col .bar{display:block;width:min(100%,44px);min-height:2px;border-radius:4px 4px 0 0;background:var(--accent);opacity:.55}
.bar-col .bar.now{opacity:1}
.bar-col:hover .bar{opacity:1}
.bar-col small{font-size:11px;color:var(--muted);white-space:nowrap}
.bar-val{font-size:12px;font-weight:600;min-height:15px}
.bad{color:var(--efg)}

/* AI Check send-back items */
.ai-items{display:flex;flex-direction:column;gap:8px}
.ai-item{display:flex;flex-direction:column;gap:4px}
.ai-item .pre small{display:block;margin-top:4px;text-decoration:none}
.ai-dismiss{margin-left:50px}
.ai-dismiss summary{cursor:pointer;color:var(--muted);font-size:14px;list-style:none}
.ai-dismiss summary::-webkit-details-marker{display:none}
.ai-dismiss summary::before{content:'\2715  '}
.ai-dismiss[open] summary{margin-bottom:8px}
.ai-dismiss form{display:flex;flex-direction:column;gap:8px;align-items:flex-start}
.chk-note:disabled{cursor:default}
.auto-kinds{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:8px}
.ak-item{position:relative;border:1px solid var(--line);border-radius:12px;padding:0}
.ak-check{display:flex;gap:10px;align-items:center;font-size:14px;padding:12px 56px 12px 14px;cursor:pointer}
.ak-check input{width:20px;height:20px;margin:0;flex-shrink:0;accent-color:var(--accent)}
.ak-info > summary{position:absolute;top:6px;right:8px;list-style:none;cursor:pointer;display:grid;place-items:center;width:32px;height:32px;padding:0;margin:0;border-radius:50%;color:var(--muted)}
.ak-info > summary::before{content:none}
.ak-info[open] > summary{margin:0}
.ak-info summary::-webkit-details-marker{display:none}
.ak-info summary:hover{background:var(--hi)}
.ak-info .chev{transition:transform .2s}
.ak-info[open] .chev{transform:rotate(180deg)}
.ak-info p{margin:0;padding:0 14px 12px 44px;font-size:13.5px;line-height:1.45}
.clean-list{display:flex;flex-direction:column;gap:8px;max-height:60svh;overflow:auto;padding:2px}
.clean-list .addon span small{display:block}
.warn-text{display:block;color:var(--s-rv);font-size:12.5px;margin-top:2px}
.sel-all{padding:6px 10px}
.setup-row{display:flex;gap:10px;align-items:flex-start}
.setup-row small{display:block}
.adj-opts .opt{flex:1;padding:12px 14px;min-width:120px}