.bm-examples{display:flex;flex-wrap:wrap;align-items:center;gap:.4rem}.bm-lab{font-size:.72rem;font-weight:900;text-transform:uppercase;letter-spacing:.12em;color:var(--color-gold-ink)}.bm-board{border-radius:1.5rem;border:1px solid rgba(22,36,61,.1);background:#fff;padding:1.5rem;box-shadow:0 1px 3px #16243d14}.bm-caption{width:100%;border:none;outline:none;background:transparent;font-family:var(--font-display);font-size:clamp(1.1rem,3vw,1.6rem);color:var(--color-ink)}.bm-caption::placeholder{color:#16243d47}.bm-bars{margin-top:1.25rem;display:grid;gap:.35rem}.bm-barrow{display:grid;gap:.15rem}.bm-brace{position:relative;height:1.5rem}.bm-brace-line{position:absolute;top:.55rem;height:.45rem;border:3px solid rgba(22,36,61,.55);border-bottom:none;border-radius:.4rem .4rem 0 0}.bm-brace-text{position:absolute;top:-.35rem;transform:translate(-50%);background:#fff;padding:0 .4rem;font-weight:900;font-size:.95rem;color:var(--color-ink);white-space:nowrap}.bm-bar{position:relative;display:flex;height:clamp(3rem,7vw,4.25rem)}.bm-part{position:relative;display:grid;place-items:center;min-width:0;border:2px solid rgba(22,36,61,.65);border-right-width:1px;border-left-width:1px;cursor:text}.bm-part:first-child{border-left-width:2px;border-radius:.35rem 0 0 .35rem}.bm-part:last-child{border-right-width:2px;border-radius:0 .35rem .35rem 0}.bm-part-text{font-family:var(--font-display);font-size:clamp(.95rem,2.4vw,1.5rem);padding:0 .3rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bm-part input{width:92%;border:none;background:#ffffffd9;border-radius:.3rem;text-align:center;outline:none;font-family:var(--font-display);font-size:clamp(.95rem,2.4vw,1.5rem);color:var(--color-ink)}.bm-grip{position:absolute;top:0;bottom:0;width:1.1rem;margin-left:-.55rem;cursor:col-resize;touch-action:none;z-index:2}.bm-grip:after{content:"";position:absolute;inset:22% 45%;border-radius:9999px;background:#16243d59}.bm-grip:hover:after{background:var(--color-gold-deep);inset:12% 40%}.bm-tools{display:flex;flex-wrap:wrap;align-items:center;gap:.3rem;padding:.15rem 0 .5rem}.bm-tools button,.bm-tools select{border-radius:.55rem;background:var(--color-parchment);padding:.2rem .55rem;font-size:.78rem;font-weight:800;color:var(--color-ink)}.bm-tools button:hover{background:#e8dcc2}.bm-tools .bm-name{border:none;background:var(--color-cream);border-radius:.55rem;padding:.2rem .55rem;font-size:.78rem;font-weight:800;color:var(--color-ink);outline:none;width:7rem}.bm-swatch{width:1.1rem;height:1.1rem;border-radius:.3rem;border:1px solid rgba(22,36,61,.35);padding:0}.bm-tools .bm-swatch{padding:0}.bm-group{display:inline-flex;align-items:center;gap:.2rem}.bm-group+.bm-group,.bm-group+button,button+.bm-group{margin-left:.35rem}.bm-count{min-width:3.6rem;text-align:center;font-size:.78rem;font-weight:800;color:#16243d99}.bm-tools button[aria-pressed=true]{background:var(--color-ink);color:var(--color-cream)}.bm-tools .bm-del{margin-left:auto;color:#9f1239}.bm-barrow:not(.active) .bm-tools>:not(.bm-name){display:none}.bm-part.selected{box-shadow:inset 0 0 0 3px var(--color-ink),inset 0 0 0 5px #fff}.bm-diffrow{position:relative;height:2rem}.bm-diffline{position:absolute;top:.2rem;height:.8rem;border:3px solid #be123c;border-top:none;border-radius:0 0 .4rem .4rem}.bm-difftext{position:absolute;top:1rem;transform:translate(-50%);border:none;outline:none;background:#fff;padding:0 .4rem;font-weight:900;font-size:.9rem;color:#be123c;text-align:center}.bm-controls{margin-top:1.25rem;display:grid;gap:.85rem;border-top:1px solid rgba(22,36,61,.1);padding-top:1rem}.bm-row{display:flex;flex-wrap:wrap;align-items:center;gap:.6rem 1rem}.bm-go{border-radius:9999px;padding:.6rem 1.5rem;font-weight:900;color:var(--color-cream);background:var(--color-ink)}.bm-go:hover{background:var(--color-ink-soft)}.bm-go:focus-visible,.bm-grip:focus-visible{outline:3px solid var(--color-gold);outline-offset:2px}#bm-stage.fs-on .bm-controls,#bm-stage.fs-on .bm-examples,#bm-stage.fs-on .bm-tools{display:none}#bm-stage.fs-on .bm-board{border:none;box-shadow:none}#bm-stage.fs-on .bm-bar{height:min(13vh,7rem)}@media print{body *{visibility:hidden}.bm-board,.bm-board *{visibility:visible}.bm-board{position:absolute;inset:0 0 auto;border:none;box-shadow:none}.bm-tools{display:none!important}.bm-part{-webkit-print-color-adjust:exact;print-color-adjust:exact}.bm-part.selected{box-shadow:none}}
