.tp-banner{z-index:500;color:#f3efe6;background:#0d0c0a;align-items:center;gap:10px;padding:10px 20px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:12px;line-height:1.5;display:flex;position:sticky;top:0}.tp-banner strong{color:#d84a1a}.tp-banner-dot{background:#d84a1a;border-radius:50%;flex-shrink:0;width:6px;height:6px;box-shadow:0 0 0 3px #d84a1a40}.tp-control{border-top:1px dashed var(--line-strong,#0d0c0a47);flex-wrap:wrap;align-items:center;gap:8px;margin-top:10px;padding-top:10px;display:flex}.tp-control-color .tp-color-input[type=color]{border:1px solid var(--line-strong,#0d0c0a47);cursor:pointer;background:0 0;border-radius:2px;width:36px;height:28px;padding:0}.tp-control-color .tp-color-input[type=text]{border:1px solid var(--line-strong,#0d0c0a47);border-radius:2px;width:160px;padding:4px 6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.tp-font-select{border:1px solid var(--line-strong,#0d0c0a47);background:var(--paper,#f3efe6);border-radius:2px;max-width:220px;padding:5px 6px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:11px}.tp-apply,.tp-reset{cursor:pointer;border-radius:2px;padding:5px 9px;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.tp-apply{color:#f3efe6;background:#0d0c0a;border:0}.tp-apply:hover{background:#d84a1a}.tp-reset{border:1px solid var(--line-strong,#0d0c0a47);color:inherit;background:0 0}.tp-reset:hover{color:#d84a1a;border-color:#d84a1a}.tp-slider{accent-color:#d84a1a;width:120px}.tp-control-scale{border-top:none;flex-direction:column;gap:2px;margin-top:4px;padding-top:0}.br-scale-btn{border:1px solid var(--line-strong,#0d0c0a47);width:20px;height:16px;color:inherit;cursor:pointer;background:0 0;border-radius:2px;padding:0;font-size:9px;line-height:1}.br-scale-btn:hover{color:#d84a1a;border-color:#d84a1a}.tp-status{color:var(--concrete,#8a8880);font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.tp-status.is-ok{color:#3f5c3a}.tp-status.is-err{color:#d84a1a}.tp-caution{color:#d84a1a;min-height:12px;margin:4px 0 0;font-family:IBM Plex Mono,ui-monospace,monospace;font-size:10px}.br-intro{max-width:60ch}.br-page-title{font-size:var(--t-h1);letter-spacing:-.02em;font-weight:500;line-height:1.1}.br-color-grid{gap:var(--s-4);grid-template-columns:repeat(auto-fill,minmax(200px,1fr));display:grid}.br-color-row{gap:var(--s-3);padding:var(--s-3);border:1px solid var(--line);border-radius:var(--r-1);display:grid}.br-swatch{border-radius:var(--r-1);border:1px solid var(--line);width:100%;height:56px}.br-swatch-meta{gap:2px;display:grid}.br-swatch-name{font-family:var(--type-mono);font-size:var(--t-mono-sm);color:var(--fg);margin:0;font-weight:500}.br-swatch-hex{font-family:var(--type-mono);font-size:var(--t-mono-xs);color:var(--muted);margin:0}.br-swatch-role{font-size:var(--t-mono-sm);color:var(--muted);margin:0;line-height:1.4}.br-type-faces{gap:var(--s-6);display:grid}.br-face{padding:var(--s-4);border-radius:var(--r-1);background:var(--ink);color:var(--paper)}.br-face-name{font-family:var(--type-mono);font-size:var(--t-mono-sm);text-transform:uppercase;letter-spacing:.08em;margin-bottom:var(--s-3);margin:0 0 var(--s-3) 0;color:var(--concrete)}.br-face-sample{margin:var(--s-3) 0}.br-face-note{font-family:var(--type-mono);font-size:var(--t-mono-sm);margin:var(--s-3) 0 0 0;color:var(--concrete)}.br-type-scale{align-items:baseline;gap:var(--s-5);flex-wrap:wrap;display:flex}.br-scale-item{align-items:center;gap:var(--s-2);display:flex}.br-scale-sample{line-height:1;display:inline-block}.br-motion-grid{gap:var(--s-5);margin-bottom:var(--s-6);grid-template-columns:repeat(auto-fit,minmax(260px,1fr));display:grid}.br-motion-demo{padding:var(--s-4);border-radius:var(--r-1);background:var(--ink-2);gap:var(--s-3);display:grid}.br-motion-label{font-family:var(--type-mono);font-size:var(--t-mono-sm);text-transform:uppercase;letter-spacing:.08em;color:var(--concrete);margin:0}.br-motion-card-demo{aspect-ratio:4/3;overflow:hidden}.br-motion-card-demo:hover img{animation:motion-hover var(--dur) var(--ease-out)}@keyframes motion-hover{0%{transform:scale(1)}to{transform:scale(1.035)}}.br-motion-slow-demo{aspect-ratio:4/3;overflow:hidden}.br-motion-slow-demo:hover img{animation:motion-slow-hover var(--dur-slow) var(--ease-out)}@keyframes motion-slow-hover{0%{transform:scale(1)}to{transform:scale(1.035)}}.br-motion-desc{font-size:var(--t-body);color:var(--muted);margin:0}.br-motion-curves{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(300px,1fr));display:grid}.br-easing{padding:var(--s-4);border:1px solid var(--line-on-ink);border-radius:var(--r-1)}.br-easing-label{font-family:var(--type-mono);font-size:var(--t-mono-sm);margin:0 0 var(--s-2) 0;color:var(--paper);font-weight:500}.br-easing-value{font-family:var(--type-mono);font-size:var(--t-mono-xs);margin:0 0 var(--s-2) 0;color:var(--concrete);word-break:break-all}.br-easing-use{font-size:var(--t-body);color:var(--muted);margin:0}.br-component-group{margin-bottom:var(--s-7)}.br-component-title{font-size:var(--t-h4);margin-bottom:var(--s-3);letter-spacing:-.02em;font-weight:600}.br-component-fixture{padding:var(--s-5);border:1px solid var(--line);border-radius:var(--r-1);background:var(--paper-2);gap:var(--s-4);display:grid}.br-wordmark-sizes{gap:var(--s-5);flex-wrap:wrap;align-items:center;display:flex}.br-gate{border:2px dashed var(--rebar);border-radius:var(--r-1);background:color-mix(in oklab, var(--rebar) 6%, var(--paper-2));padding:var(--s-5);margin-bottom:var(--s-6);gap:var(--s-4);display:grid}.br-gate-head{align-items:center;display:flex}.br-gate-badge{font-family:var(--type-mono);font-size:var(--t-label);letter-spacing:.06em;text-transform:uppercase;color:var(--rebar);background:color-mix(in oklab, var(--rebar) 14%, transparent);border-radius:var(--r-max);padding:.4em .8em;font-weight:600}.br-gate-body{font-size:var(--t-body);color:var(--fg);max-width:72ch;margin:0;line-height:1.6}.br-gate-body strong{color:var(--rebar)}.br-gate-checklist{gap:var(--s-3);margin:0;padding:0;list-style:none;display:grid}.br-gate-checklist li{gap:var(--s-2);font-size:var(--t-body);color:var(--fg);grid-template-columns:1.4em 1fr;line-height:1.55;display:grid}.br-gate-checklist code{font-family:var(--type-mono);font-size:var(--t-mono-sm);background:var(--paper);border-radius:2px;padding:.1em .4em}.br-gate-check{color:var(--rebar);font-size:1.1em}.br-gate-check.is-done{color:#3f5c3a}.br-gate.is-resolved{background:color-mix(in oklab, #3f5c3a 6%, var(--paper-2));border-color:#3f5c3a}.br-gate-badge.is-resolved{color:#3f5c3a;background:oklab(44.2004% -.0498364 .0405695/.14)}.br-gate-caveat{font-size:var(--t-body);color:var(--concrete-2);max-width:72ch;padding-top:var(--s-2);border-top:1px solid var(--line-c);margin:0;line-height:1.55}.br-gate-caveat strong{color:var(--fg)}.br-mark-grid{gap:var(--s-5);margin-bottom:var(--s-6);grid-template-columns:repeat(3,1fr);display:grid}@media (width<=900px){.br-mark-grid{grid-template-columns:1fr}}.br-mark-card{gap:var(--s-3);margin:0;display:grid}.br-mark-card.is-missing{opacity:.85}.br-mark-swatch{border:1px solid var(--line-strong);border-radius:var(--r-1);padding:var(--s-5);align-items:center;min-height:100px;display:flex}.br-mark-swatch.is-light{background:var(--paper)}.br-mark-swatch.is-ink{background:var(--ink);border-style:dashed;border-color:var(--rebar)}.br-mark-swatch-center{justify-content:center}.br-mark-missing-label{font-family:var(--type-mono);font-size:var(--t-mono-sm);color:var(--rebar);text-align:center;width:100%}.br-mark-card figcaption{gap:var(--s-1);display:grid}.br-mark-card code{font-family:var(--type-mono);font-size:var(--t-mono-sm);color:var(--fg)}.br-mark-meta{font-family:var(--type-mono);font-size:var(--t-mono-sm);color:var(--concrete)}.br-placeholder-tag{font-family:var(--type-mono);font-size:var(--t-mono-sm);letter-spacing:0;text-transform:none;color:var(--rebar);margin-left:var(--s-2);font-weight:400}.br-placeholder-note{margin:var(--s-3) 0 0;font-size:var(--t-body);color:var(--concrete-2);line-height:1.5}.br-placeholder-note strong{color:var(--rebar)}.br-button-variants{gap:var(--s-4);flex-wrap:wrap;display:flex}.br-nav-fixture{background:0 0;border:none;padding:0}.br-voice-grid{gap:var(--s-5);grid-template-columns:repeat(auto-fit,minmax(320px,1fr));display:grid}.br-voice-block{padding:var(--s-5);border-radius:var(--r-1);background:var(--ink-2)}