:root{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:14px;color:#1a1a2e;background-color:#f0f2f5}*{box-sizing:border-box;margin:0;padding:0}body{min-height:100vh;padding:0}.app{max-width:680px;margin:0 auto;padding:24px 20px 40px}header h1{font-size:1.35rem;font-weight:700;margin-bottom:16px;color:#2d3a8c;letter-spacing:-.01em}.section{background:#fff;border-radius:10px;padding:16px;margin-bottom:10px;border:1px solid #dde1ea;box-shadow:0 1px 3px #0000000a}h2{font-size:.82rem;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:#6b7280;margin-bottom:10px}.hint{font-size:.78rem;font-weight:400;text-transform:none;letter-spacing:0;color:#9ca3af}.muted{font-size:.82rem;color:#9ca3af}.row-gap{display:flex;align-items:center;gap:12px}.column-list{display:flex;flex-direction:column;gap:3px}.column-item{display:flex;align-items:center;gap:8px;padding:5px 8px;background:#f8f9fb;border:1px solid #e5e7eb;border-radius:5px}.drag-handle{cursor:grab;color:#c4c9d4;font-size:1rem;line-height:1;-webkit-user-select:none;user-select:none;touch-action:none;padding:0 2px}.drag-handle:active{cursor:grabbing}.column-item input[type=checkbox]{cursor:pointer;width:14px;height:14px;accent-color:#2d3a8c}.column-item label{cursor:pointer;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:.82rem;color:#374151}.sort-config{display:flex;flex-direction:column;gap:6px}.sort-row{display:flex;align-items:center;gap:6px}.sort-label{font-size:.78rem;color:#9ca3af;width:44px;flex-shrink:0}.sort-row select{padding:4px 8px;border:1px solid #d1d5db;border-radius:5px;font-size:.82rem;background:#fff;color:#374151;cursor:pointer}.sort-row select:focus{outline:2px solid #2d3a8c40;border-color:#2d3a8c}.radio-group{display:flex;flex-direction:column;gap:10px}.radio-group label{display:flex;align-items:flex-start;gap:8px;cursor:pointer}.radio-group input[type=radio]{margin-top:2px;accent-color:#2d3a8c;cursor:pointer}.btn-primary{padding:7px 16px;background:#2d3a8c;color:#fff;border:none;border-radius:6px;cursor:pointer;font-size:.88rem;font-weight:500;transition:background .15s}.btn-primary:hover:not(:disabled){background:#1e2b6e}.btn-primary:disabled{background:#9ca3af;cursor:not-allowed}.btn-export{width:100%;padding:10px;font-size:.95rem}.btn-secondary{padding:5px 10px;background:#f3f4f6;color:#4b5563;border:1px solid #d1d5db;border-radius:5px;cursor:pointer;font-size:.82rem;transition:background .15s}.btn-secondary:hover{background:#e5e7eb}.btn-remove{width:22px;height:22px;padding:0;background:#fee2e2;color:#b91c1c;border:none;border-radius:4px;cursor:pointer;font-size:.95rem;line-height:1;display:flex;align-items:center;justify-content:center;flex-shrink:0}.btn-remove:hover{background:#fecaca}.status{padding:10px 14px;border-radius:7px;font-size:.82rem;margin-top:10px;line-height:1.5}.status-ok{background:#f0fdf4;color:#166534;border:1px solid #bbf7d0}.status-error{background:#fef2f2;color:#991b1b;border:1px solid #fecaca}.output-section{margin-top:10px}.output-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:8px}.output-header h2{margin-bottom:0}.output-textarea{width:100%;height:400px;resize:vertical;font-family:SFMono-Regular,Consolas,Menlo,monospace;font-size:.82rem;line-height:1.6;padding:10px;border:1px solid #d1d5db;border-radius:6px;background:#f8f9fb;color:#1a1a2e;white-space:pre;overflow:auto}