.tbm{grid-template-columns:minmax(0,1.28fr) minmax(310px,.72fr);align-items:start;gap:24px;display:grid}.tbm-drop{text-align:center;border:2px dashed var(--line);border-radius:var(--r-lg);background:var(--surface-1);grid-column:1/-1;place-items:center;min-height:420px;padding:30px;display:grid}.tbm-drop>span{color:var(--ink-2);font-size:64px;line-height:1}.tbm-drop p{max-width:570px;color:var(--ink-1)}.tbm-drop label{border-radius:var(--r-sm);background:var(--brass);min-height:48px;color:var(--surface-0);cursor:pointer;justify-content:center;align-items:center;padding:0 18px;font-weight:760;display:flex}.tbm-drop input{opacity:0;block-size:1px;inline-size:1px;position:absolute}.tbm-editor,.tbm-panel{border:1px solid var(--line);border-radius:var(--r-lg);background:var(--surface-1);padding:20px}.tbm-editor header,.tbm-stub,.tbm-compare,.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:42px;color:var(--ink-0);padding:0 12px}.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-top:14px;position:relative;overflow:hidden}.tbm-stage canvas{width:100%;height:100%;display:block}.tbm-compare{justify-content:flex-start;margin-top:10px}.tbm-compare button,.tbm-modes button{border:1px solid var(--line);background:var(--surface-0);min-height:42px;color:var(--ink-0);border-radius:999px;padding:0 13px}.tbm-compare button[aria-pressed=true],.tbm-modes button[aria-pressed=true]{border-color:var(--brass);box-shadow:inset 0 0 0 1px var(--brass);font-weight:750}.tbm-panel{background:var(--surface-0)}.tbm-stub{font:12px var(--font-mono);color:var(--ink-1)}.tbm-perf{border-top:1px dashed var(--line);margin:14px -20px 20px}.tbm-run,.tbm-download{border-radius:var(--r-sm);background:var(--brass);width:100%;min-height:52px;color:var(--surface-0);border:0;font-size:16px;font-weight:780}.tbm-run:disabled,.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);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%;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}.tbm-perf{margin-inline:-16px}.tbm-download{z-index:2;position:sticky;bottom:8px}}@media (width<=410px){.tbm-editor header{flex-direction:column;align-items:flex-start}.tbm-compare,.tbm-history{flex-direction:column;align-items:stretch}.tbm-compare button,.tbm-history button{width:100%}}