:root{color:#344054;font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:#f1f5f9;font-family:Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}*{box-sizing:border-box}body{min-width:320px;margin:0}.app-shell{box-sizing:border-box;width:min(1440px,100%);min-height:100vh;margin:0 auto;padding:28px}.topbar{justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:18px;display:flex}.topbar-actions{align-items:center;gap:10px;display:flex}.eyebrow{color:#2563eb;letter-spacing:.08em;text-transform:uppercase;margin:0 0 6px;font-size:13px;font-weight:800}.topbar h1{color:#101828;margin:0;font-size:32px;line-height:1.2}.hero-subcopy{color:#667085;margin:8px 0 0;font-size:14px;line-height:1.5}button,select,input{font:inherit}button{cursor:pointer}button:disabled,select:disabled{cursor:not-allowed;opacity:.55}.ghost-button,.primary-button,.export-button{white-space:nowrap;border:1px solid #0000;border-radius:8px;justify-content:center;align-items:center;gap:8px;min-height:42px;padding:0 14px;font-weight:700;display:inline-flex}.ghost-button{color:#344054;background:#fff;border-color:#d0d5dd}.primary-button,.export-button{color:#fff;background:#2563eb}.title-upload-button{background:#ea580c}.hidden-file-input{display:none}.panel-section h2,.preview-header h2{color:#101828;margin:0;font-size:18px;line-height:1.3}.preview-header p{color:#667085;margin:4px 0 0;font-size:14px}.workspace{grid-template-columns:340px minmax(0,1fr);align-items:start;gap:20px;display:grid}.workspace.is-dragging .control-panel,.workspace.is-dragging .preview-panel{border-color:#fb923c;box-shadow:0 0 0 2px #f9731624}.control-panel,.preview-panel{background:#fff;border:1px solid #e4e7ec;border-radius:8px}.control-panel{overflow:hidden}.panel-section{border-bottom:1px solid #e4e7ec;padding:18px}.panel-section:last-child{border-bottom:0}.meta-list{gap:12px;margin:16px 0 0;display:grid}.meta-list div{grid-template-columns:96px minmax(0,1fr);gap:10px;display:grid}.meta-list dt{color:#667085;font-size:13px}.meta-list dd{overflow-wrap:anywhere;color:#101828;min-width:0;margin:0;font-size:14px;font-weight:650}.field-label{color:#344054;margin-bottom:8px;font-size:14px;font-weight:700;display:block}select{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;min-height:40px;padding:0 12px}.language-select{width:auto;min-width:104px}.preset-list{gap:10px;margin-top:14px;display:grid}.preset{text-align:left;background:#fff;border:1px solid #e4e7ec;border-radius:8px;grid-template-columns:1fr auto;align-items:center;gap:10px;width:100%;padding:14px;display:grid}.preset.is-active{background:#eff6ff;border-color:#2563eb}.preset strong,.preset small{display:block}.preset strong{color:#101828;font-size:14px}.preset small{color:#667085;margin-top:3px;font-size:12px;line-height:1.45}.preview-panel{min-width:0;overflow:hidden}.preview-header{border-bottom:1px solid #e4e7ec;justify-content:space-between;align-items:center;gap:16px;padding:18px;display:flex}.warning{color:#7a2e0e;background:#fff7ed;border:1px solid #fed7aa;border-radius:8px;margin:14px 18px 0;padding:10px 12px;font-size:13px}.table-wrap{height:min(62vh,680px);min-height:420px;overflow:auto}table{border-collapse:collapse;width:max-content;min-width:100%;font-size:13px}td{color:#101828;text-overflow:ellipsis;white-space:nowrap;border-bottom:1px solid #e4e7ec;border-right:1px solid #e4e7ec;min-width:120px;max-width:340px;padding:9px 12px;overflow:hidden}.line-number-cell{z-index:3;color:#6b7280;text-align:right;font-variant-numeric:tabular-nums;background:#f8fafc;min-width:64px;max-width:64px;padding:9px 10px;position:sticky;left:0}tbody tr:first-child:not(.manual-header-row) td{z-index:1;background:#f8fafc;font-weight:800;position:sticky;top:0;overflow:visible}tbody tr:first-child:not(.manual-header-row) .line-number-cell{z-index:4}tbody tr:first-child:not(.manual-header-row) td.has-open-filter{z-index:8}.manual-header-row td{z-index:2;background:#f3f4f6;padding:8px;font-weight:800;position:sticky;top:0;overflow:visible}.manual-header-row .line-number-cell{z-index:5;background:#f3f4f6}.manual-header-row td.has-open-filter{z-index:8}.line-number-header{color:#0000}.header-input{color:#0f172a;background:#f9fafb;border:1px solid #d1d5db;border-radius:6px;width:100%;min-width:104px;padding:8px 10px;font-weight:700}.header-cell{grid-template-columns:minmax(0,1fr) auto;align-items:center;gap:8px;min-height:28px;display:grid;position:relative}.header-cell.is-filtered{background:#dbeafe;border-radius:6px;margin:-4px -6px;padding:4px 6px;box-shadow:inset 0 0 0 1px #93c5fd}.header-title{text-overflow:ellipsis;white-space:nowrap;min-width:0;overflow:hidden}.header-title-button{min-width:0;color:inherit;text-align:left;font:inherit;font-weight:inherit;background:0 0;border:0;padding:0}.header-title-button:hover .header-title,.header-title-button:focus-visible .header-title{text-decoration:underline}.header-filter{z-index:1;position:relative}.filter-trigger{color:#667085;background:0 0;border:1px solid #0000;border-radius:6px;justify-content:center;align-items:center;width:24px;height:24px;padding:0;display:inline-flex}.filter-trigger:hover,.filter-trigger.is-active{color:#0f172a;background:#fff;border-color:#d0d5dd}.filter-trigger.is-active{color:#1d4ed8;background:#eff6ff;border-color:#93c5fd;box-shadow:0 0 0 2px #3b82f62e}.filter-popup{z-index:30;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:220px;padding:10px;position:absolute;box-shadow:0 12px 24px #0f172a1f}.filter-popup-portal{position:fixed}.filter-popup-field{gap:6px;display:grid}.filter-popup-field span{color:#344054;font-size:12px;font-weight:700}.filter-search-input{color:#101828;background:#fff;border:1px solid #d0d5dd;border-radius:8px;width:100%;min-height:36px;padding:0 10px}.empty-state{color:#667085;align-content:center;place-items:center;gap:12px;height:100%;display:grid}.empty-state p{margin:0;font-size:14px}.landing-section{background:radial-gradient(circle at 0 0,#2563eb1f,#0000 28%),linear-gradient(#fffdf8 0%,#fff7ed 100%);border:1px solid #fed7aa;border-radius:22px;margin-top:28px;padding:28px}.landing-header{max-width:780px}.landing-header h2{color:#111827;letter-spacing:-.03em;margin:0;font-size:clamp(28px,3vw,38px);line-height:1.15}.landing-header p:last-child{color:#6b7280;margin:12px 0 0;font-size:15px;line-height:1.7}.landing-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin-top:22px;display:grid}.landing-card{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#ffffffc7;border:1px solid #ffedd5e6;border-radius:18px;min-height:220px;padding:20px;box-shadow:0 18px 40px #78350f14}.landing-card-accent{background:linear-gradient(#2563eb14,#ffffffe0),#ffffffe0}.landing-kicker{color:#1d4ed8;letter-spacing:.08em;background:#dbeafe;border-radius:999px;justify-content:center;align-items:center;min-width:42px;min-height:28px;padding:0 10px;font-size:12px;font-weight:800;display:inline-flex}.landing-card h3{color:#111827;margin:16px 0 8px;font-size:20px;line-height:1.3}.landing-card p{color:#6b7280;margin:0;font-size:14px;line-height:1.7}@media (width<=980px){.app-shell{padding:18px}.topbar,.preview-header,.topbar-actions{flex-direction:column;align-items:stretch}.workspace{grid-template-columns:1fr}.landing-section{padding:22px}.landing-grid{grid-template-columns:1fr}.table-wrap{min-height:360px}}