.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}}.data-mode-picker{flex-wrap:wrap;gap:8px;margin-bottom:20px;display:flex}.data-mode-picker button{background:var(--surface);color:var(--text);border:1px solid var(--line);min-height:44px;font:inherit;cursor:pointer;border-radius:8px;padding:12px 16px;font-size:14px}.data-mode-picker button[aria-pressed=true]{background:var(--tool-soft);border-color:var(--tool-accent);box-shadow:inset 0 0 0 1px var(--tool-accent)}.data-entry-actions{align-items:center;gap:16px;margin-bottom:20px;display:flex}.data-entry-actions button{min-height:44px}.data-live-result{flex-direction:column;align-items:flex-start;gap:16px;display:flex}.data-live-result>p{color:var(--text-muted);margin:0;line-height:1.7}.data-live-result button{align-items:center;gap:8px;min-height:44px;display:flex}.data-removed{flex-wrap:wrap;align-items:center;gap:8px;width:100%;font-size:13px;display:flex}.data-removed code{background:var(--surface-soft);overflow-wrap:anywhere;border-radius:6px;padding:6px 10px}.data-table-preview{width:100%;max-height:360px;overflow:auto}.data-table-preview table{border-collapse:collapse;width:100%;font-size:13px}.data-table-preview caption{text-align:left;color:var(--text-muted);padding:12px 0}.data-table-preview th,.data-table-preview td{text-align:left;border:1px solid var(--line);overflow-wrap:anywhere;min-width:100px;max-width:300px;padding:10px 14px}.data-table-preview th{background:var(--surface-soft)}.data-base64 .workspace,.data-url .workspace,.data-diff .workspace{grid-template-columns:1fr}.data-base64 .file-panel,.data-url .file-panel,.data-diff .file-panel{border-right:0;border-bottom:1px solid var(--line)}.data-base64 .settings-panel,.data-url .settings-panel,.data-diff .settings-panel{padding:24px 32px}.data-base64 .settings-panel .section-heading,.data-url .settings-panel .section-heading,.data-diff .settings-panel .section-heading,.data-base64 .settings-panel .data-fields:empty{display:none}.data-base64 .compress-button,.data-url .compress-button,.data-diff .compress-button{width:auto;min-width:240px;margin-top:0}.data-diff .file-panel .data-fields{grid-template-columns:1fr 1fr;gap:20px;display:grid}@media (max-width:760px){.data-diff .file-panel .data-fields{grid-template-columns:1fr}.data-base64 .settings-panel,.data-url .settings-panel,.data-diff .settings-panel{padding:24px}.data-base64 .compress-button,.data-url .compress-button,.data-diff .compress-button{width:100%;min-width:0}}