board-explorer{display:block;min-width:0;container-type:inline-size}
.be-shell{display:grid;grid-template-columns:minmax(0,1.32fr) minmax(0,1fr);border:1px solid var(--rule);border-radius:7px;overflow:hidden;background:var(--panel);color:var(--ink);font:15px/1.5 "Segoe UI",Arial,sans-serif}
.be-stage{display:flex;flex-direction:column;justify-content:space-between;min-width:0;background-color:var(--stage);background-image:radial-gradient(#544e4b 0.7px,transparent .8px);background-size:17px 17px;color:var(--stage-ink)}
.be-title,.be-tools,.be-side{padding:17px clamp(12px,3.5cqw,29px)}
.be-title,.be-tools{display:flex;align-items:center;gap:10px}
.be-title{justify-content:space-between;flex-wrap:wrap;padding-bottom:0;line-height:1.25}
.be-shell h3{margin:0;font-size:18px;line-height:1.25;font-weight:600;letter-spacing:-.025em}
.be-title span,.be-layer,.be-readout strong{font:12px/1.5 Consolas,monospace}
.be-title span{color:var(--stage-muted)}
.be-model{display:block;width:100%;height:auto;max-height:320px;min-height:170px;cursor:grab;touch-action:pan-y;user-select:none}
.be-model:active{cursor:grabbing}
.be-model:focus-visible{outline:2px solid #79baff;outline-offset:-6px}
.be-tools{padding-top:0;gap:7px;flex-wrap:wrap}
.be-shell button{font:600 13px/1.25 "Segoe UI",Arial,sans-serif;min-height:44px;border-radius:3px;cursor:pointer}
.be-tools button{min-width:44px;padding:4px 10px;border:1px solid #918783;background:#1d1b1b;color:var(--stage-ink)}
.be-tools button:hover{background:#393332}
.be-tools button:first-child,.be-tools button:nth-child(2){font-size:21px}
.be-tools button:last-child{margin-left:auto}
.be-side{display:flex;flex-direction:column;justify-content:center;align-items:flex-start;gap:12px}
.be-side p{margin:0;color:var(--muted);font-size:14px;line-height:1.5}
.be-steps{display:flex;flex-wrap:wrap;gap:5px}
.be-steps button{padding:4px 9px;color:var(--ink);background:transparent;border:1px solid var(--control-border)}
.be-steps button[aria-pressed=true]{background:var(--action);color:var(--on-action);border-color:var(--action)}
.be-readout{padding:11px 0;border-block:1px solid var(--rule);align-self:stretch;min-height:110px}
.be-layer{color:var(--muted);display:block}
.be-readout strong{font-size:15px;display:block;margin:4px 0}
.be-next{background:transparent;border:0;color:var(--ink);padding:5px 2px;text-decoration:underline;text-decoration-color:var(--accent);text-underline-offset:.25em}
.be-shell button:focus-visible{outline:3px solid var(--focus);outline-offset:2px}
.be-tools button:focus-visible{outline-color:#79baff}
@container(max-width:650px){.be-shell{grid-template-columns:1fr}.be-model{height:clamp(180px,54cqw,270px)}.be-tools,.be-title,.be-side{padding-inline:15px}.be-title{padding-top:13px}.be-side{gap:10px}.be-readout{min-height:0}}