:root{color:#172033;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;--bg:#f8f9f7;--panel:#fff;--panel-soft:#f4f8f5;--border:#dfe7ea;--text:#172033;--muted:#58657a;--accent:#0d5c70;--accent-strong:#0a4351;--accent-soft:#e9f4f6;--success:#1b8c61;--danger:#b54436;background:#f7f9f8;font-family:Inter,Segoe UI,sans-serif;line-height:1.5}*{box-sizing:border-box}html{scroll-behavior:smooth}body{min-width:320px;color:var(--text);background:linear-gradient(#f7f9f8 0%,#eef3f2 100%);margin:0}button,input{font:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.5}a{color:inherit;text-decoration:none}#root,.site-shell{min-height:100vh}.site-shell{flex-direction:column;display:flex}.site-header{z-index:10;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#f8fafced;border-bottom:1px solid #dde5ef;position:sticky;top:0}.nav-wrap,.footer-content,.page-shell{width:min(1100px,100% - 32px);margin:0 auto}.nav-wrap{justify-content:space-between;align-items:center;min-height:72px;display:flex}.brand,.footer-brand{align-items:center;gap:10px;font-size:19px;font-weight:800;display:inline-flex}.brand-mark{color:#fff;background:#f06449;border-radius:8px;justify-content:center;align-items:center;width:29px;height:29px;font-family:Consolas,monospace;font-size:18px;font-weight:700;display:inline-flex}.nav-links{color:#536175;gap:26px;font-size:14px;font-weight:600;display:flex}.nav-links a:hover,.footer-links a:hover{color:var(--accent)}.page-shell{flex:1;padding:36px 0 50px}.tool-panel{background:var(--panel);border:1px solid var(--border);border-radius:22px;padding:30px 28px 26px;box-shadow:0 20px 50px #0f172a17}.page-header,.preview-heading,.table-picker-heading{justify-content:space-between;align-items:flex-end;gap:18px;display:flex}.eyebrow{color:#d26045;letter-spacing:.08em;text-transform:uppercase;margin:0 0 8px;font-size:11px;font-weight:700}h1,h2,h3,p,ol{margin-top:0}h1{letter-spacing:-.06em;margin-bottom:0;font-size:clamp(2.2rem,4vw,3.2rem);line-height:1.08}h2{letter-spacing:-.04em}.page-subtitle{max-width:680px;color:var(--muted);margin:16px 0 0;font-size:1.1rem}.title-icon{color:#f06449;width:44px;height:44px}.privacy-banner,.success-message{color:var(--success);background:#e9f7f1;border:1px solid #1b8c612e;border-radius:999px;align-items:center;gap:10px;margin-top:20px;padding:12px 16px;font-weight:600;display:inline-flex}.dropzone{background:linear-gradient(#f9fbfb,#f3f8f6);border:2px dashed #b9d4d7;border-radius:22px;min-height:250px;margin-top:28px;transition:all .2s;display:flex}.dropzone.dragging{border-color:var(--accent);background:var(--accent-soft);transform:translateY(-1px)}.dropzone-content{text-align:center;flex-direction:column;flex:1;justify-content:center;align-items:center;gap:10px;padding:20px;display:flex}.upload-icon{width:52px;height:52px;color:var(--accent);background:#e9f4f6;border-radius:15px;place-items:center;margin-bottom:4px;display:grid}.dropzone-title{font-size:1.65rem}.dropzone-divider,.dropzone-caption{color:var(--muted)}.dropzone-caption{font-size:.9rem}.file-input{display:none}.button,.icon-button{border:1px solid var(--border);color:var(--text);background:#fff}.button{border-radius:10px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 16px;font-weight:700;display:inline-flex}.button.primary{background:var(--accent);border-color:var(--accent);color:#fff}.button.primary:hover{background:var(--accent-strong)}.button.secondary:hover,.button.quiet:hover{border-color:var(--accent);color:var(--accent)}.button.quiet{color:var(--muted);background:0 0;border-color:#0000}.button:focus-visible,.icon-button:focus-visible,.table-option:focus-visible,input:focus-visible,a:focus-visible{outline-offset:2px;outline:3px solid #06737d40}.icon-button{border-radius:9px;place-items:center;width:34px;height:34px;display:inline-grid}.icon-button.danger{color:var(--danger)}.file-summary{border:1px solid var(--border);background:var(--panel-soft);border-radius:14px;align-items:center;gap:12px;margin-top:24px;padding:14px;display:flex}.file-summary-icon{width:38px;height:38px;color:var(--accent);background:#e9f4f6;border-radius:10px;place-items:center;display:grid}.file-summary div:nth-child(2){flex:1;min-width:0}.file-summary strong,.file-summary span{overflow-wrap:anywhere;display:block}.file-summary span{color:var(--muted);margin-top:2px;font-size:.85rem}.inline-error{color:var(--danger);background:#fff1ed;border:1px solid #b544362e;border-radius:12px;align-items:flex-start;gap:10px;margin-top:14px;padding:12px 14px;font-weight:600;display:flex}.progress-panel{border:1px solid var(--border);background:var(--panel-soft);border-radius:15px;margin-top:20px;padding:17px}.progress-heading{align-items:center;gap:8px;display:flex}.progress-heading span{color:var(--muted);margin-left:auto;font-size:.85rem}.progress-track{background:#dfe7eb;border-radius:999px;height:10px;margin-top:13px;overflow:hidden}.progress-track span{border-radius:inherit;background:linear-gradient(90deg,var(--accent),#4aa9b9);height:100%;transition:width .25s;display:block}.spinner{animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.table-picker-heading{margin-top:30px}.table-picker-heading h2,.preview-heading h2{margin:0}.table-picker-heading .eyebrow,.preview-heading .eyebrow{margin-bottom:5px}.table-list{gap:8px;margin-top:16px;display:grid}.table-option{border:1px solid var(--border);width:100%;color:var(--text);text-align:left;background:#fff;border-radius:12px;justify-content:space-between;align-items:center;padding:13px 15px;display:flex}.table-option:hover,.table-option.selected{background:#f3fafa;border-color:#69aab1}.table-option strong,.table-option small{display:block}.table-option small{color:var(--muted);margin-top:3px}.confidence{color:var(--success);font-size:.85rem;font-weight:700}.preview-section{border-top:1px solid var(--border);margin-top:30px;padding-top:25px}.edit-hint{color:var(--muted);font-size:.85rem}.table-scroll{border:1px solid var(--border);border-radius:12px;margin-top:16px;overflow-x:auto}table{border-collapse:collapse;width:100%;min-width:620px}th,td{border-right:1px solid var(--border);border-bottom:1px solid var(--border);text-align:left;min-width:150px;padding:7px}th{background:#f4f8f5}th input,td input{width:100%;min-width:130px;color:var(--text);background:0 0;border:1px solid #0000;border-radius:6px;padding:8px 9px}th input{font-weight:700}th input:focus,td input:focus{background:#fff;border-color:#9bc7cc;outline:none}.row-action{border-right:0;width:45px;min-width:45px}.editor-actions,.result-actions{flex-wrap:wrap;gap:10px;margin-top:15px;display:flex}.download-button{min-width:170px}.success-message{margin-top:15px}.info-section{border:1px solid var(--border);background:#ffffffb8;border-radius:18px;margin-top:30px;padding:28px 30px}.info-section h2{margin-bottom:16px;font-size:clamp(1.55rem,2vw,2.1rem)}.info-section p,.info-section li,.faq-list h3{color:var(--muted)}.info-section ol{gap:10px;margin-bottom:0;padding-left:22px;display:grid}.split-info{grid-template-columns:1fr 1fr;gap:38px;display:grid}.split-info h2{font-size:1.4rem}.faq-list{grid-template-columns:1fr 1fr;gap:18px 36px;display:grid}.faq-list article{border-top:1px solid var(--border);padding-top:15px}.faq-list h3{color:var(--text);margin-bottom:6px;font-size:1.05rem}.faq-list p{color:var(--muted);margin-bottom:0}.tool-links{flex-wrap:wrap;gap:10px;display:flex}.tool-links a{border:1px solid var(--border);background:#fff;border-radius:999px;align-items:center;min-height:42px;padding:0 14px;font-weight:600;display:inline-flex}.site-footer{color:#eef3f9;background:#172033;padding:36px 0 26px}.footer-brand{font-size:17px}.footer-brand .brand-mark{width:25px;height:25px}.footer-links{flex-wrap:wrap;gap:18px;margin-top:22px;display:flex}.footer-links a,.site-footer small{color:#d4ddea;font-size:12px}.site-footer small{border-top:1px solid #ffffff1f;margin-top:26px;padding-top:18px;display:block}@media (width<=720px){.nav-wrap,.footer-content,.page-shell{width:min(100% - 20px,1100px)}.nav-wrap{min-height:62px}.nav-links{gap:13px;font-size:12px}.tool-panel{padding:22px 18px 20px}.title-icon{display:none}.dropzone{min-height:205px}.table-picker-heading,.preview-heading{flex-direction:column;align-items:flex-start}.table-picker-heading .button{width:100%}.split-info,.faq-list{grid-template-columns:1fr;gap:8px}.info-section{padding:23px 20px}.result-actions .button,.download-button{width:100%}}