.tb{display:flex;flex-direction:column;gap:20px}.tb__grid{display:grid;grid-template-columns:minmax(0,6fr) minmax(0,5fr);gap:20px;align-items:start}.tb__inputs{gap:20px;padding:24px}.tb__group{display:flex;flex-direction:column;gap:10px}.tb__h{font-size:var(--text-xs);font-weight:700;letter-spacing:var(--tracking-caps);text-transform:uppercase;color:var(--fg-faint)}.tb__fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px}.tb__fields--3{grid-template-columns:repeat(3,minmax(0,1fr))}.tb__depth{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:20px;align-items:start}.tb__depth-field{gap:10px}.tb__depth-field,.tb__result{display:flex;flex-direction:column;min-width:0}.tb__result{gap:16px;position:sticky;top:80px}.tb__hotkey{font-size:11px;color:var(--fg-faint)}.tb__empty{padding:20px 8px;text-align:center;color:var(--fg-muted)}.tb__origin{display:grid;grid-template-columns:repeat(3,28px);grid-template-rows:repeat(3,28px);gap:6px;padding:8px;border-radius:var(--radius);background:var(--surface)}.tb__origin,.tb__origin-cell{border:1px solid var(--line-strong)}.tb__origin-cell{border-radius:50%;background:var(--surface-2);cursor:pointer;padding:0;transition:background var(--dur-1),transform var(--dur-1) var(--ease-out)}.tb__origin-cell:hover{background:var(--surface-3)}.tb__origin-cell[aria-checked=true]{background:var(--accent);border-color:transparent;transform:scale(1.12)}.tb__origin-cell:focus-visible{outline:2px solid var(--accent-fg);outline-offset:2px}@media (pointer:coarse){.tb__origin{grid-template-columns:repeat(3,40px);grid-template-rows:repeat(3,40px)}}.tb__arena{position:relative;flex:none}.tb__ghost{position:absolute;inset:0;border:2px dashed var(--stage-line);border-radius:16px;pointer-events:none}.tb__pin{position:absolute;width:10px;height:10px;margin:-5px 0 0 -5px;border-radius:50%;background:var(--danger);box-shadow:0 0 0 3px color-mix(in oklab,var(--danger) 30%,transparent)}.tb__box{position:absolute;inset:0;cursor:move;touch-action:none;user-select:none;background:linear-gradient(135deg,color-mix(in oklab,var(--accent) 80%,#fff),color-mix(in oklab,var(--cat) 80%,#fff));color:#0a0c05;box-shadow:0 10px 30px -10px rgba(0,0,0,.45);outline:none}.tb__box:focus-visible{box-shadow:0 0 0 3px var(--stage-bg),0 0 0 5px var(--accent-fg),0 10px 30px -10px rgba(0,0,0,.45)}.tb__label{pointer-events:none}.tb__box .pvs-handle{transform:scale(var(--inv,1));background:#fff;border-color:var(--cat)}.tb__box .pvs-handle:hover{transform:scale(calc(var(--inv, 1) * 1.15))}.tb__box .pvs-handle:active{transform:scale(calc(var(--inv, 1) * 1.25))}.tb__rot{left:50%;top:calc(-36px * var(--inv, 1));cursor:grab;border-radius:50%}.tb__rot:before{content:"";position:absolute;left:50%;top:100%;width:2px;height:calc(26px);margin-left:-1px;background:var(--cat);transform-origin:top;pointer-events:none}.tb__sc{left:100%;top:100%;cursor:nwse-resize;border-radius:6px}@media (max-width:960px){.tb__grid{grid-template-columns:minmax(0,1fr)}.tb__result{position:static}}@media (max-width:520px){.tb__fields,.tb__fields--3{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.tb__depth{grid-template-columns:minmax(0,1fr)}}@media (max-width:960px){.tb__result{display:contents}.tb__preview{order:-1}}@media (pointer:coarse){.tb__preview .pvs__canvas{min-height:280px}}