.toi-section{margin-top:16px}.toi-h{margin:0 0 8px;font-size:1.05rem}.toi-stage-wrap{border:1px solid var(--border);border-radius:var(--radius-sm);background:repeating-conic-gradient(#d9d9d9 0% 25%,#fff 0% 50%) 50%/16px 16px;justify-content:center;margin:8px 0;padding:8px;display:flex}.toi-stage{touch-action:none;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;cursor:move;max-width:100%;line-height:0;display:inline-block;position:relative}.toi-canvas{width:auto;max-width:100%;height:auto;max-height:70vh;display:block}.toi-presets{grid-template-columns:repeat(3,48px);gap:6px;margin:8px 0 12px;display:grid}.toi-preset{min-width:48px;min-height:44px;padding:0;font-size:1.15rem}.toi-sub{border-left:2px solid var(--border);margin:0 0 8px 28px;padding-left:12px}@media (max-width:420px){.toi-sub{margin-left:8px}}