:root{color-scheme:light;font-family:IBM Plex Sans,Avenir Next,Segoe UI,sans-serif;--bg: #f4efe6;--paper: rgba(255, 251, 244, .88);--paper-strong: #fffaf1;--ink: #1f1d1a;--muted: #6d655b;--line: rgba(54, 45, 34, .12);--shadow: 0 18px 40px rgba(56, 43, 27, .12);--chromium: #1c6dd0;--safari: #d4582d;--firefox: #9c3dd1;--accent: #0e8d72;--warning: #7a4d00;--warning-bg: #fff0d6}*{box-sizing:border-box}html,body{margin:0;min-height:100%;background:radial-gradient(circle at top left,rgba(255,220,170,.55),transparent 28%),radial-gradient(circle at top right,rgba(205,238,255,.5),transparent 24%),linear-gradient(180deg,#f8f3ea,#efe7da);color:var(--ink)}body{min-width:320px}button,input,select,textarea{font:inherit}textarea,input,select{border:1px solid rgba(42,31,17,.18);border-radius:14px;background:#ffffffbf;color:var(--ink)}textarea:focus,input:focus,select:focus{outline:2px solid rgba(14,141,114,.22);border-color:#0e8d7273}.shell{width:min(1400px,calc(100vw - 32px));margin:0 auto;padding:32px 0 40px}.hero{display:grid;grid-template-columns:minmax(0,1fr);gap:20px;align-items:end;margin-bottom:24px}.eyebrow,.section-kicker{margin:0 0 6px;font-size:.75rem;letter-spacing:.16em;text-transform:uppercase;color:var(--accent)}.hero h1,.section-head h2{margin:0;font-family:Iowan Old Style,Palatino Linotype,serif;line-height:.96}.hero h1{font-size:clamp(2.4rem,4vw,4.8rem);max-width:13ch}.hero-copy,.section-copy,.muted-note{color:var(--muted)}.hero-copy{max-width:58ch;margin:14px 0 0;line-height:1.55}.panel{border:1px solid rgba(62,44,20,.09);background:var(--paper);box-shadow:var(--shadow);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.workspace{display:grid;grid-template-columns:minmax(280px,360px) minmax(0,1fr);gap:18px;align-items:start}.panel{border-radius:24px;padding:20px}.panel-preview,.panel-results{grid-column:2}.panel-controls{grid-row:1 / span 2}.section-head{display:flex;justify-content:space-between;gap:16px;margin-bottom:16px;align-items:end}.section-head h2{font-size:2rem}.section-copy{max-width:44ch;margin:0}.controls{display:grid;gap:18px}.control-group,.demo-grid{display:grid;gap:10px}.demo-button{display:grid;gap:5px;padding:14px 15px;text-align:left;border-radius:16px;border:1px solid rgba(42,31,17,.12);background:#ffffff9e;cursor:pointer;transition:transform .12s ease,border-color .12s ease,background .12s ease}.demo-button strong{font-size:.96rem}.demo-button span{color:var(--muted);line-height:1.4;font-size:.9rem}.demo-button:hover{transform:translateY(-1px);border-color:#0e8d7247}.demo-button[data-active=true]{border-color:#0e8d7273;background:#0e8d7214;box-shadow:inset 0 0 0 1px #0e8d7214}.control-group h2{margin:0;font-size:1rem}.control-group label,.field-label{display:block;font-size:.9rem;font-weight:600}.control-group textarea{min-height:280px;resize:vertical;padding:14px 16px;line-height:1.45}.field-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.field{display:grid;gap:8px}.field input,.field select{width:100%;padding:10px 12px}.range-row{display:grid;grid-template-columns:minmax(0,1fr) 96px;gap:10px;align-items:center}.font-note,.status-strip,.font-source-note{margin:0;border-radius:14px;padding:10px 12px;font-size:.92rem;line-height:1.4}.font-note{background:#0e8d7214;color:#0a6f59}.font-source-note[data-tone=warning]{background:var(--warning-bg);color:var(--warning)}.font-source-note[data-tone=ok]{background:#1c6dd014;color:#154f95}.status-strip{display:flex;flex-wrap:wrap;gap:12px;background:#140f0a09;color:var(--muted)}.status-strip strong{color:var(--ink)}.results-layout{display:grid;gap:18px}.summary-card{border:1px solid var(--line);border-radius:18px;padding:16px;background:#ffffff8c}.summary-card p{margin:0;line-height:1.5}.summary-card{display:grid;gap:6px}.proof-card{border:1px solid rgba(42,31,17,.1);border-radius:18px;padding:16px;background:#ffffffad}.proof-card p{margin:0 0 12px}.proof-grid{display:grid;gap:10px}.proof-row{display:grid;gap:6px}.proof-row code{display:block;padding:10px 12px;border-radius:12px;background:#140f0a0d;overflow-x:auto;white-space:nowrap}.engine-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.engine-card{border:1px solid var(--line);border-radius:18px;overflow:hidden;background:#ffffff85}.engine-card header{padding:16px 16px 10px;border-bottom:1px solid rgba(42,31,17,.08)}.engine-card header h3,.engine-card header p{margin:0}.engine-card header p{margin-top:6px;color:var(--muted)}.engine-card ol{margin:0;padding:12px 16px 16px 36px;display:grid;gap:8px;max-height:560px;overflow:auto}.engine-card li{padding-right:6px;line-height:1.45}.overlay-layout{display:grid;gap:16px}.overlay-legend{display:flex;flex-wrap:wrap;gap:10px}.legend-pill{display:inline-flex;align-items:center;gap:8px;padding:7px 11px;border-radius:999px;background:#ffffff9e;border:1px solid rgba(42,31,17,.1);font-size:.9rem}.legend-swatch{width:10px;height:10px;border-radius:999px}.overlay-scroll{overflow:auto;padding-bottom:4px}.overlay-stack{display:grid;gap:12px;min-width:fit-content}.overlay-row{display:grid;grid-template-columns:56px minmax(0,1fr);gap:12px;align-items:start}.overlay-row-index{padding-top:10px;color:var(--muted);font-size:.9rem}.overlay-track{position:relative;overflow:hidden;border-radius:18px;border:1px solid rgba(42,31,17,.08);background:repeating-linear-gradient(to bottom,rgba(42,31,17,.03) 0,rgba(42,31,17,.03) 1px,transparent 1px,transparent 24px),#ffffff85}.overlay-row[data-divergent=true] .overlay-track{border-color:#d4582d59;box-shadow:inset 0 0 0 1px #d4582d1f}.overlay-line{position:absolute;left:0;padding:4px 0;box-sizing:border-box;border-radius:12px;border:1px solid currentColor;overflow:hidden;white-space:nowrap;text-overflow:ellipsis;background:#ffffffb3}.overlay-line--chromium{color:var(--chromium);background:#1c6dd01f}.overlay-line--safari{color:var(--safari);background:#d4582d1f}.overlay-line--firefox{color:var(--firefox);background:#9c3dd11f}.empty-state{padding:18px;border:1px dashed rgba(42,31,17,.14);border-radius:18px;color:var(--muted);background:#ffffff73}@media(max-width:1120px){.hero,.workspace{grid-template-columns:1fr}.panel-controls,.panel-preview,.panel-results{grid-column:auto;grid-row:auto}}@media(max-width:780px){.shell{width:min(100vw - 18px,1400px);padding-top:20px}.panel{padding:16px;border-radius:20px}.field-grid,.engine-grid,.range-row,.overlay-row{grid-template-columns:1fr}.overlay-row-index{padding-top:0}}