.tbm-dropoff{grid-column:1/-1;justify-items:center;display:grid}.tbm{grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr);align-items:start;gap:24px;display:grid}.tbm-editor,.tbm-panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1);padding:20px}.tbm-editor{min-width:0}.tbm-editor header,.tbm-modes,.tbm-history{justify-content:space-between;align-items:center;gap:10px;display:flex}.tbm-editor header>div{gap:3px;min-width:0;display:grid}.tbm-editor header strong{text-overflow:ellipsis;white-space:nowrap;overflow:hidden}.tbm-editor header span,.tbm-editor>p,.tbm-assets,.tbm-brush+p{color:var(--ink-1);font-size:14px}.tbm-editor header button,.tbm-history button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-0);min-height:44px;color:var(--ink-0);padding:0 12px}.tbm-different{border-radius:var(--r-sm);display:inline-flex;position:relative}.tbm-different:has(input:focus-visible){outline:2px solid var(--focus);outline-offset:2px}.tbm-different>input{opacity:0;clip-path:inset(50%);block-size:1px;inline-size:1px;position:absolute;inset-block-start:0;inset-inline-start:0}.tbm{--tbm-stage-max:min(70vh,720px)}@media (width>=761px){.tbm{--tbm-stage-max:max(240px,min(calc(100vh - var(--topbar-h) - 210px),720px))}.tbm-editor{top:calc(var(--topbar-h) + 16px);position:sticky}}.tbm-stage{touch-action:none;cursor:crosshair;background-color:var(--surface-1);background-image:linear-gradient(45deg,color-mix(in srgb,var(--ink-2) 20%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--ink-2) 20%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--ink-2) 20%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--ink-2) 20%,transparent) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;width:100%;margin:14px auto 0;position:relative;overflow:hidden}.tbm-stage canvas{width:100%;height:100%;display:block}.tbm-modes button{border:1px solid var(--line);background:var(--surface-0);min-height:44px;color:var(--ink-0);border-radius:999px;padding:0 13px}.tbm-modes button[aria-pressed=true]{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass);font-weight:750}.tbm-modes button[data-suggested]{border-color:var(--brass)}.tbm-panel{background:var(--surface-0)}.tbm-download{border-radius:var(--r-sm);background:var(--brass);width:100%;min-height:52px;color:var(--on-brass);border:0;font-size:16px;font-weight:780}.tbm-download:disabled,.tbm-panel fieldset:disabled{opacity:.56}.tbm-assets,.tbm-note,.tbm-receipt{background:var(--surface-2);border-left:4px solid var(--line-firm);padding:11px 12px}.tbm-note{border-left-color:var(--warn-surface);font-size:14px}.tbm-receipt{border-left-color:var(--ok);font:13px/1.55 var(--font-mono)}.tbm-progress{gap:12px;display:grid}.tbm-progress>div{background:var(--surface-2);border-radius:999px;height:10px;overflow:hidden}.tbm-progress i{border-radius:inherit;background:var(--brass);min-width:12%;height:100%;transition:width .16s;display:block}.tbm-progress span{font:13px var(--font-mono);justify-self:end}.tbm-panel fieldset{border:0;margin:0 0 16px;padding:0}.tbm-panel legend{margin-bottom:12px;font-weight:780}.tbm-modes{justify-content:flex-start}.tbm-modes button{min-width:96px}.tbm-brush{gap:9px;margin-top:17px;display:grid}.tbm-brush span{justify-content:space-between;display:flex}.tbm-brush input{width:100%;min-height:44px;accent-color:var(--brass)}.tbm-history{justify-content:flex-start;margin-top:15px}.tbm-history button:disabled{opacity:.45}.tbm-error{min-height:1.4em;color:var(--error)}@media (width<=760px){.tbm{grid-template-columns:1fr}.tbm-editor,.tbm-panel{padding:16px}}@media (width<=410px){.tbm-editor header{flex-direction:column;align-items:flex-start}.tbm-history{flex-direction:column;align-items:stretch}.tbm-history button{width:100%}}.tbm-method legend,.tbm-panel fieldset legend{margin-bottom:10px}.tbm-hint{color:var(--ink-1);margin:8px 0 0;font-size:14px}.tbm-key{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.tbm-key b{font:14px var(--font-mono)}.tbm-key button{border:1px solid var(--line);border-radius:var(--r-sm);background:var(--surface-0);min-height:44px;color:var(--ink-0);padding:0 12px}.tbm-key button[aria-pressed=true]{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass);font-weight:750}.tbm-swatch{border:1px solid var(--line-firm);border-radius:var(--r-sm);block-size:32px;inline-size:32px}.tbm-check{align-items:center;gap:10px;min-height:44px;margin-top:10px;display:flex}.tbm-check input{block-size:22px;inline-size:22px;accent-color:var(--brass)}.tbm-stage[data-picking]{cursor:copy}.tbm-cursor{border:2px solid var(--brass);box-shadow:0 0 0 1px var(--surface-0);pointer-events:none;border-radius:50%;position:absolute;top:0;left:0}.tbm-cursor:not([data-visible]){display:none}.tbm-cursor[data-mode=remove]{border-style:dashed}.tbm-actions{--tool-actions-bg:var(--surface-0);margin-top:12px}.tbm-hand{border-top:1px solid var(--line);margin-top:16px}.tbm-hand summary{cursor:pointer;align-items:center;min-height:44px;font-weight:780;display:flex}.tbm-hand fieldset{margin-top:8px}