.tool-wrap{padding-bottom:var(--section-space)}.tool{gap:var(--space-l);padding-top:var(--space-l);border-top:1px solid var(--rule-strong);display:grid}@media (min-width:960px){.tool{align-items:start;gap:var(--gap);grid-template-columns:minmax(16rem,4fr) 8fr}.tool-panel{top:var(--space-l);position:sticky}}.tool-panel{gap:var(--space-m);min-width:0;display:grid}.tool-stage{min-width:0;min-height:320px;padding:var(--space-m);border:1px solid var(--rule);border-radius:var(--radius-sheet);background:var(--paper-raised);place-items:center;display:grid;position:relative}.tool-stage canvas,.tool-stage img{max-width:100%;height:auto}.tool-stage[data-checker]{background-color:var(--paper-raised);background-image:conic-gradient(var(--paper-shade)25%,transparent 0 50%,var(--paper-shade)0 75%,transparent 0);background-size:20px 20px}.tool-stage-empty{max-width:24em;color:var(--pencil);font-size:var(--text-small);text-align:center}.tool-3d{touch-action:none;width:100%;height:clamp(320px,60vh,640px);padding:0;overflow:hidden}.tool-3d canvas{max-width:none;display:block;width:100%!important;height:100%!important}.tool-drop{align-items:center;gap:var(--space-xs)var(--space-s);padding:var(--space-m);border:1px dashed var(--rule-strong);border-radius:var(--radius-sheet);flex-wrap:wrap;display:flex}.tool-drop[data-over]{border-style:solid;border-color:var(--ink);background:var(--paper-shade)}.tool-drop label{cursor:pointer}.tool-drop-hint{color:var(--pencil);font-size:var(--text-small)}.tool-field{border:0;gap:6px;min-width:0;margin:0;padding:0;display:grid}.tool-label{color:var(--pencil);font-family:var(--font-mono);font-size:var(--text-meta);padding:0}.tool-note{color:var(--pencil);font-size:var(--text-small)}.tool-range{align-items:center;gap:var(--space-s);display:flex}.tool-range input{min-width:0;accent-color:var(--ink);flex:1}.tool-range output{min-width:4.5em;font-family:var(--font-mono);font-size:var(--text-meta);text-align:right}.tool-row{gap:var(--space-s);grid-template-columns:repeat(auto-fit,minmax(7rem,1fr));display:grid}.tool-check{align-items:center;gap:var(--space-xs);font-size:var(--text-small);display:flex}.tool-seg{flex-wrap:wrap;gap:6px;display:flex}.tool-seg label{border:1px solid var(--rule-strong);border-radius:var(--radius-pill);min-height:36px;font-size:var(--text-small);cursor:pointer;align-items:center;padding:6px 12px;font-weight:600;display:inline-flex}.tool-seg label[data-on]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.tool-seg label:has(:focus-visible){outline:var(--focus-ring);outline-offset:var(--focus-offset)}.tool-color{border:1px solid var(--rule-strong);border-radius:var(--radius-field);background:0 0;width:48px;height:36px;padding:0}.tool-actions{align-items:center;gap:var(--space-s)var(--space-m);flex-wrap:wrap;display:flex}.tool-actions .btn[disabled]{opacity:.45;pointer-events:none}.tool-status{color:var(--pencil);font-size:var(--text-small)}.tool-status[data-error]{color:var(--error)}.tool-hint{color:var(--pencil);font-family:var(--font-mono);font-size:var(--text-meta)}.tool-frames{gap:var(--space-xs);grid-template-columns:repeat(auto-fill,minmax(72px,1fr));margin:0;padding:0;list-style:none;display:grid}.tool-frames li{border:1px solid var(--rule);border-radius:var(--radius-field);background:var(--paper-raised);cursor:grab;gap:4px;padding:6px;display:grid}.tool-frames img{object-fit:contain;width:100%;height:56px;image-rendering:pixelated}.tool-frames span{font-family:var(--font-mono);text-overflow:ellipsis;white-space:nowrap;font-size:11px;overflow:hidden}.tool-frames button{color:var(--pencil);cursor:pointer;background:0 0;border:0;justify-self:end;padding:0 4px;font-size:12px}.tool-crop{-webkit-user-select:none;user-select:none;touch-action:none;max-width:100%;line-height:0;display:inline-block;position:relative}.tool-crop img{width:auto;max-height:70vh;display:block}.tool-crop-box{box-shadow:0 0 0 9999px color-mix(in srgb,var(--ink)55%,transparent);outline:2px solid var(--paper);cursor:move;position:absolute}.tool-crop{overflow:hidden}.pixelated{image-rendering:pixelated}