.pi-tool{flex-direction:column;gap:1rem;display:flex}.pi-label{letter-spacing:.04em;color:var(--text-dim);font-size:.78rem}.pi-stage{grid-template-columns:minmax(0,1fr) minmax(0,15rem);align-items:start;gap:.9rem;display:grid}@media (width<=760px){.pi-stage{grid-template-columns:minmax(0,1fr)}}.pi-visual{min-width:0}.pi-tool .pi-summary{border:1px solid var(--border);border-left:3px solid var(--accent);background:var(--bg-surface);border-radius:0;min-width:0;padding:.7rem .85rem}.pi-summary-head{letter-spacing:.04em;color:var(--text-dim);font-size:.78rem}.pi-kind{color:var(--text);margin-top:.2rem;font-size:1.3rem;font-weight:700}.pi-orient{color:var(--text-dim);margin-top:.15rem;font-size:.86rem}.pi-params{grid-template-columns:auto minmax(0,1fr);gap:.25rem .7rem;margin:.6rem 0 0;font-size:.88rem;display:grid}.pi-params dt{color:var(--text-dim)}.pi-params dd{font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--text);overflow-wrap:anywhere;margin:0}.pi-steps{flex-wrap:wrap;align-items:center;gap:.5rem;margin-top:-.4rem;display:flex}.pi-steps input[type=range]{flex:8rem;min-width:0;margin:0}.pi-tool .pi-steps .pi-step-btn,.pi-tool .pi-row .pi-reverse,.pi-tool .pi-panel .pi-edit{background:var(--bg-surface);min-width:0;color:var(--text);border:1px solid var(--border);border-radius:0;margin:0;padding:.3rem .7rem;font-size:.86rem;line-height:1.25}.pi-tool .pi-steps .pi-step-btn:hover:not(:disabled),.pi-tool .pi-row .pi-reverse:hover,.pi-tool .pi-panel .pi-edit:hover{border-color:var(--accent)}.pi-tool .pi-steps .pi-step-btn:disabled{opacity:.4;cursor:default}.pi-step-out{min-width:3.2rem;font-family:var(--font-mono,ui-monospace, monospace);font-variant-numeric:tabular-nums;color:var(--text)}.pi-controls{flex-direction:column;gap:.8rem;display:flex}.pi-panel{flex-direction:column;gap:.75rem;display:flex}.pi-panel[hidden]{display:none}.pi-row{flex-wrap:wrap;align-items:flex-end;gap:.8rem;display:flex}.pi-mirrors{grid-template-columns:repeat(auto-fit,minmax(min(100%,230px),1fr));gap:.8rem;display:grid}.pi-tool .pi-group{border:1px solid var(--border);border-radius:0;flex-direction:column;gap:.5rem;min-width:0;margin:0;padding:.55rem .7rem .7rem;display:flex}.pi-tool .pi-group[hidden]{display:none}.pi-tool .pi-legend{color:var(--text);align-items:center;gap:.4rem;padding:0 .3rem;font-size:.85rem;font-weight:600;display:flex}.pi-swatch{width:.9rem;height:3px;display:inline-block}.pi-field{flex-direction:column;gap:.25rem;min-width:0;display:flex}.pi-xy{grid-template-columns:repeat(2,minmax(0,1fr));gap:.5rem;display:grid}.pi-tool .pi-field input:is([type=number],[data-num]){width:100%;min-width:0;color:var(--text);background:var(--bg-surface);border:1px solid var(--border);box-sizing:border-box;border-radius:0;padding:.4rem .5rem;font-size:.95rem}.pi-range-pair{grid-template-columns:minmax(0,1fr) 5.5rem;align-items:center;gap:.5rem;display:grid}.pi-tool .pi-range-pair input[type=range]{width:100%;min-width:0;margin:0}.pi-tool .pi-segmented{grid-template-columns:repeat(var(--pi-seg-n,2), minmax(0, 1fr));max-width:34rem;margin-top:0;display:grid}.pi-tool .pi-segmented.pi-seg-3{--pi-seg-n:3}.pi-tool .pi-segmented.pi-seg-count{grid-template-columns:repeat(3,2.8rem)}.pi-tool .pi-segmented .seg-btn{white-space:normal;border-radius:0;min-width:0;margin-left:0;padding:.25rem .6rem;font-size:.88rem}.pi-tool .pi-segmented .seg-btn+.seg-btn{margin-left:-1px}.pi-hint{color:var(--text-dim);margin:0;font-size:.83rem}