@import "https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@400;450;500;600&family=Space+Grotesk:wght@400;500;600;700&display=swap";#root{min-height:100vh}:root{--surface-0:#0b0f0d;--surface-1:#101612;--surface-2:#171f1a;--surface-3:#202a24;--surface-4:#2b3830;--text-primary:#f4f1e8;--text-secondary:#b7b0a2;--text-tertiary:#a29a8c;--text-inverse:#07100b;--accent:#57d69d;--accent-hover:#73e2b1;--accent-muted:#57d69d13;--accent-border:#57d69d33;--accent-cyan:#8bdde4;--accent-mint:#d3f8e7;--warm-cream:#f4f1e8;--border:#f3f0e716;--border-subtle:#f3f0e70b;--border-strong:#f3f0e729;--border-accent:#57d69d57;--surface-glass:#101612c7;--gradient-page:radial-gradient(circle at 15% -8%, #57d69d0f, transparent 28rem), radial-gradient(circle at 86% 3%, #8bdde40b, transparent 26rem), linear-gradient(180deg, #ffffff04, transparent 17rem), var(--surface-0);--gradient-panel:linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 96%, var(--accent-muted)), var(--surface-1));--gradient-hero:radial-gradient(circle at 18% 0%, #57d69d13, transparent 25rem), radial-gradient(circle at 92% 12%, #8bdde40e, transparent 22rem), linear-gradient(135deg, color-mix(in srgb, var(--surface-1) 98%, var(--accent-muted)), var(--surface-1));--shadow-soft:0 10px 30px #0000002e;--shadow-elevated:0 18px 50px #0000003d;--panel-shadow:var(--shadow-soft), inset 0 1px 0 #ffffff09;--panel-shadow-hover:var(--shadow-elevated), 0 0 0 1px #57d69d14, inset 0 1px 0 #ffffff0d;--error:#ff5f6d;--error-muted:#ff4d4d14;--warning:#f59e0b;--success:#00d084;--info:#8bdde4;--editor-bg:#0d1511;--editor-gutter:#080d0b;--editor-panel:#101812;--editor-border:#f3f0e717;--editor-active-line:#35f2a018;--radius-sm:2px;--radius-md:5px;--radius-lg:8px;--radius-xl:12px;color:var(--text-primary);background:var(--surface-0);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;font-family:Space Grotesk,Arial,sans-serif}@media (prefers-color-scheme:light){:root{--surface-0:#fbfaf6;--surface-1:#fffdf8;--surface-2:#f5f1e7;--surface-3:#ece5d8;--surface-4:#ddd3c1;--text-primary:#181611;--text-secondary:#5f584d;--text-tertiary:#6f6659;--border:#30281c1b;--border-subtle:#30281c0f;--border-strong:#30281c2e;--border-accent:#008b5947;--accent:#008f5b;--accent-hover:#00764d;--accent-muted:#008f5b13;--accent-border:#008f5b38;--accent-cyan:#168f9a;--accent-mint:#dff8ee;--warm-cream:#fff9ed;--surface-glass:#fffdf8d1;--gradient-page:radial-gradient(circle at 14% -8%, #008f5b0e, transparent 29rem), radial-gradient(circle at 86% 4%, #168f9a0b, transparent 25rem), linear-gradient(180deg, #ffffff73, transparent 18rem), var(--surface-0);--gradient-panel:linear-gradient(180deg, color-mix(in srgb, var(--surface-1) 96%, var(--accent-muted)), var(--surface-1));--gradient-hero:radial-gradient(circle at 18% 0%, #008f5b12, transparent 24rem), radial-gradient(circle at 92% 12%, #168f9a0d, transparent 22rem), linear-gradient(135deg, #fffdf8, #f8f3e9);--shadow-soft:0 10px 28px #30281c12;--shadow-elevated:0 16px 42px #30281c1a;--panel-shadow:var(--shadow-soft), inset 0 1px 0 #ffffffc7;--panel-shadow-hover:var(--shadow-elevated), 0 0 0 1px #008f5b13, inset 0 1px 0 #ffffffe0;--error-muted:#d7263d14;--info:#168f9a;--editor-bg:#fffdf7;--editor-gutter:#f2ecdd;--editor-panel:#faf5e8;--editor-border:#352b1824;--editor-active-line:#009f661c}}*{box-sizing:border-box}body{background:var(--gradient-page);min-width:320px;color:var(--text-primary);margin:0}button,input,textarea,select{font:inherit}button,.primary-upload,.secondary-upload{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);min-height:34px;color:var(--text-secondary);cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:0 11px;font-size:12px;font-weight:650;transition:color .16s,border-color .16s,background .16s,transform .16s;display:inline-flex}button:hover,.primary-upload:hover,.secondary-upload:hover{color:var(--text-primary);border-color:var(--border-strong);background:var(--surface-3)}button:disabled{cursor:not-allowed;opacity:.45}main{min-height:100vh}.topbar{z-index:30;border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-0) 88%, transparent);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);justify-content:space-between;align-items:center;gap:16px;height:48px;padding:0 20px;display:flex;position:sticky;top:0;box-shadow:0 8px 24px #00000014}.brand{color:var(--text-primary);align-items:center;gap:10px;text-decoration:none;display:inline-flex}.brand-mark{border-radius:var(--radius-md);background:var(--accent);width:30px;height:30px;color:var(--text-inverse);place-items:center;font-family:IBM Plex Mono,monospace;font-size:11px;font-weight:700;display:grid}.brand strong,.brand small{line-height:1.05;display:block}.brand strong{font-size:14px}.brand small,.status-line,.toolsfam-link,.hero-copy p,.compare-header p,.report-hero p,.feature-band p,.faq p,footer span,.preview-footer,.change-log span,.issue-list small{color:var(--text-secondary)}.topbar nav{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);gap:4px;padding:3px;display:flex}.header-steps span{color:var(--text-tertiary);padding:6px 10px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.topbar nav button{min-height:30px;color:var(--text-tertiary);background:0 0;border:0}.topbar nav button.active,.tabs button.active,.bottom-tabs button.active{background:var(--accent-muted);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border)}.toolsfam-link{font-size:13px;font-weight:650;text-decoration:none}.hero-section{grid-template-columns:minmax(0,1fr) minmax(320px,460px);align-items:center;gap:clamp(22px,4vw,48px);max-width:1280px;margin:0 auto;padding:34px 20px 18px;display:grid}.empty-landing{align-content:start;justify-items:center;gap:22px;max-width:1120px;min-height:calc(100vh - 48px);margin:0 auto;padding:clamp(42px,7vw,82px) 20px 36px;display:grid}.empty-hero{text-align:center;justify-items:center;max-width:760px;display:grid}.empty-hero h1{margin-bottom:12px}.empty-hero p{max-width:640px;color:var(--text-secondary);font-size:16px;line-height:1.65}.upload-card{border:1px solid var(--border);border-radius:var(--radius-xl);background:var(--gradient-panel);width:min(100%,620px);box-shadow:var(--panel-shadow);text-align:center;justify-items:center;gap:12px;padding:clamp(24px,5vw,42px);display:grid}.upload-card-icon{border:1px solid var(--accent-border);border-radius:var(--radius-lg);background:var(--accent-muted);width:54px;height:54px;color:var(--accent);place-items:center;display:grid}.upload-card h2{margin:0;font-size:1.35rem}.upload-card p,.upload-message{max-width:440px;color:var(--text-secondary);margin:0;font-size:13px;line-height:1.55}.hero-actions.centered{justify-content:center}.steps-row{grid-template-columns:repeat(3,1fr);gap:8px;width:min(100%,620px);display:grid}.steps-row span,.landing-copy-grid article{border:1px solid var(--border);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-1) 82%, transparent);box-shadow:var(--panel-shadow)}.steps-row span{color:var(--text-secondary);justify-content:center;align-items:center;gap:8px;padding:11px;font-weight:650;display:flex}.steps-row strong{background:var(--accent-muted);width:22px;height:22px;color:var(--accent);border-radius:999px;place-items:center;font-family:IBM Plex Mono,monospace;font-size:10px;display:grid}.landing-copy-grid{grid-template-columns:1fr 1fr;gap:10px;width:min(100%,860px);margin-top:18px;display:grid}.landing-copy-grid article{text-align:left;padding:16px}.landing-copy-grid h3{margin-bottom:8px;font-size:15px}.landing-copy-grid p{color:var(--text-secondary);margin:0;font-size:13px;line-height:1.6}.privacy-pill,.eyebrow,.status-line,.section-title,.type-badge{align-items:center;gap:7px;display:inline-flex}.privacy-pill{border:1px solid var(--accent-border);background:var(--accent-muted);width:fit-content;color:var(--accent);border-radius:999px;padding:6px 9px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.privacy-pill.compact{white-space:nowrap}.eyebrow{color:var(--accent);text-transform:uppercase;letter-spacing:0;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}h1,h2,h3,p{margin-top:0}h1{letter-spacing:0;max-width:760px;margin:16px 0 12px;font-size:clamp(2rem,4.4vw,3.35rem);line-height:1}h2{color:var(--text-primary);letter-spacing:0;font-size:clamp(1.35rem,2.4vw,2rem);line-height:1.08}h3{color:var(--text-primary)}.hero-copy p{max-width:680px;font-size:15px;line-height:1.7}.hero-actions,.compare-controls,.report-actions,.modal-actions,.safety-actions{flex-wrap:wrap;gap:8px;display:flex}.primary-upload{border-color:var(--accent);background:var(--accent);min-height:40px;color:var(--text-inverse);position:relative}.primary-upload:hover,.action-primary:hover{border-color:var(--accent-hover);background:var(--accent-hover);color:var(--text-inverse)}input[type=file]{opacity:0;cursor:pointer;position:absolute;inset:0}.preview-card,.panel-section,.workspace,.report-card,.modal-card,.feature-band article{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--gradient-panel);box-shadow:var(--panel-shadow)}.preview-card{overflow:hidden}.preview-toolbar{border-bottom:1px solid var(--border);align-items:center;gap:7px;height:38px;padding:0 12px;display:flex}.preview-toolbar span{background:var(--surface-4);border-radius:999px;width:7px;height:7px}.preview-toolbar strong{color:var(--text-tertiary);margin-left:auto;font-family:IBM Plex Mono,monospace;font-size:10px}.preview-grid{grid-template-columns:122px 1fr;min-height:250px;display:grid}.preview-sidebar{border-right:1px solid var(--border);background:color-mix(in srgb, var(--surface-0) 28%, transparent);padding:18px}.preview-sidebar strong{color:var(--accent);font-size:2.45rem;line-height:1;display:block}.preview-sidebar span,.preview-sidebar small{color:var(--text-secondary);margin-top:7px;display:block}.mini-sheet{background:var(--editor-border);grid-template-columns:repeat(6,1fr);gap:1px;padding:1px;display:grid}.mini-sheet span{background:var(--editor-panel);min-height:39px}.mini-sheet .bad{background:var(--error-muted)}.mini-sheet .warn{background:#f59e0b21}.mini-sheet .changed{background:var(--accent-muted)}.preview-footer{border-top:1px solid var(--border);justify-content:space-between;padding:10px 12px;font-family:IBM Plex Mono,monospace;font-size:10px;display:flex}.app-shell{grid-template-rows:auto minmax(650px,auto);grid-template-columns:248px minmax(0,1fr) 272px;gap:10px;max-width:1480px;margin:0 auto;padding:8px 20px 34px;display:grid}.app-topbar{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-glass);-webkit-backdrop-filter:blur(18px);backdrop-filter:blur(18px);grid-column:1/-1;grid-template-columns:minmax(220px,1fr) auto auto;align-items:center;gap:12px;min-height:48px;padding:8px 10px;display:grid}.file-title{align-items:center;gap:9px;min-width:0;display:flex}.file-title svg{color:var(--accent)}.file-title strong,.file-title span{text-overflow:ellipsis;white-space:nowrap;display:block;overflow:hidden}.file-title strong{color:var(--text-primary);font-size:13px}.file-title span,.app-metrics span,.file-mini span{color:var(--text-tertiary);font-family:IBM Plex Mono,monospace;font-size:10px}.app-metrics{flex-wrap:wrap;justify-content:flex-end;gap:6px;display:flex}.app-metrics span,.keyword-strip span,.case-grid span,.tag{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-tertiary);padding:5px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:650}.left-panel,.right-panel{flex-direction:column;gap:10px;min-width:0;display:flex}.panel-section{padding:12px}.section-title{color:var(--text-primary);margin-bottom:10px;font-size:13px;font-weight:700}.dropzone{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-2) 58%, transparent);text-align:center;cursor:pointer;justify-items:center;gap:6px;padding:18px 10px;display:grid;position:relative}.dropzone svg{color:var(--accent)}.dropzone strong{color:var(--text-primary);font-size:13px}.dropzone span,.field-label{color:var(--text-secondary);font-size:12px}.file-mini{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);gap:2px;margin-top:9px;padding:8px;display:grid}.file-mini strong{color:var(--text-primary);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}textarea,input,select{border:1px solid var(--border);border-radius:var(--radius-md);background:var(--surface-2);width:100%;min-height:34px;color:var(--text-primary)}textarea{resize:vertical;min-height:76px;margin:8px 0;padding:9px}input,select{padding:0 9px}.field-label{gap:6px;margin-top:9px;font-weight:650;display:grid}.paste-drawer{margin-top:9px}.paste-drawer summary{cursor:pointer;color:var(--text-secondary);font-size:12px;font-weight:650}.status-line{margin:9px 0 0;font-size:11px;line-height:1.4}.tabs{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-2);grid-template-columns:repeat(4,1fr);gap:4px;padding:3px;display:grid}.tabs button{min-height:28px;color:var(--text-tertiary);text-transform:capitalize;background:0 0;border:0;padding:0 4px;font-size:10px}.action-list,.export-grid{gap:7px;margin-top:10px;display:grid}.action-list button,.export-grid button,.safety-actions button{justify-content:flex-start}.action-primary{border-color:var(--accent);background:var(--accent);color:var(--text-inverse)}.change-log{max-height:150px;color:var(--text-secondary);margin:10px 0 0;padding-left:17px;font-size:11px;overflow:auto}.change-log li{margin-bottom:8px}.change-log strong,.change-log span{display:block}.workspace{flex-direction:column;min-height:650px;display:flex;overflow:hidden}.workspace-tabs{border-bottom:1px solid var(--border-subtle);background:color-mix(in srgb, var(--surface-1) 72%, transparent);gap:4px;padding:8px 9px 0;display:flex}.workspace-tabs button{min-height:30px;color:var(--text-tertiary);background:0 0;border-color:#0000}.workspace-tabs button.active{background:var(--accent-muted);color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent-border)}.toolbar{border-bottom:1px solid var(--border);background:color-mix(in srgb, var(--surface-1) 72%, transparent);grid-template-columns:minmax(150px,1fr) minmax(150px,1fr) 210px repeat(3,auto);gap:7px;padding:9px;display:grid}.recommended-panel{gap:10px;display:grid}.recommended-panel h3,.recommended-panel p{margin:0}.recommended-panel p{color:var(--text-secondary);font-size:12px;line-height:1.55}.primary-wide{justify-content:center;width:100%;min-height:42px}.recommended-list{gap:7px;display:grid}.recommended-list span{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);justify-content:space-between;align-items:center;gap:8px;padding:8px;display:flex}.recommended-list b,.recommended-list small{font-size:11px}.recommended-list b{color:var(--text-primary)}.recommended-list small{color:var(--text-tertiary);white-space:nowrap}.safety-panel{opacity:.92}.search-box,.select-wrap{align-items:center;display:flex;position:relative}.search-box svg,.select-wrap svg{color:var(--text-tertiary);pointer-events:none;position:absolute;left:9px}.search-box input,.select-wrap select{padding-left:30px}.grid-wrap{background:var(--editor-bg);flex:1;min-height:430px}.chart-fallback{height:220px;color:var(--text-secondary);background:var(--surface-2);border-radius:var(--radius-lg);place-items:center;display:grid}.health-card{gap:12px;display:grid}.score-ring{background:radial-gradient(circle at center, var(--surface-1) 59%, transparent 60%), conic-gradient(var(--accent) var(--score), var(--surface-3) 0);border-radius:999px;place-items:center;width:96px;height:96px;margin:0 auto;display:grid}.score-ring strong{color:var(--accent);font-size:1.7rem}.score-ring span{color:var(--text-tertiary);margin-top:34px;font-family:IBM Plex Mono,monospace;font-size:10px;position:absolute}.metric-grid,.stats-list{grid-template-columns:1fr 1fr;gap:7px;display:grid}.metric-grid span,.stats-list div,.frequency span,.diff-summary span,.bottom-metrics span{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);color:var(--text-secondary);padding:8px;font-size:11px}.metric-grid strong,.frequency b,.stats-list dd,.diff-summary strong,.bottom-metrics strong{color:var(--text-primary);font-weight:700;display:block}.issue-list{gap:7px;margin:0;padding:0;list-style:none;display:grid}.issue-list li{border-radius:var(--radius-md);background:var(--surface-2);gap:8px;padding:8px;display:flex}.issue-list strong,.compact-list strong{color:var(--text-primary);font-size:12px;display:block}.issue-list .critical svg,.tag.critical,.tag.danger,.danger{color:var(--error)}.issue-list .warning svg,.tag.warning{color:var(--warning)}.issue-list .info svg,.tag.info,.tag.success{color:var(--accent)}.type-badge{border:1px solid var(--accent-border);background:var(--accent-muted);width:fit-content;color:var(--accent);border-radius:999px;padding:4px 8px;font-family:IBM Plex Mono,monospace;font-size:10px;font-weight:700}.stats-list{margin:10px 0}.stats-list div{gap:3px;display:grid}.stats-list dt{color:var(--text-tertiary);font-size:10px}.stats-list dd{margin:0;font-size:12px}.frequency{gap:6px;display:grid}.frequency span{justify-content:space-between;gap:8px;display:flex}.bottom-panel{border-top:1px solid var(--border);background:var(--surface-1)}.bottom-tabs{gap:4px;padding:7px 9px 0;display:flex}.bottom-tabs button{min-height:28px;color:var(--text-tertiary);background:0 0;border-color:#0000}.bottom-content{min-height:154px;padding:9px}.compact-list{gap:7px;display:grid}.compact-list article{border:1px solid var(--border-subtle);border-radius:var(--radius-md);background:var(--surface-2);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:9px;padding:8px;display:grid}.compact-list small{color:var(--text-secondary);text-overflow:ellipsis;white-space:nowrap;font-size:11px;display:block;overflow:hidden}.compact-list b{color:var(--text-tertiary);font-family:IBM Plex Mono,monospace;font-size:10px}.severity-dot{background:var(--info);border-radius:999px;width:8px;height:8px}.severity-dot.critical{background:var(--error)}.severity-dot.warning{background:var(--warning)}.severity-dot.info{background:var(--accent)}.bottom-metrics{grid-template-columns:repeat(4,1fr);gap:8px;display:grid}.compact-chart{height:180px}.compare-view,.report-view,.visualize-view,.export-view{padding:16px;overflow:auto}.view-heading{margin-bottom:14px}.view-heading h2{margin:4px 0 6px}.view-heading p{color:var(--text-secondary);margin:0;font-size:13px}.empty-panel{border:1px dashed var(--border-strong);border-radius:var(--radius-lg);background:color-mix(in srgb, var(--surface-2) 48%, transparent);color:var(--text-secondary);text-align:center;justify-items:center;gap:10px;padding:44px 18px;display:grid}.empty-panel svg{color:var(--accent)}.empty-panel h3,.empty-panel p{margin:0}.empty-panel p{max-width:420px;font-size:13px}.compare-header,.report-hero{justify-content:space-between;align-items:flex-start;gap:18px;margin-bottom:14px;display:flex}.secondary-upload{flex-shrink:0;position:relative}.compare-controls{align-items:end;margin-bottom:12px}.compare-controls label{min-width:210px;color:var(--text-secondary);gap:6px;font-size:12px;font-weight:650;display:grid}.diff-summary{grid-template-columns:repeat(6,minmax(104px,1fr));gap:8px;margin-bottom:12px;display:grid}.diff-summary.vertical{grid-template-columns:1fr}.diff-summary strong,.bottom-metrics strong{font-size:1.2rem}.diff-table-wrap{border:1px solid var(--border);border-radius:var(--radius-lg);overflow:auto}.diff-table{border-collapse:collapse;width:100%;min-width:900px;color:var(--text-secondary);font-size:12px}.diff-table th,.diff-table td{border-bottom:1px solid var(--border-subtle);text-align:left;vertical-align:top;padding:9px}.diff-table th{background:var(--surface-2);color:var(--text-tertiary);font-family:IBM Plex Mono,monospace;font-size:10px}.report-grid{grid-template-columns:1fr 1fr .72fr;gap:10px;display:grid}.result-grid{grid-template-columns:repeat(3,1fr);gap:8px;margin-bottom:12px;display:grid}.result-grid article{border:1px solid var(--border-subtle);border-radius:var(--radius-lg);background:var(--surface-2);padding:12px}.result-grid strong{color:var(--text-primary);font-size:1.45rem;display:block}.result-grid span{color:var(--text-tertiary);font-size:11px}.export-groups{grid-template-columns:.8fr 1.2fr;gap:10px;margin-bottom:12px;display:grid}.report-card{padding:12px}.issue-report-list{gap:8px;margin-top:10px;display:grid}.issue-report-list article{border:1px solid var(--border);border-radius:var(--radius-lg);background:var(--surface-1);grid-template-columns:auto 1fr auto;align-items:start;gap:10px;padding:10px;display:grid}.issue-report-list p{color:var(--text-secondary);margin-bottom:0;font-size:12px}.feature-band,.use-cases,.faq,footer{max-width:1280px;margin:0 auto 22px;padding-inline:20px}.feature-band{grid-template-columns:repeat(4,1fr);gap:10px;display:grid}.feature-band article{padding:15px}.feature-band article>span{border:1px solid var(--accent-border);border-radius:var(--radius-md);background:var(--accent-muted);width:32px;height:32px;color:var(--accent);place-items:center;display:grid}.feature-band h3{margin-bottom:7px;font-size:14px}.feature-band p{margin:0;font-size:12px;line-height:1.55}.use-cases{border-top:1px solid var(--border);border-bottom:1px solid var(--border);grid-template-columns:minmax(240px,.78fr) 1fr;gap:24px;padding-top:26px;padding-bottom:26px;display:grid}.case-grid{flex-wrap:wrap;align-content:start;gap:8px;display:flex}.faq{max-width:980px}.faq details{border-bottom:1px solid var(--border);padding:14px 0}.faq summary{cursor:pointer;color:var(--text-primary);font-weight:700}.faq p{margin:8px 0 0;font-size:13px;line-height:1.65}footer{border-top:1px solid var(--border);justify-content:space-between;gap:14px;padding-top:22px;padding-bottom:32px;display:flex}footer a{color:var(--accent);font-weight:700}.modal{z-index:100;background:#0000008c;place-items:center;padding:18px;display:grid;position:fixed;inset:0}.modal-card{max-width:460px;padding:18px}.modal-actions{justify-content:flex-end}.danger{border-color:color-mix(in srgb, var(--error) 45%, transparent);background:var(--error-muted)}.spin{animation:1s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}@media (width<=1180px){.app-shell{grid-template-columns:230px minmax(0,1fr)}.right-panel{grid-column:1/-1;grid-template-columns:repeat(4,1fr);display:grid}.toolbar{grid-template-columns:1fr 1fr 200px}.toolbar button{display:none}.feature-band,.report-grid{grid-template-columns:1fr 1fr}}@media (width<=840px){.topbar{flex-wrap:wrap;height:auto;padding-block:8px}.topbar nav{order:3;width:100%}.topbar nav button{flex:1}.hero-section,.app-shell,.use-cases,.app-topbar{grid-template-columns:1fr}.app-metrics{justify-content:flex-start}.right-panel,.feature-band,.report-grid,.bottom-metrics,.steps-row,.landing-copy-grid,.result-grid,.export-groups{grid-template-columns:1fr}.workspace-tabs{overflow-x:auto}.workspace-tabs button{white-space:nowrap}.toolbar,.diff-summary{grid-template-columns:1fr}.toolbar button{display:inline-flex}.workspace{min-height:620px}.grid-wrap{min-height:420px}.compare-header,.report-hero,footer{flex-direction:column}.primary-upload{z-index:5;position:sticky;bottom:12px}}