.transform-tool{margin-bottom:52px}.transform-tool [hidden]{display:none!important}.transform-workbench{grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);align-items:start;gap:20px;display:grid}.transform-panel{border:1px solid var(--line);border-radius:14px;min-width:0;padding:26px}.transform-inputs{background:var(--surface-soft)}.transform-results{box-shadow:var(--shadow);background:#fff}.transform-panel h2{margin:0 0 12px}.transform-panel h3{margin:24px 0 10px}.transform-field{min-width:0;margin:15px 0}.transform-field label,.output-label,[data-copy-fallback] label{margin-bottom:6px;font-size:.9rem;font-weight:700;display:block}.transform-field input,.transform-field textarea,.transform-field select,[data-matrix-output],[data-inverse-output],[data-copy-fallback] textarea{border:1px solid var(--line-strong);width:100%;min-width:0;min-height:44px;color:var(--ink);font:inherit;background:#fff;border-radius:7px;padding:9px 11px}.transform-field textarea,[data-matrix-output],[data-inverse-output],[data-copy-fallback] textarea{resize:vertical;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:.82rem;line-height:1.5}.transform-field small,.transform-context,.transform-privacy{color:var(--muted);margin-top:5px;font-size:.84rem;line-height:1.5;display:block}.transform-grid{gap:12px;display:grid}.transform-grid.two{grid-template-columns:repeat(2,minmax(0,1fr))}.transform-grid.four{grid-template-columns:repeat(4,minmax(0,1fr))}.transform-grid .transform-field{margin:0}.transform-group{border:1px solid var(--line);background:#fff;border-radius:9px;margin:18px 0;padding:14px}.transform-group legend{padding:0 5px;font-size:.9rem;font-weight:700}.transform-actions{flex-wrap:wrap;gap:9px;margin-top:18px;display:flex}.transform-actions.compact{margin-top:10px}.transform-actions button{border:1px solid var(--line-strong);min-height:44px;color:var(--ink);font:inherit;cursor:pointer;background:#fff;border-radius:7px;padding:9px 13px;font-weight:700}.transform-actions button.primary{border-color:var(--accent);background:var(--accent);color:#fff}.transform-actions button:disabled{opacity:.45;cursor:not-allowed}.transform-error{border-left:3px solid var(--danger);color:#8d2119;background:#fff0ed;padding:11px 13px;font-size:.9rem}.transform-status{min-height:1.3em;color:var(--success);margin:9px 0 0;font-size:.86rem}.matrix-display{border-left:3px solid var(--ink);border-right:3px solid var(--ink);font-variant-numeric:tabular-nums;grid-template-columns:repeat(3,minmax(0,1fr));gap:1px;max-width:420px;margin:18px auto;padding:0 12px;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;display:grid}.matrix-display span{overflow-wrap:anywhere;text-align:center;min-width:0;padding:8px 4px}.transform-metrics{grid-template-columns:repeat(2,minmax(0,1fr));gap:10px;margin:18px 0;display:grid}.transform-metrics>div{border:1px solid var(--line);background:var(--surface-soft);border-radius:8px;min-width:0;padding:12px}.transform-metrics dt{font-size:.8rem;font-weight:700}.transform-metrics dd{overflow-wrap:anywhere;font-variant-numeric:tabular-nums;margin:4px 0 0;font-size:1rem;font-weight:750}.transform-detail{border:1px solid var(--line);border-radius:8px;padding:12px;font-size:.87rem;line-height:1.55}.transform-preview{border:1px solid var(--line-strong);background:var(--surface-soft);border-radius:10px;place-items:center;min-height:280px;margin-top:18px;display:grid;overflow:hidden}.transform-preview svg{width:100%;height:300px;padding:15px;display:block;overflow:visible}.preview-axis{stroke:#aab2bd;stroke-width:1px}.preview-original{fill:color-mix(in srgb, var(--ink) 8%, transparent);stroke:var(--ink);stroke-width:2px;stroke-dasharray:6 4}.preview-transformed{fill:color-mix(in srgb, var(--accent) 18%, transparent);stroke:var(--accent);stroke-width:2.5px}.preview-bounds{fill:none;stroke:var(--accent);stroke-width:1px;stroke-dasharray:3 4;opacity:.7}.preview-point{stroke:#fff;stroke-width:2px}.original-point{fill:var(--ink)}.transformed-point{fill:var(--danger)}.preview-point-path{stroke:var(--danger);stroke-width:1px;stroke-dasharray:3 3;opacity:.65}.transform-legend{color:var(--muted);flex-wrap:wrap;gap:14px;margin-top:8px;font-size:.8rem;display:flex}.transform-legend span{align-items:center;gap:5px;display:flex}.transform-legend i{background:var(--ink);border-radius:2px;width:14px;height:4px}.transform-legend i.transformed{background:var(--accent)}.transform-legend i.point{background:var(--danger);border-radius:50%;width:9px;height:9px}.output-label{margin-top:12px}[data-matrix-output],[data-inverse-output]{color:#f5f8fb;background:#17202b;min-height:58px}[data-copy-fallback]{margin-top:15px}[data-copy-fallback] textarea{min-height:150px}.transform-steps{background:#fff;margin-top:20px}.transform-table-wrap{border:1px solid var(--line);border-radius:10px;overflow-x:auto}.transform-table-wrap table{border-collapse:collapse;text-align:left;width:100%;font-size:.84rem}.transform-table-wrap th,.transform-table-wrap td{border-bottom:1px solid var(--line);white-space:nowrap;padding:9px 10px}.transform-table-wrap thead th{background:var(--surface-soft)}.transform-table-wrap tbody tr:last-child>*{border-bottom:0}.transform-table-wrap td:nth-child(2),.transform-table-wrap td:nth-child(3),.transform-table-wrap td:nth-child(4){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace}.transform-privacy{margin-top:16px}.transform-guide>section{margin-bottom:38px}.transform-tool :is(button,input,textarea):focus-visible{outline:3px solid var(--accent);outline-offset:2px}@media (width<=900px){.transform-workbench{grid-template-columns:1fr}}@media (width<=620px){.transform-panel{padding:18px}.transform-grid.four{grid-template-columns:repeat(2,minmax(0,1fr))}.transform-metrics{grid-template-columns:1fr}.transform-preview{min-height:220px}.transform-preview svg{height:240px;padding:10px}}@media (width<=390px){.transform-grid.two,.transform-grid.four{grid-template-columns:1fr}.matrix-display{padding:0 6px;font-size:.78rem}}