.data-tool .intro>p{max-width:720px}.data-tool .file-panel,.data-tool .settings-panel{min-width:0}.data-fields{border:0;flex-direction:column;gap:20px;min-width:0;margin:0 0 24px;padding:0;display:flex}.data-field{flex-direction:column;gap:10px;min-width:0;font-size:14px;font-weight:500;display:flex}.data-field input,.data-field select,.data-field textarea{border:1px solid var(--line);background:var(--surface-soft);width:100%;min-width:0;min-height:44px;color:var(--text);font:inherit;color-scheme:inherit;border-radius:8px;padding:12px;font-size:16px}.data-field textarea{resize:vertical;line-height:1.6;font-family:var(--font-geist-mono),ui-monospace,monospace}:is(.data-field input:focus-visible,.data-field select:focus-visible,.data-field textarea:focus-visible){outline:3px solid var(--focus);outline-offset:3px}.data-check{align-items:center;gap:12px;min-height:44px;font-size:14px;line-height:1.6;display:flex}.data-check input{width:18px;height:18px;accent-color:var(--tool-accent);flex-shrink:0}.data-hint{color:var(--text-muted);font-size:14px;line-height:1.7}.data-progress{color:var(--text-muted);justify-content:space-between;align-items:center;gap:12px;margin-top:16px;font-size:14px;display:flex}.data-progress button{min-height:44px}.data-result-heading{flex:1;min-width:0}.data-result-heading p{overflow-wrap:anywhere;color:var(--text-muted);font-size:14px}.data-actions{flex-wrap:wrap;gap:12px;display:flex}.data-actions button,.data-actions a{justify-content:center;align-items:center;gap:8px;min-height:44px;display:flex}.data-result-content,.data-value,.data-diff,.data-colors{width:100%}.data-value{color:var(--tool-accent);overflow-wrap:anywhere;font-size:clamp(28px,5vw,48px);font-weight:600;line-height:1.25}.data-diff{border:1px solid var(--line);border-radius:8px;max-height:600px;padding:0;list-style:none;overflow:auto}.data-diff li{border-bottom:1px solid var(--line);grid-template-columns:86px 80px minmax(0,1fr);gap:12px;padding:10px 12px;font-size:13px;display:grid}.data-diff code{white-space:pre-wrap;overflow-wrap:anywhere;font-family:var(--font-geist-mono),ui-monospace,monospace}.data-diff-add{background:var(--success-soft);color:var(--success-text)}.data-diff-remove{background:var(--error-soft);color:var(--error-text)}.data-diff-equal{background:var(--surface-soft);color:var(--text)}.data-diff-kind,.data-diff-number{font-size:12px}.data-colors{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.data-color-preview{border:1px solid var(--line);border-radius:8px;place-items:center;min-height:120px;padding:24px;font-size:24px;font-weight:600;display:grid}.data-colors .data-value{align-self:center}.data-contrast-list{color:var(--text-muted);grid-column:1/-1;grid-template-columns:1fr 1fr;gap:12px;padding:0;font-size:14px;list-style:none;display:grid}.data-contrast-list strong{color:var(--text)}@media (max-width:760px){.data-diff li{grid-template-columns:76px 1fr;gap:8px}.data-diff code{grid-column:1/-1}.data-colors,.data-contrast-list{grid-template-columns:1fr}.data-actions{width:100%}.data-actions button,.data-actions a{flex:1}.data-result{padding:20px}}