.tl{--tl-bg: var(--color-bg-primary, #ffffff);--tl-paper: var(--color-bg-surface, var(--color-bg-secondary, #f7f7f5));--tl-paper-2: var(--color-bg-tertiary, #ecebe7);--tl-field: var(--color-bg-primary, #ffffff);--tl-ink: var(--color-text-primary, #1a1a1a);--tl-copy: var(--color-text-secondary, #3a3a3a);--tl-muted: var(--color-text-tertiary, #6a6a6a);--tl-accent: var(--color-accent-primary, var(--color-accent, #c0392b));--tl-on-accent: #ffffff;--tl-accent-text: var(--tl-accent);--tl-highlight: var(--color-accent-muted, #f1e3a0);--tl-focus: var(--color-border-focus, #2a7fff);--tl-good: var(--color-status-success, #2f8f5b);--tl-warn: var(--color-status-warning, #b7791f);--tl-bad: var(--color-status-danger, #b8221a);--tl-stage-bg: linear-gradient(#2c3135, #3c444a);--tl-stage-ink: #f2f2f0;--tl-border-w: 1px;--tl-border: var(--tl-border-w) solid var(--color-border, #d0d0cc);--tl-shadow: 0 1px 3px rgb(0 0 0 / .08);--tl-shadow-sm: none;--tl-radius: 10px;--tl-font-display: var(--font-heading, var(--font-sans, system-ui, -apple-system, "Segoe UI", sans-serif));--tl-font-body: var(--font-body, var(--font-sans, system-ui, -apple-system, "Segoe UI", sans-serif));--tl-font-mono: ui-monospace, "SFMono-Regular", Menlo, monospace;--tl-upper: none;color:var(--tl-ink);font-family:var(--tl-font-body)}.rebel-shell:where(.pk-theme) .tl{--tl-bg: var(--pk-cream);--tl-paper: #f5efdc;--tl-paper-2: var(--pk-cream-2);--tl-field: #fffaf0;--tl-ink: var(--pk-ink);--tl-copy: var(--pk-copy);--tl-muted: #665c45;--tl-accent: var(--pk-red);--tl-on-accent: var(--pk-cream);--tl-accent-text: var(--pk-red-deep);--tl-highlight: var(--pk-yellow);--tl-focus: var(--pk-cyan);--tl-stage-bg: linear-gradient(var(--pk-teal-1), var(--pk-teal-3));--tl-stage-ink: var(--pk-cream);--tl-border-w: var(--pk-border-w);--tl-border: var(--pk-border-w) solid var(--pk-ink);--tl-shadow: 6px 6px 0 var(--pk-ink);--tl-shadow-sm: 3px 3px 0 var(--pk-ink);--tl-radius: 0;--tl-font-display: var(--pk-font-display);--tl-font-body: var(--pk-font-body);--tl-font-mono: var(--pk-font-mono);--tl-upper: uppercase}.rugd-shell .tl{--tl-bg: var(--cream);--tl-paper: var(--cream);--tl-paper-2: color-mix(in srgb, var(--cream) 85%, var(--ink));--tl-field: var(--cream);--tl-ink: var(--ink);--tl-copy: var(--ink);--tl-muted: color-mix(in srgb, var(--ink) 65%, var(--cream));--tl-accent: var(--rust);--tl-on-accent: var(--cream);--tl-accent-text: var(--rust);--tl-highlight: var(--mustard);--tl-focus: var(--pink);--tl-stage-bg: linear-gradient(var(--teal-d), var(--teal));--tl-stage-ink: var(--cream);--tl-border-w: 2px;--tl-border: 2px solid var(--ink);--tl-shadow: 4px 4px 0 var(--ink);--tl-shadow-sm: 2px 2px 0 var(--ink);--tl-radius: 0;--tl-font-display: var(--disp);--tl-font-body: var(--disp);--tl-font-mono: var(--mono);--tl-upper: uppercase}.bronze-shell .tl{--tl-bg: var(--paper);--tl-paper: var(--paper);--tl-paper-2: var(--paper-2);--tl-field: var(--paper-2);--tl-ink: var(--ink);--tl-copy: var(--ink);--tl-muted: var(--muted);--tl-accent: var(--ochre);--tl-on-accent: var(--paper);--tl-accent-text: var(--ochre-ink);--tl-highlight: var(--amber);--tl-focus: var(--tech);--tl-stage-bg: linear-gradient(var(--slab), var(--slate));--tl-stage-ink: var(--on-slab);--tl-border-w: 2px;--tl-border: 2px solid var(--ink);--tl-shadow: 4px 4px 0 var(--ink);--tl-shadow-sm: 2px 2px 0 var(--ink);--tl-radius: 2px}.tl-page{padding:0 16px 48px;max-width:1480px;margin:0 auto}.tl-head{display:grid;grid-template-columns:1fr auto;gap:16px;align-items:end;margin:16px 0 18px}.tl-head h1{font:400 clamp(36px,6vw,72px) / .95 var(--tl-font-display);text-transform:var(--tl-upper);margin:0;text-wrap:balance}.tl-head h1 span{color:var(--tl-accent)}.tl-head p{margin:8px 0 0;max-width:60ch;color:var(--tl-copy)}.tl-stamp{font:700 12px / 1.3 var(--tl-font-mono);text-transform:uppercase;background:var(--tl-highlight);color:var(--tl-ink);border:var(--tl-border);box-shadow:var(--tl-shadow-sm);padding:10px 12px;transform:rotate(-3deg);max-width:220px}.tl-bench{display:grid;grid-template-columns:290px minmax(0,1fr) fit-content(320px);gap:18px;align-items:start}.tl-panel{background:var(--tl-paper);border:var(--tl-border);box-shadow:var(--tl-shadow);border-radius:var(--tl-radius);min-width:0}.tl-panel h2,.tl-panel h3{font:400 22px / 1 var(--tl-font-display);text-transform:var(--tl-upper);margin:0}.tl-pad{padding:14px;display:grid;gap:12px}.tl-label{font:700 11px var(--tl-font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--tl-muted)}.tl-note{font-size:13px;color:var(--tl-copy);margin:0}.tl-row{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.tl-empty{font:12px var(--tl-font-mono);color:var(--tl-muted);border:2px dashed var(--tl-muted);padding:10px;border-radius:var(--tl-radius)}.tl-divider{border:0;border-top:2px solid var(--tl-ink);margin:0;opacity:.8}.tl-inspector{display:grid;gap:18px}.tl :focus-visible{outline:3px solid var(--tl-focus);outline-offset:2px}:where(.tl) :where(button,select,input){font:inherit;color:var(--tl-ink)}.tl-btn{font:700 13px var(--tl-font-mono);text-transform:uppercase;letter-spacing:.06em;padding:10px 14px;cursor:pointer;border:var(--tl-border);border-radius:var(--tl-radius);background:var(--tl-bg);box-shadow:var(--tl-shadow-sm);transition:transform .12s ease,box-shadow .12s ease}.tl-btn:hover:not(:disabled){transform:translate(-1px,-1px)}.tl-btn:active:not(:disabled){transform:translate(2px,2px);box-shadow:none}.tl-btn:disabled{opacity:.45;cursor:not-allowed}.tl-btn.accent{background:var(--tl-accent);color:var(--tl-on-accent)}.tl-btn.ink{background:var(--tl-ink);color:var(--tl-highlight)}.tl-btn.highlight{background:var(--tl-highlight);color:var(--tl-ink)}.tl-btn.warn{color:var(--tl-warn);border-color:var(--tl-warn);background:var(--tl-bg)}.tl-btn.warn:hover:not(:disabled){background:var(--tl-warn);color:var(--tl-on-accent)}.tl-btn.sm{padding:6px 9px;font-size:11px}.tl-field{display:grid;gap:5px}.tl-field input[type=text],.tl-field select,.tl-input{border:2px solid var(--tl-ink);background:var(--tl-field);padding:8px 9px;width:100%;border-radius:var(--tl-radius)}.tl input[type=range]{width:100%;accent-color:var(--tl-accent)}.tl-tabs{display:grid;grid-template-columns:repeat(4,1fr);border-bottom:var(--tl-border)}.tl-tabs button{font:700 11px var(--tl-font-mono);text-transform:uppercase;letter-spacing:.06em;padding:11px 4px;background:var(--tl-paper-2);border:0;border-right:2px solid var(--tl-ink);cursor:pointer}.tl-tabs button:last-child{border-right:0}.tl-tabs button[aria-selected=true]{background:var(--tl-ink);color:var(--tl-highlight)}.tl-grid2{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.tl-grid3{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tl-tile{min-width:0;overflow-wrap:anywhere;border:2px solid var(--tl-ink);border-radius:var(--tl-radius);background:var(--tl-field);padding:6px;cursor:pointer;display:grid;gap:4px;text-align:center;font:700 10.5px var(--tl-font-mono);text-transform:uppercase;letter-spacing:.04em}.tl-tile:hover{background:var(--tl-highlight)}.tl-tile[aria-pressed=true]{background:var(--tl-ink);color:var(--tl-highlight)}.tl-tile img{width:100%;height:auto;aspect-ratio:1;display:block;object-fit:contain}.tl-swatches{display:flex;flex-wrap:wrap;gap:6px}.tl-sw{width:30px;height:30px;border:2px solid var(--tl-ink);cursor:pointer;padding:0;border-radius:var(--tl-radius)}.tl-sw[aria-pressed=true]{outline:3px solid var(--tl-accent);outline-offset:2px}.tl-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(130px,1fr));gap:12px}.tl-cards-3{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.tl-chip{font:700 11px var(--tl-font-mono);padding:4px 7px;border:2px solid var(--tl-ink);background:var(--tl-highlight);color:var(--tl-ink)}.tl-chip.good{background:var(--tl-good);color:#fff}.tl-chip.warn{background:var(--tl-highlight)}.tl-chip.bad{background:var(--tl-bad);color:#fff}@media(max-width:1180px){.tl-bench{grid-template-columns:260px minmax(0,1fr)}.tl-inspector{grid-column:1 / -1;grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:780px){.tl-bench,.tl-inspector{grid-template-columns:1fr}.tl-stage-panel{order:-1;position:sticky;top:0;z-index:5}.tl-head{grid-template-columns:1fr}.tl-stamp{justify-self:start}}@media(prefers-reduced-motion:reduce){.tl *{transition:none!important}}