.data-options{min-height:52px;padding:var(--space-2) var(--space-3);justify-content:flex-start;align-items:center;gap:var(--space-4);flex-wrap:wrap;display:flex}.data-option,.data-check{align-items:center;gap:var(--space-2);color:var(--muted);font-size:12px;font-weight:500;display:inline-flex}.data-option select{min-width:120px;height:36px;padding-inline:var(--space-3);border-radius:var(--radius-control);color:var(--ink);background:var(--control);box-shadow:0 0 0 1px var(--control-line);border:0}.data-check input{width:16px;height:16px;accent-color:var(--brand)}.data-converter .converter-grid>.converter-commandbar{grid-area:2/1/auto/-1}.data-converter .converter-grid>.input-pane{grid-area:1/1}.data-converter .converter-grid>.output-pane{grid-area:1/2}.data-converter.is-dragging .input-pane{z-index:2;box-shadow:inset 0 0 0 2px var(--brand);position:relative}.data-converter .drop-hint{min-height:34px;padding:7px var(--space-4);border-top:1px solid var(--line);color:var(--muted);margin:0;font-size:11px;line-height:1.5}.data-converter .output-pane textarea{min-height:298px}@media (width<=680px){.data-options{align-items:stretch;gap:var(--space-3)}.data-option{justify-content:space-between;width:100%}.data-option select{height:44px}.data-check{min-height:44px}.data-check>.tooltip--label{flex:auto;min-width:0}.data-check .tooltip-target>label{align-items:center;min-height:44px;display:flex}.data-converter .converter-grid>.input-pane{order:1;grid-area:auto/1}.data-converter .converter-commandbar{order:2;grid-area:auto/1}.data-converter .converter-grid>.output-pane{order:3;grid-area:auto/1}}