:root{--color-canvas: #f6f3ed;--color-canvas-raised: #ffffff;--color-ink: #172033;--color-ink-soft: #4a5468;--color-accent: #336791;--color-accent-ink: #ffffff;--color-support: #744fc6;--color-border: #d9d3c4;--color-critical: #9b1c1c;--color-error: #b3401f;--color-warning: #8a5a00;--color-info: #1f5a7a;--space-1: 4px;--space-2: 8px;--space-3: 12px;--space-4: 16px;--space-6: 24px;--space-8: 32px;--radius-control: 8px;--motion-fast: .12s;--motion-base: .2s;--font-sans: "Iowan Old Style", "Palatino Linotype", "Georgia", -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--font-mono: "SFMono-Regular", Consolas, "Liberation Mono", Menlo, monospace;color-scheme:light}*{box-sizing:border-box}html,body,#root{height:100%}body{margin:0;background:var(--color-canvas);color:var(--color-ink);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}h1,h2,h3,h4{font-family:var(--font-sans);line-height:1.2;margin:0 0 var(--space-3)}p{margin:0 0 var(--space-3);max-width:72ch}code,pre,.mono{font-family:var(--font-mono)}a{color:var(--color-accent)}button{font-family:inherit}.skip-link{position:absolute;left:-999px;top:0;background:var(--color-ink);color:#fff;padding:var(--space-2) var(--space-4);z-index:100}.skip-link:focus{left:var(--space-2);top:var(--space-2)}:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px;border-radius:4px}.container{max-width:1080px;margin:0 auto;padding:0 var(--space-4)}.site-header{border-bottom:1px solid var(--color-border);background:var(--color-canvas);position:sticky;top:0;z-index:10}.site-header__row{display:flex;align-items:center;justify-content:space-between;gap:var(--space-4);padding:var(--space-3) 0}.site-header__brand{font-weight:700;font-size:1.05rem}.privacy-pill{font-size:.8rem;color:var(--color-ink-soft);border:1px solid var(--color-border);border-radius:999px;padding:var(--space-1) var(--space-3);background:var(--color-canvas-raised)}.hero{padding:var(--space-8) 0 var(--space-6)}.hero__title{font-size:clamp(1.8rem,3vw,2.4rem);max-width:22ch}.hero__actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}.btn{border-radius:var(--radius-control);padding:var(--space-3) var(--space-6);font-size:.95rem;font-weight:600;border:1px solid transparent;cursor:pointer;transition:opacity var(--motion-fast) ease}.btn:disabled{cursor:not-allowed;opacity:.55}.btn-primary{background:var(--color-accent);color:var(--color-accent-ink)}.btn-primary:hover:not(:disabled){opacity:.92}.btn-secondary{background:var(--color-canvas-raised);color:var(--color-ink);border-color:var(--color-border)}.btn-danger{background:transparent;color:var(--color-error);border-color:var(--color-error)}.workbench{display:grid;grid-template-columns:1fr;gap:var(--space-6);padding:var(--space-6) 0}@media(min-width:900px){.workbench{grid-template-columns:2fr 3fr;align-items:start}}.panel{background:var(--color-canvas-raised);border:1px solid var(--color-border);border-radius:12px;padding:var(--space-6)}.panel+.panel{margin-top:var(--space-4)}.field{margin-bottom:var(--space-4)}.field label{display:block;font-weight:600;margin-bottom:var(--space-2)}.field select,.field textarea{width:100%;padding:var(--space-2) var(--space-3);border:1px solid var(--color-border);border-radius:var(--radius-control);font-family:inherit;font-size:.95rem;background:var(--color-canvas);color:var(--color-ink)}.field textarea{min-height:88px;resize:vertical;font-family:var(--font-mono);font-size:.85rem}.field-hint{font-size:.82rem;color:var(--color-ink-soft);margin-top:var(--space-1)}.field-error{font-size:.85rem;color:var(--color-error);margin-top:var(--space-1)}.sql-block{background:#10192b;color:#e7ecf5;padding:var(--space-4);border-radius:var(--radius-control);overflow-x:auto;font-size:.85rem;white-space:pre}.status-line{display:flex;align-items:center;gap:var(--space-2);font-size:.9rem;color:var(--color-ink-soft);margin:var(--space-3) 0}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid var(--color-border);border-top-color:var(--color-accent);animation:spin .8s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.spinner{animation:none}*{transition:opacity var(--motion-fast) ease!important;animation:none!important}}.result-empty{color:var(--color-ink-soft);font-style:italic}.comparison-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4)}@media(min-width:700px){.comparison-grid{grid-template-columns:1fr 1fr}}.plan-card h4{font-size:1rem;display:flex;align-items:center;gap:var(--space-2)}.plan-tag{font-size:.72rem;text-transform:uppercase;letter-spacing:.04em;padding:2px 8px;border-radius:999px;border:1px solid var(--color-border)}.plan-tree{list-style:none;margin:var(--space-2) 0;padding:0;font-size:.85rem}.plan-tree ul{list-style:none;margin:0;padding-left:var(--space-4);border-left:1px dashed var(--color-border)}.plan-node{padding:var(--space-1) 0}.plan-node__type{font-weight:700}.plan-node__meta{color:var(--color-ink-soft);font-size:.8rem}details.raw-plan{margin-top:var(--space-2)}details.raw-plan pre{overflow-x:auto;background:#10192b;color:#e7ecf5;padding:var(--space-3);border-radius:var(--radius-control);font-size:.78rem}table.metrics-table{width:100%;border-collapse:collapse;margin:var(--space-3) 0;font-size:.88rem}table.metrics-table caption{text-align:left;font-weight:600;margin-bottom:var(--space-2)}table.metrics-table th,table.metrics-table td{text-align:left;padding:var(--space-2) var(--space-3);border-bottom:1px solid var(--color-border)}.findings-list{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:var(--space-3)}.finding{border:1px solid var(--color-border);border-left-width:4px;border-radius:var(--radius-control);padding:var(--space-3) var(--space-4)}.finding[data-severity=info]{border-left-color:var(--color-info)}.finding[data-severity=warning]{border-left-color:var(--color-warning)}.finding[data-severity=error]{border-left-color:var(--color-error)}.finding[data-severity=critical]{border-left-color:var(--color-critical)}.finding__header{display:flex;align-items:center;gap:var(--space-2);font-weight:700;font-size:.9rem}.severity-badge{font-size:.72rem;text-transform:uppercase;border:1px solid currentColor;border-radius:4px;padding:1px 6px}.finding__suggestion{margin-top:var(--space-2);font-size:.88rem;color:var(--color-ink-soft)}.assumptions-box{background:#f1ece0;border:1px solid var(--color-border);border-radius:var(--radius-control);padding:var(--space-4);margin-top:var(--space-4)}.assumptions-box h4{margin-bottom:var(--space-2);font-size:.95rem}.assumptions-box ul{margin:0;padding-left:1.2em;font-size:.88rem}.export-actions{display:flex;gap:var(--space-3);flex-wrap:wrap;margin-top:var(--space-4)}section.info-section{padding:var(--space-8) 0;border-top:1px solid var(--color-border)}.card-grid{display:grid;grid-template-columns:1fr;gap:var(--space-4);margin-top:var(--space-4)}@media(min-width:700px){.card-grid{grid-template-columns:repeat(2,1fr)}}.site-footer{border-top:1px solid var(--color-border);padding:var(--space-6) 0;color:var(--color-ink-soft);font-size:.85rem}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);white-space:nowrap}