.bb-btn{--bb-wall: transparent;--bb-wall-h: 4px;--bb-press: 4px;display:inline-flex;align-items:center;justify-content:center;gap:8px;padding:11px 18px;border:1px solid transparent;border-radius:14px;font-family:var(--font-ui);font-weight:800;font-size:14px;line-height:1.1;cursor:pointer;white-space:nowrap;text-decoration:none;box-shadow:0 var(--bb-wall-h) 0 var(--bb-wall);transition:transform .08s ease-out,box-shadow .08s ease-out,filter .12s ease}.bb-btn:disabled{opacity:.5;cursor:default;box-shadow:none}.bb-btn:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.bb-btn:not(:disabled):hover{filter:brightness(1.05)}.bb-btn:not(:disabled):active{transform:translateY(var(--bb-press));box-shadow:none}.bb-btn__icon{display:inline-flex;margin:-2px 0}.bb-btn--sm{--bb-wall-h: 2px;--bb-press: 2px;padding:9px 14px;font-size:13px;gap:6px;border-radius:10px}.bb-btn--primary{--bb-wall: var(--color-ink-2);background:var(--color-ink);color:#fff}.bb-btn--accent{--bb-wall: var(--color-accent-shade);background:var(--color-accent);color:#fff}.bb-btn--success{--bb-wall: var(--color-green-shade);background:var(--color-green);color:#fff}.bb-btn--secondary{--bb-wall: color-mix(in srgb, var(--color-muted) 55%, var(--color-line));--bb-wall-h: 2px;--bb-press: 2px;background:var(--color-surface-raised);color:var(--color-ink);border-color:var(--color-line)}.bb-btn--tertiary{--bb-wall: transparent;--bb-wall-h: 0px;--bb-press: 1px;background:transparent;color:var(--color-blue);padding-left:10px;padding-right:10px}.bb-btn--tertiary:not(:disabled):hover{filter:none;background:color-mix(in srgb,var(--color-blue) 10%,transparent)}.bb-iconbtn{display:inline-flex;align-items:center;justify-content:center;width:34px;aspect-ratio:1;padding:0;border:1px solid var(--color-line);border-radius:7px;background:var(--color-surface-raised);color:var(--color-ink);box-shadow:0 2px color-mix(in srgb,var(--color-muted) 55%,var(--color-line));cursor:pointer;transition:transform .08s ease-out,box-shadow .08s ease-out,filter .12s ease}.bb-iconbtn:disabled{opacity:.5;cursor:default;box-shadow:none}.bb-iconbtn:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.bb-iconbtn:not(:disabled):hover{filter:brightness(1.05)}.bb-iconbtn:not(:disabled):active{transform:translateY(2px);box-shadow:none}.bb-iconbtn--danger{color:var(--color-danger)}.bb-tabs{display:inline-flex;gap:4px;padding:4px;border-radius:var(--radius-pill);background:var(--color-surface-2);border:1px solid var(--color-border-soft)}.bb-tab{-webkit-appearance:none;-moz-appearance:none;appearance:none;border:none;background:none;padding:7px 16px;border-radius:var(--radius-pill);font-family:var(--font-ui);font-weight:800;font-size:14px;color:var(--color-muted);cursor:pointer;transition:color .12s ease,background-color .12s ease,box-shadow .08s ease-out,filter .12s ease}.bb-tab:hover{color:var(--color-ink)}.bb-tab:focus-visible{outline:2px solid var(--color-blue);outline-offset:2px}.bb-tab[aria-selected=true]{background:var(--color-accent);color:#fff;box-shadow:0 2px 0 var(--color-accent-shade)}.bb-tab[aria-selected=true]:hover{filter:brightness(1.05);color:#fff}.bb-chip{display:inline-flex;align-items:center;gap:5px;padding:3px 9px;border-radius:var(--radius-pill);font-family:var(--font-ui);font-weight:800;font-size:10.5px;letter-spacing:.09em;text-transform:uppercase;line-height:1.5;white-space:nowrap;background:var(--color-surface-2);color:var(--color-text-2)}.bb-chip__dot{width:6px;height:6px;border-radius:var(--radius-pill);background:currentColor;flex:0 0 auto}.bb-chip__check{display:inline-flex;flex:0 0 auto;margin:-1px 0}.bb-chip--live{background:var(--color-green);color:#fff}.bb-chip--published{background:var(--color-blue);color:#fff}.bb-chip--canvas{background:var(--color-purple);color:#fff}.bb-chip--audio{background:var(--color-yellow);color:var(--color-ink)}.bb-chip--sprite{background:var(--color-coral);color:var(--color-ink)}.bb-chip--saved,.bb-chip--neutral{background:var(--color-surface-2);color:var(--color-text-2)}.bb-toggle{display:inline-flex;align-items:center;gap:9px;padding:0;border:none;background:none;font-family:var(--font-ui);font-weight:700;font-size:14px;color:var(--color-ink);cursor:pointer}.bb-toggle:disabled{opacity:.5;cursor:default}.bb-toggle__track{position:relative;width:40px;height:23px;flex:0 0 auto;border-radius:var(--radius-pill);background:color-mix(in srgb,var(--color-muted) 45%,var(--color-line));transition:background-color .15s ease}.bb-toggle[aria-checked=true] .bb-toggle__track{background:var(--color-green)}.bb-toggle__knob{position:absolute;top:2px;left:2px;width:19px;height:19px;border-radius:var(--radius-pill);background:var(--color-surface-raised);box-shadow:0 1px 2px color-mix(in srgb,var(--color-ink) 30%,transparent);transition:transform .15s ease}.bb-toggle[aria-checked=true] .bb-toggle__knob{transform:translate(17px)}.bb-toggle:focus-visible{outline:none}.bb-toggle:focus-visible .bb-toggle__track{outline:2px solid var(--color-blue);outline-offset:2px}.bb-toggle__label{font-weight:700}.bb-disclosure{border:1px solid var(--color-line);border-radius:var(--radius-control);background:var(--color-surface-raised);overflow:hidden}.bb-disclosure__summary{display:flex;align-items:center;gap:10px;width:100%;padding:11px 13px;border:none;background:none;font-family:var(--font-ui);font-size:14px;font-weight:700;color:var(--color-ink);text-align:left;cursor:pointer}.bb-disclosure__summary:hover{background:color-mix(in srgb,var(--color-line) 28%,var(--color-surface-raised))}.bb-disclosure__summary:focus-visible{outline:2px solid var(--color-blue);outline-offset:-2px}.bb-disclosure__label{flex:1 1 auto;min-width:0}.bb-disclosure__more{display:inline-flex;align-items:center;gap:5px;flex:0 0 auto;font-size:12px;font-weight:800;color:var(--color-blue)}.bb-disclosure__chev{transition:transform .15s ease}.bb-disclosure__chev.is-open{transform:rotate(180deg)}.bb-disclosure__panel{padding:4px 13px 14px;border-top:1px solid var(--color-line)}.bb-card{background:var(--color-surface);border:1px solid var(--color-border-soft);border-radius:var(--radius-tile);padding:18px;box-shadow:var(--shadow-card)}.bb-card--raised{background:var(--color-surface-raised)}.bb-card--dark{background:var(--color-ink);color:var(--color-cool-2);border-color:#ffffff0f}.bb-eyebrow{font-family:var(--font-ui);font-weight:800;font-size:12px;letter-spacing:.13em;text-transform:uppercase;color:var(--color-muted)}.bk-page{min-height:100vh;background:var(--color-surface);color:var(--color-ink);padding:40px clamp(20px,5vw,64px) 96px}.bk-wrap{max-width:1080px;margin:0 auto;display:flex;flex-direction:column;gap:40px}.bk-header{display:flex;flex-direction:column;gap:14px}.bk-brandrow{display:flex;align-items:center;gap:14px}.bk-logo{width:46px;height:46px;flex:0 0 auto;border-radius:13px;background:var(--color-ink);position:relative;box-shadow:var(--shadow-card)}.bk-logo:before{content:"";position:absolute;left:7px;right:7px;top:7px;height:11px;border-radius:6px;background:var(--color-accent)}.bk-logo:after{content:"";position:absolute;left:12px;bottom:11px;width:6px;height:6px;border-radius:2px;background:var(--color-surface-raised);box-shadow:16px 0 0 var(--color-surface-raised)}.bk-wordmark{font-family:var(--font-display);font-weight:800;font-size:38px;letter-spacing:-.01em}.bk-tagline{font-family:var(--font-display);font-weight:800;font-size:30px;letter-spacing:-.01em;margin:0;line-height:1.05}.bk-subtagline{font-size:16px;color:var(--color-text-2);max-width:46ch;margin:0}.bk-bfr{font-family:var(--font-display);font-weight:800;font-size:22px;display:flex;gap:10px}.bk-bfr .build{color:var(--color-ink)}.bk-bfr .fork{color:var(--color-blue)}.bk-bfr .remix{color:var(--color-green)}.bk-section{display:flex;flex-direction:column;gap:16px}.bk-section-head{display:flex;flex-direction:column;gap:4px}.bk-section-title{font-family:var(--font-display);font-weight:800;font-size:26px;margin:0}.bk-swatches{display:grid;grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px}.bk-swatch{display:flex;flex-direction:column;gap:7px}.bk-swatch-chip{height:58px;border-radius:12px;border:1px solid var(--color-border-soft);box-shadow:inset 0 0 0 1px #ffffff0a}.bk-swatch-meta{display:flex;flex-direction:column;gap:1px}.bk-swatch-name{font-family:var(--font-mono);font-size:11.5px;color:var(--color-ink)}.bk-swatch-hex{font-family:var(--font-mono);font-size:11px;color:var(--color-muted);text-transform:uppercase}.bk-group-label{margin-top:4px}.bk-type-stack{display:flex;flex-direction:column;gap:18px}.bk-type-row{display:flex;flex-direction:column;gap:4px}.bk-type-tag{font-family:var(--font-mono);font-size:11px;color:var(--color-muted)}.bk-display-1{font-family:var(--font-display);font-weight:800;font-size:40px;letter-spacing:-.01em;margin:0;line-height:1.05}.bk-display-2{font-family:var(--font-display);font-weight:800;font-size:28px;margin:0}.bk-display-3{font-family:var(--font-display);font-weight:700;font-size:20px;margin:0}.bk-body{font-size:16px;line-height:1.6;color:var(--color-text-2);max-width:60ch;margin:0}.bk-weights{display:flex;flex-wrap:wrap;gap:18px;font-size:17px}.bk-weights span{color:var(--color-ink)}.bk-w400{font-weight:400}.bk-w600{font-weight:600}.bk-w700{font-weight:700}.bk-w800{font-weight:800}.bk-w900{font-weight:900}.bk-mono{font-family:var(--font-mono);font-size:14px;line-height:1.7;color:var(--color-ink);background:var(--color-ink);color:var(--color-cool-2);padding:14px 16px;border-radius:12px;display:block;white-space:pre;overflow-x:auto}.bk-demo-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:18px;align-items:start}.bk-demo{display:flex;flex-direction:column;gap:14px}.bk-demo-head{display:flex;flex-direction:column;gap:6px}.bk-demo-title{font-family:var(--font-display);font-weight:700;font-size:17px}.bk-demo-note{font-size:13px;color:var(--color-muted)}.bk-row{display:flex;flex-wrap:wrap;align-items:center;gap:10px}.bk-col{display:flex;flex-direction:column;gap:10px}.bk-tokens-list{display:flex;flex-direction:column;gap:6px;font-family:var(--font-mono);font-size:12px}.bk-tokens-list div{display:flex;gap:10px}.bk-tokens-list b{color:var(--color-text-3);font-weight:600;min-width:130px}.bk-tokens-list span{color:var(--color-muted)}