.mode-grid{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:20px}.mode-choice{display:flex;gap:12px;align-items:flex-start;padding:18px;border:1px solid var(--border);border-radius:8px;background:var(--input);cursor:pointer;margin:0}.mode-choice:has(input:checked){border-color:var(--accent);background:var(--soft)}.mode-choice input{margin-top:5px;accent-color:var(--accent);width:18px;height:18px;flex-shrink:0}.mode-choice strong{display:block;font-size:18px;margin-bottom:6px}.mode-choice span span{display:block;color:var(--muted);font-weight:400}.loaded-tables{display:grid;gap:12px;margin-top:20px}.loaded-table{padding:16px;background:var(--input);border:1px solid var(--border);border-radius:8px;min-width:0}.loaded-table h3,.table-input h3{overflow-wrap:anywhere}.loaded-table .input-heading{margin-bottom:0}.table-input{min-width:0}.table-input>h3{margin-bottom:16px}.table-input>.button{margin-top:12px}.mini-preview{margin-top:12px}.mini-preview .table-preview{max-height:210px}.column-settings{display:grid;gap:12px;margin:12px 0;max-height:600px;overflow:auto}.column-setting{padding:14px;background:var(--input);border:1px solid var(--border);border-radius:8px}.column-setting .form-grid{margin:8px 0;gap:12px}.column-setting .column-arrows{margin-left:auto}.column-setting label{overflow-wrap:anywhere}.key-pairs{display:grid;gap:12px;margin:16px 0}.key-pair{display:grid;grid-template-columns:1fr 1fr auto;gap:16px;align-items:end}.match-summary{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:16px;margin:20px 0}.match-summary>div{padding:12px;background:var(--soft);border-radius:6px}.match-summary strong{display:block;font-size:24px;line-height:1.4;font-variant-numeric:tabular-nums}.match-summary span{font-size:13px;color:var(--muted)}.alignment-warning{white-space:pre-line;overflow-wrap:anywhere}.preview-note{margin-top:20px}.related-tools{margin-top:36px}.loaded-table .hint{margin-bottom:0}#stackName{margin-bottom:12px}#operationStatus,#loadStatus,#exportStatus{overflow-wrap:anywhere}select.control{min-width:0;text-overflow:ellipsis}.column-settings input[type=text]{min-width:0}.mini-preview summary{font-weight:400}.mode-choice:focus-within{outline:3px solid var(--focus);outline-offset:3px}
@media(max-width:700px){.mode-grid{grid-template-columns:1fr}.key-pair{grid-template-columns:1fr}.key-pair button{justify-self:start}.match-summary{grid-template-columns:1fr 1fr;gap:10px}.column-setting .form-grid{grid-template-columns:1fr}.loaded-table .actions{gap:6px}.mode-choice{padding:14px}.column-setting{padding:10px}.related-tools .tool-grid{grid-template-columns:1fr}}