.db{--accent:#ffb655}.db-stage{border:1px solid var(--line);border-radius:12px;overflow:hidden}.db-stage canvas{display:block;width:100%;height:auto;touch-action:none;cursor:ew-resize}.db-row{margin-top:12px;margin-bottom:12px}.db-row b{width:84px;font-size:15px}.db-calcs{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:14px}.db-h{font:800 12px/1.4 var(--font-sans);color:var(--accent);text-transform:uppercase;letter-spacing:.05em;margin:0 0 9px}.db-line{display:flex;align-items:center;gap:7px;font:600 15px/1 var(--font-mono);color:var(--dim);flex-wrap:wrap}.db-line b{color:var(--accent);font-size:18px}.db-in{width:72px;padding:8px 6px;text-align:center;border-radius:9px;border:1px solid var(--line);background:rgba(255,255,255,.04);color:var(--ink);font:700 15px/1 var(--font-mono);outline:none}.db-in:focus{border-color:var(--accent)}.db-in.db-sm{width:58px}.db-note{margin:8px 0 0;font:600 12px/1.6 var(--font-sans);color:var(--faint)}.db-note b{color:var(--accent)}