@layer layout{
.bv-section{background:var(--surface);}
.bv-layout{display:grid;grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);gap:64px;align-items:center;}
.bv-copy>p{max-width:47ch;}
.bv-copy h2{max-width:20ch;font-size:clamp(38px,3.6vw,52px);}
.bv-workbench{min-width:0;}
.bv-figure{margin:0;}
.bv-stage{position:relative;aspect-ratio:3/2;border:1px solid var(--line-strong);border-radius:24px;background:var(--canvas);overflow:hidden;}
.bv-static,.bv-canvas{width:100%;height:100%;display:block;}
.bv-static circle{fill:var(--line-strong);}
.bv-piece{fill:var(--ink);}
.bv-piece--accent{fill:var(--orange);}
.bv-meta,.bv-stamp{position:absolute;inset:20px 22px auto;display:flex;justify-content:space-between;gap:12px;font-size:9px;color:var(--text-dim);pointer-events:none;}
.bv-stamp{inset:auto 22px 20px;font-size:8px;}
.bv-figure figcaption{font-size:11px;color:var(--text-dim);margin-top:12px;max-width:60ch;}
.bv-controls{border:0;padding:0;margin:24px 0 0;min-width:0;}
.bv-controls legend{font-size:13px;font-weight:500;margin-bottom:12px;}
.bv-controls label{display:flex;justify-content:space-between;font-size:12px;color:var(--text-soft);}
.bv-controls output{color:var(--accent-ink);font-variant-numeric:tabular-nums;}
.bv-controls input{display:block;width:100%;height:44px;margin:0;accent-color:var(--accent-ink);cursor:pointer;}
.bv-controls input:disabled{cursor:default;opacity:.45;}
.bv-scale{display:flex;justify-content:space-between;font-size:10px;color:var(--text-dim);}
.bv-actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:16px;}
.bv-actions button{min-height:44px;display:flex;align-items:center;justify-content:center;gap:16px;padding:10px 16px;border:1px solid var(--line-strong);border-radius:999px;background:transparent;font-size:12px;cursor:pointer;}
.bv-actions button:first-child{background:var(--ink);color:var(--canvas);border-color:var(--ink);}
.bv-actions button:disabled{opacity:.45;cursor:default;}
.bv-actions button:enabled:hover{background:var(--peach-soft);color:var(--ink);}
.bv-status{font-size:11px;color:var(--text-dim);margin:14px 0 0;min-height:3.2em;}
[data-brand-visual][data-brand-ready] .bv-static{display:none;}
@media(max-width:1000px){.bv-layout{gap:32px;}}
@media(max-width:720px){.bv-layout{grid-template-columns:minmax(0,1fr);gap:24px;}.bv-stage{border-radius:16px;}.bv-meta{inset:12px 14px auto;font-size:7px;}.bv-stamp{inset:auto 14px 12px;font-size:6px;}.bv-actions{gap:8px;}.bv-actions button{padding:10px 12px;}}
}
@media(prefers-reduced-motion:reduce){[data-brand-visual] .bv-canvas{display:none;}[data-brand-visual][data-brand-ready] .bv-static{display:block;}}