*{box-sizing:border-box}html,body{color:#1a1a1a;background:#fff;margin:0;padding:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;line-height:1.5}#root{min-height:100vh}.app{color:#1a1a1a;max-width:1100px;margin:0 auto;padding:2rem 1.5rem;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif}.app-header{border-bottom:1px solid #e0e0e0;margin-bottom:2rem;padding-bottom:1rem}.app-header h1{margin:0;font-size:1.75rem;font-weight:600}.subtitle{color:#666;margin:.25rem 0 0;font-size:.95rem}.app-main{flex-direction:column;gap:1.5rem;display:flex}.upload-section,.error-section,.preview-section{background:#fafafa;border:1px solid #e0e0e0;border-radius:6px;padding:1.25rem 1.5rem}.upload-section h2,.preview-section h2{margin:0 0 .75rem;font-size:1.1rem;font-weight:600}.error-section{background:#fef2f2;border-color:#fca5a5}.error-section h3{color:#b91c1c;margin:0 0 .5rem;font-size:1rem}.error-section p{color:#7f1d1d;margin:0}.upload-section input[type=file]{margin-top:.5rem;font-size:.95rem;display:block}.file-info{color:#555;margin:.75rem 0 0;font-size:.9rem}button{color:#fff;cursor:pointer;background:#1f4ed8;border:none;border-radius:4px;padding:.5rem 1.25rem;font-size:.95rem;transition:background .15s}button:hover:not(:disabled){background:#1e3aa9}button:disabled{cursor:not-allowed;background:#9ca3af}.preview-meta{border-bottom:1px solid #e0e0e0;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));gap:.5rem 1.5rem;margin-bottom:1.25rem;padding-bottom:1rem;display:grid}.preview-meta p{margin:0;font-size:.95rem}.warnings{background:#fef9c3;border:1px solid #fde047;border-radius:4px;margin-bottom:1.25rem;padding:.75rem 1rem}.warnings h4{color:#854d0e;margin:0 0 .5rem;font-size:.95rem}.warnings ul{color:#713f12;margin:0;padding-left:1.25rem;font-size:.9rem}.preview-section h4{margin:1rem 0 .5rem;font-size:.95rem;font-weight:600}.headers-list{flex-wrap:wrap;gap:.5rem;margin:0;padding:0;list-style:none;display:flex}.headers-list li{color:#1e3aa9;background:#e0e7ff;border-radius:3px;padding:.25rem .6rem;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.85rem}.sample-table-wrapper{border:1px solid #e0e0e0;border-radius:4px;overflow-x:auto}.sample-table{border-collapse:collapse;width:100%;font-size:.85rem}.sample-table th,.sample-table td{text-align:left;white-space:nowrap;text-overflow:ellipsis;border-bottom:1px solid #e0e0e0;max-width:250px;padding:.4rem .75rem;overflow:hidden}.sample-table th{background:#f3f4f6;font-family:ui-monospace,SF Mono,Menlo,monospace;font-size:.8rem;font-weight:600;position:sticky;top:0}.sample-table tr:hover{background:#f9fafb}