:root{--canvas:#fff;--surface:#f5f5f3;--ink:#181818;--muted:#686865;--hairline:#e4e4e0;--primary:#cf3d2a;--primary-ink:#fff;--good:#1f6b4a;--good-surface:#e8f2ec;--warn:#8a5a12;--warn-surface:#faf1e2;--danger:#a33b32;--danger-surface:#fbeceb;--radius:12px;--control-radius:8px;--font:Inter, ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--serif:"DM Serif Display", Georgia, "Times New Roman", serif}*{box-sizing:border-box}html,body{background:var(--canvas);color:var(--ink);font-family:var(--font);margin:0;padding:0;font-size:15px;line-height:1.5}a{color:inherit;text-decoration:none}a:hover{color:var(--primary)}h1,h2,h3{letter-spacing:-.02em;margin:0;font-weight:600}h1{font-size:30px}h2{font-size:19px}h3{font-size:15px}p{margin:0}.topbar{z-index:10;border-bottom:1px solid var(--hairline);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffffff0;justify-content:space-between;align-items:center;gap:24px;height:64px;padding:0 32px;display:flex;position:sticky;top:0}.wordmark{letter-spacing:.18em;font-size:13px;font-weight:700}.topbar nav{color:var(--muted);gap:20px;font-size:13px;display:flex}.container{max-width:1240px;margin:0 auto;padding:32px}.page-head{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:24px;display:flex}.eyebrow{letter-spacing:.14em;text-transform:uppercase;color:var(--muted);margin-bottom:6px;font-size:12px}.muted{color:var(--muted)}.small{font-size:12px}.grid2{grid-template-columns:minmax(0,1.35fr) minmax(300px,.65fr);align-items:start;gap:24px;display:grid}.stack{flex-direction:column;gap:16px;display:flex}.row{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.spread{justify-content:space-between;align-items:center;gap:12px;display:flex}.panel{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--surface);padding:20px}.panel.plain{background:var(--canvas)}.btn{border-radius:var(--control-radius);min-height:44px;font:inherit;cursor:pointer;background:var(--primary);color:var(--primary-ink);border:1px solid #0000;justify-content:center;align-items:center;padding:0 18px;font-weight:600;display:inline-flex}.btn:hover{filter:brightness(.95);color:var(--primary-ink)}.btn.secondary{background:var(--canvas);border-color:var(--ink);color:var(--ink)}.btn.ghost{border-color:var(--hairline);color:var(--ink);background:0 0}.btn:disabled{opacity:.45;cursor:not-allowed}.chip{letter-spacing:.02em;background:var(--surface);color:var(--muted);border:1px solid var(--hairline);white-space:nowrap;border-radius:999px;align-items:center;gap:6px;padding:3px 9px;font-size:11.5px;font-weight:600;display:inline-flex}.chip.good{background:var(--good-surface);color:var(--good);border-color:#0000}.chip.warn{background:var(--warn-surface);color:var(--warn);border-color:#0000}.chip.danger{background:var(--danger-surface);color:var(--danger);border-color:#0000}.list{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--canvas);overflow:hidden}.list-row{border-bottom:1px solid var(--hairline);grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:16px;padding:16px 20px;display:grid}.list-row:last-child{border-bottom:none}.list-row:hover{background:var(--surface)}.player{border-radius:var(--radius);border:1px solid var(--hairline);aspect-ratio:16/9;background:#111;position:relative;overflow:hidden}.player iframe{border:0;width:100%;height:100%;display:block}.player-bar{flex-wrap:wrap;align-items:center;gap:12px;padding:10px 0 0;display:flex}.scene-list{border:1px solid var(--hairline);border-radius:var(--radius);background:var(--canvas);flex-direction:column;gap:0;display:flex;overflow:hidden}.scene{border-bottom:1px solid var(--hairline);cursor:pointer;text-align:left;font:inherit;color:inherit;background:0 0;grid-template-columns:112px 24px minmax(0,1fr) auto;align-items:center;gap:16px;padding:12px 16px;display:grid}.scene:last-child{border-bottom:none}.scene:hover{background:var(--surface)}.scene img{object-fit:cover;border-radius:6px;width:112px;height:63px;display:block}.scene .index{color:var(--muted);font-variant-numeric:tabular-nums;font-size:12px}.scene .copy{text-overflow:ellipsis;font-weight:600;overflow:hidden}.scene .meta{color:var(--muted);font-size:12px}table.diff{border-collapse:collapse;width:100%;font-size:14px}table.diff th{text-align:left;letter-spacing:.1em;text-transform:uppercase;color:var(--muted);border-bottom:1px solid var(--hairline);padding:8px 10px;font-size:11px}table.diff td{border-bottom:1px solid var(--hairline);vertical-align:top;padding:12px 10px}.before{color:var(--muted);-webkit-text-decoration:line-through #00000040;text-decoration:line-through #00000040}.after{font-weight:600}label.field{color:var(--muted);flex-direction:column;gap:6px;font-size:12px;font-weight:600;display:flex}input,select,textarea{font:inherit;border-radius:var(--control-radius);border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);min-height:40px;padding:10px 12px;font-size:14px}textarea{resize:vertical;min-height:88px}.form-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}.form-grid .wide{grid-column:1/-1}.findings{flex-direction:column;gap:10px;display:flex}.finding{border-radius:var(--control-radius);background:var(--canvas);border:1px solid var(--hairline);grid-template-columns:82px minmax(0,1fr);gap:12px;padding:12px;font-size:13px;display:grid}.findings .finding.blocking{border-left:3px solid var(--danger)}.findings .finding.warning{border-left:3px solid var(--warn)}.swatches{flex-wrap:wrap;gap:10px;display:flex}.swatch{color:var(--muted);flex-direction:column;gap:6px;width:104px;font-size:11px;display:flex}.swatch .dot{border:1px solid var(--hairline);border-radius:8px;height:34px}.brand-preview{border-radius:var(--radius);border:1px solid var(--hairline);color:#fff;background:#1c2b39;flex-direction:column;justify-content:flex-end;gap:8px;min-height:200px;padding:32px;display:flex;overflow:hidden}.brand-preview .display{font-family:var(--serif);font-size:30px;line-height:1.1}.brand-preview .cta{letter-spacing:.08em;text-transform:uppercase;border-radius:6px;align-self:flex-start;padding:8px 14px;font-size:12px;font-weight:700}.kv{grid-template-columns:130px minmax(0,1fr);gap:8px 16px;font-size:13px;display:grid}.kv dt{color:var(--muted)}.kv dd{margin:0}.timeline{gap:4px;margin-top:8px;display:flex}.timeline span{background:var(--hairline);border-radius:3px;flex:1;height:6px}.timeline span.blocking{background:var(--danger)}.notice{border-radius:var(--control-radius);background:var(--warn-surface);color:var(--warn);border:1px solid #0000;padding:14px 16px;font-size:13px}.notice.danger{background:var(--danger-surface);color:var(--danger)}.notice.good{background:var(--good-surface);color:var(--good)}code{background:var(--surface);border-radius:4px;padding:2px 6px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:12px}@media (max-width:980px){.grid2,.form-grid{grid-template-columns:1fr}.container{padding:20px}}
