:root{--text:#6b7280;--text-h:#111827;--bg:#fff;--border:#e5e7eb;--sans:Inter, system-ui, -apple-system, Segoe UI, Roboto, sans-serif;--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light;font-family:var(--sans);color:var(--text-h);-webkit-font-smoothing:antialiased;background:#fcfcfd}*{box-sizing:border-box}body{background:#fcfcfd;min-height:100vh;margin:0}#root{min-height:100vh}.app{flex-direction:column;gap:24px;max-width:1200px;min-height:100vh;margin:0 auto;padding:0 20px 40px;display:flex}.app-header{border-bottom:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:28px 0 16px;display:flex}.brand{text-align:left;align-items:center;gap:14px;display:flex}.logo{color:#fff;background:linear-gradient(135deg,#7c3aed,#4f46e5);border-radius:10px;flex-shrink:0;place-items:center;width:44px;height:44px;font-size:22px;font-weight:700;display:grid}.brand h1{letter-spacing:-.02em;margin:0;font-size:22px;line-height:1.1}.subtitle{color:var(--text);margin:2px 0 0;font-size:13px;line-height:1.3}.header-actions{align-items:center;gap:8px;display:flex}.btn{border:1px solid var(--border);background:var(--bg);color:var(--text-h);cursor:pointer;white-space:nowrap;border-radius:8px;padding:8px 14px;font-family:inherit;font-size:13.5px;font-weight:500;transition:all .15s}.btn:hover{background:#f5f3ff;border-color:#c4b5fd}.btn:active{transform:scale(.98)}.btn.primary{color:#fff;background:#111827;border-color:#111827}.btn.primary:hover{background:#1f2937}.btn.ghost{background:0 0}.btn.secondary{color:#6d28d9;background:#f5f3ff;border-color:#ddd6fe}.btn.secondary:hover{background:#ede9fe}.btn.small{padding:6px 10px;font-size:13px}.btn:disabled{opacity:.45;cursor:not-allowed}.empty-state{flex-direction:column;flex:1;align-items:center;gap:18px;padding:24px 0;display:flex}.dropzone{text-align:center;cursor:pointer;background:#fcfcff;border:2px dashed #d1d5db;border-radius:16px;flex-direction:column;align-items:center;gap:6px;width:100%;max-width:640px;padding:42px 24px;transition:all .18s;display:flex}.dropzone:hover,.dropzone.drag-over{background:#f5f3ff;border-color:#7c3aed;transform:translateY(-1px)}.dropzone.drag-over{border-style:solid;box-shadow:0 8px 24px #7c3aed26}.drop-icon{color:#7c3aed;background:#ede9fe;border-radius:999px;place-items:center;width:48px;height:48px;margin-bottom:6px;font-size:20px;display:grid}.dropzone h2{margin:0;font-size:18px}.dropzone p{color:var(--text);margin:0;font-size:14px}.hint{color:#9ca3af;margin-top:6px;font-size:12px}.options-card{background:var(--bg);border:1px solid var(--border);text-align:left;border-radius:12px;flex-direction:column;gap:6px;width:100%;max-width:640px;padding:16px 18px;display:flex}.checkbox{color:var(--text-h);cursor:pointer;-webkit-user-select:none;user-select:none;align-items:center;gap:10px;font-size:14px;font-weight:500;display:flex}.checkbox input{display:none}.checkmark{background:#fff;border:1.5px solid #d1d5db;border-radius:5px;flex-shrink:0;place-items:center;width:18px;height:18px;transition:all .15s;display:grid}.checkmark.small{border-radius:4px;width:16px;height:16px}.checkbox input:checked+.checkmark{color:#fff;background:#7c3aed;border-color:#7c3aed}.checkbox input:checked+.checkmark:after{content:"✓";font-size:11px;line-height:1}.checkbox-help{color:var(--text);margin:0;padding-left:28px;font-size:12.5px;line-height:1.4}.checkbox.compact{font-size:13px}.checkbox.compact .checkbox-help{display:none}.sample-row{color:var(--text);align-items:center;gap:10px;font-size:13px;display:flex}.error{color:#991b1b;box-sizing:border-box;background:#fef2f2;border:1px solid #fecaca;border-radius:8px;width:100%;max-width:640px;padding:10px 14px;font-size:13px}.features{color:var(--text);flex-wrap:wrap;justify-content:center;gap:18px;margin:6px 0 0;padding:0;font-size:12.5px;list-style:none;display:flex}.features li{gap:6px;display:flex}.features strong{color:var(--text-h)}.viewer{flex-direction:column;flex:1;gap:14px;display:flex}.toolbar{border:1px solid var(--border);background:#f9fafb;border-radius:12px;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;padding:12px 14px;display:flex}.toolbar-left,.toolbar-right{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.file-badge{border:1px solid var(--border);background:#fff;border-radius:8px;align-items:center;gap:8px;max-width:320px;padding:6px 10px;font-size:13px;display:flex}.file-icon{color:#7c3aed}.file-name{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;max-width:140px;font-weight:600;overflow:hidden}.file-meta{color:var(--text);white-space:nowrap;font-size:12px}.search-wrap{align-items:center;display:flex;position:relative}.search-icon{color:#9ca3af;pointer-events:none;font-size:14px;position:absolute;left:9px}.search-input{border:1px solid var(--border);background:#fff;border-radius:8px;outline:none;width:240px;padding:8px 28px;font-size:13px;transition:border-color .15s,box-shadow .15s}.search-input:focus{border-color:#7c3aed;box-shadow:0 0 0 3px #7c3aed1f}.clear-search{color:#374151;cursor:pointer;background:#e5e7eb;border:none;border-radius:999px;place-items:center;width:20px;height:20px;font-size:14px;line-height:1;display:grid;position:absolute;right:6px}.row-count{color:var(--text);align-items:center;gap:8px;font-size:12.5px;display:flex}.sorted-badge{color:#6d28d9;background:#ede9fe;border-radius:999px;padding:2px 6px;font-size:11px;font-weight:600}.table-wrap{border:1px solid var(--border);background:#fff;border-radius:12px;max-height:60vh;overflow:auto;box-shadow:0 1px 2px #0000000a}table{border-collapse:collapse;text-align:left;width:100%;font-size:13.5px}thead{z-index:1;position:sticky;top:0}thead th{color:#374151;white-space:nowrap;border-bottom:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;padding:10px 12px;font-weight:600;transition:background .12s;position:relative}thead th:hover{background:#f3f4f6}thead th.sorted{color:#5b21b6;background:#ede9fe}.th-content{align-items:center;gap:6px;display:flex}.sort-icon{opacity:.5;font-size:11px}.sorted .sort-icon{opacity:1}.row-num{text-align:center;color:#9ca3af;font-variant-numeric:tabular-nums;-webkit-user-select:none;user-select:none;background:#f9fafb;width:44px;font-size:12px}thead .row-num{cursor:default}tbody td{color:#1f2937;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #f3f4f6;max-width:320px;padding:9px 12px;overflow:hidden}tbody tr:hover td{background:#f9fafb}tbody tr:last-child td{border-bottom:none}.empty-table{border:1px dashed var(--border);text-align:center;color:var(--text);background:#fcfcff;border-radius:12px;padding:32px;font-size:14px}.link{color:#7c3aed;cursor:pointer;background:0 0;border:none;font-weight:600;text-decoration:underline}.link.danger{color:#dc2626}.btn.active{color:#5b21b6;background:#ede9fe;border-color:#7c3aed}.link-banner{color:#1e40af;background:#eff6ff;border:1px solid #bfdbfe;border-radius:10px;justify-content:space-between;align-items:center;padding:10px 14px;font-size:13px;font-weight:500;display:flex}.share-hint{color:var(--text);border:1px dashed var(--border);background:#f9fafb;border-radius:8px;padding:8px 12px;font-size:12.5px}.share-hint code{color:#5b21b6;background:#ede9fe;border-radius:4px;padding:1px 5px;font-size:12px}.column-picker{border:1px solid var(--border);background:#fff;border-radius:12px;flex-direction:column;gap:12px;padding:14px;display:flex;box-shadow:0 1px 2px #0000000a}.picker-header{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:13px;display:flex}.picker-actions{color:var(--text);align-items:center;gap:6px;font-size:12.5px;display:flex}.picker-actions .sep{color:#d1d5db}.picker-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:8px;display:grid}.picker-item{border:1px solid var(--border);cursor:pointer;-webkit-user-select:none;user-select:none;background:#f9fafb;border-radius:8px;align-items:center;gap:8px;padding:8px 10px;font-size:13px;transition:all .12s;display:flex}.picker-item:hover{border-color:#c4b5fd}.picker-item.checked{background:#f5f3ff;border-color:#ddd6fe}.picker-item input{display:none}.picker-check{background:#fff;border:1.5px solid #d1d5db;border-radius:4px;flex-shrink:0;place-items:center;width:16px;height:16px;transition:all .12s;display:grid}.picker-item.checked .picker-check{color:#fff;background:#7c3aed;border-color:#7c3aed}.picker-item.checked .picker-check:after{content:"✓";font-size:10px;line-height:1}.picker-label{color:var(--text-h);white-space:nowrap;text-overflow:ellipsis;flex:1;font-weight:500;overflow:hidden}.picker-index{color:#9ca3af;font-size:11px}.picker-footer{color:#6b7280;font-size:11.5px}.share-panel{background:#fdfcff;border:1px solid #ddd6fe;border-radius:12px;flex-direction:column;gap:10px;padding:14px;display:flex}.share-header{justify-content:space-between;align-items:center;font-size:13px;display:flex}.share-desc{color:var(--text);margin:0;font-size:12.5px;line-height:1.4}.share-desc code{background:#ede9fe;border-radius:4px;padding:1px 4px;font-size:12px}.share-row{gap:8px;display:flex}.share-input{border:1px solid var(--border);color:var(--text-h);text-overflow:ellipsis;background:#fff;border-radius:8px;flex:1;padding:8px 10px;font-family:ui-monospace,monospace;font-size:12px;overflow:hidden}.share-meta{color:#9ca3af;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;font-size:11.5px;display:flex}.pagination{justify-content:center;align-items:center;gap:12px;padding:4px 0;display:flex}.page-info{color:var(--text);font-size:13px}.page-hint{color:#9ca3af}.table-footer{color:#9ca3af;text-align:center;padding-bottom:4px;font-size:12px}.app-footer{border-top:1px solid var(--border);color:#9ca3af;text-align:center;margin-top:auto;padding:18px 0 0;font-size:12px}@media (width<=640px){.app{padding:0 14px 24px}.search-input{width:160px}.toolbar{flex-direction:column;align-items:stretch}.toolbar-right{justify-content:space-between;width:100%}}