.TransformPanel_panel__QeFxh{display:flex;width:100%;min-height:300px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-md)}.TransformPanel_pane__IXT5f,.TransformPanel_resultPane__4VTv6{display:flex;flex-direction:column;gap:var(--space-5);width:100%;height:100%;padding:var(--space-6)}.TransformPanel_resultPane__4VTv6{gap:var(--space-3);background:var(--bg)}.TransformPanel_head__y56ZD{display:flex;justify-content:space-between;align-items:baseline;gap:var(--space-4);width:100%}.TransformPanel_label__49wAc{color:var(--text-faint);font-family:var(--font-sans);font-size:var(--font-size-micro);font-weight:600;letter-spacing:var(--letter-spacing-micro);text-transform:uppercase}.TransformPanel_meta__Y1O7D,.TransformPanel_sourceUrl__P50mP,.TransformPanel_units__Xma1h{color:var(--text-secondary);font-family:var(--font-mono);font-size:var(--font-size-smallest)}.TransformPanel_sourceText__bDwPv{width:100%;color:var(--text-secondary);font-family:var(--font-sans);font-size:var(--font-size-small);white-space:pre-wrap}.TransformPanel_divider__6i3sR{display:flex;align-items:center;justify-content:center;width:34px;flex-shrink:0;background:var(--bg);border-left:1px solid var(--border);border-right:1px solid var(--border)}.TransformPanel_arrow__7YmW_{color:var(--border-strong);font-size:14px}.TransformPanel_title__GPzed{width:100%;color:var(--text-primary);font-family:var(--font-serif);font-size:var(--font-size-title)}.TransformPanel_readout__DLv1J,.TransformPanel_rows__yvXpD{display:flex;flex-direction:column;width:100%}.TransformPanel_readout__DLv1J{gap:var(--space-3)}.TransformPanel_figure__o2Uaw{display:flex;align-items:baseline;gap:4px}.TransformPanel_value___30Hv{color:var(--text-primary);font-family:var(--font-mono);font-size:var(--font-size-figure)}.TransformPanel_unit__0vE1J{color:var(--accent);font-family:var(--font-mono);font-size:var(--font-size-title)}.TransformPanel_readoutLabel__Ut0np{color:var(--text-faint);font-family:var(--font-sans);font-size:var(--font-size-micro);font-weight:600;letter-spacing:var(--letter-spacing-micro);text-transform:uppercase}@media (max-width:768px){.TransformPanel_panel__QeFxh{flex-direction:column}.TransformPanel_divider__6i3sR{width:100%;height:34px;border-left:none;border-right:none;border-top:1px solid var(--border);border-bottom:1px solid var(--border)}.TransformPanel_arrow__7YmW_{transform:rotate(90deg)}.TransformPanel_head__y56ZD{flex-direction:column;align-items:flex-start;gap:4px}}