:root{--ink:#101214;--text:#21262d;--muted:#667085;--paper:#f4f6f1;--surface:#fbfcf8;--surface-strong:#fff;--line:#d7ddd2;--line-strong:#aab4a7;--teal:#06786f;--teal-dark:#045c56;--blue:#275f9f;--amber:#a45f08;--red:#b42318;--green:#087443;--soft-blue:#edf4ff;--soft-amber:#fff6e5;--soft-red:#fff0ed;--soft-green:#eaf7ef;--code:#111714;--code-soft:#17211d;--shadow:0 20px 70px #1f29231f}*{box-sizing:border-box}html{background:linear-gradient(90deg, #1012140b 1px, transparent 1px), linear-gradient(180deg, #10121409 1px, transparent 1px), var(--paper);min-width:320px;color:var(--ink);background-size:36px 36px}body{letter-spacing:0;margin:0;font-family:Arial,Helvetica,sans-serif}a{color:inherit;text-decoration:none}button,textarea{font:inherit}button{cursor:pointer}.topbar{z-index:20;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#f4f6f1eb;border-bottom:1px solid #1012141f;justify-content:space-between;align-items:center;gap:18px;padding:14px 28px;display:flex;position:sticky;top:0}.brand,.panel-title,.status-strip div,.primary-button,.privacy-note,.sample-row button,.rule-strip{align-items:center;display:inline-flex}.brand{color:var(--ink);gap:10px;font-family:Consolas,SFMono-Regular,monospace;font-size:15px;font-weight:900}.brand svg{color:var(--teal)}nav{color:#3e4854;gap:6px;font-size:14px;display:flex}nav a{border:1px solid #0000;border-radius:999px;padding:7px 11px}nav a:hover{border-color:var(--line);background:#ffffffb8}.tool-shell{max-width:1480px;margin:0 auto;padding:0 28px 40px}.intro{grid-template-columns:minmax(0,1fr) minmax(280px,390px);gap:26px;padding:38px 0 18px;display:grid}.eyebrow{color:var(--teal-dark);letter-spacing:.08em;margin:0 0 10px;font-size:12px;font-weight:900}h1,h2,h3,p{margin-top:0}h1{max-width:850px;margin-bottom:14px;font-size:46px;line-height:1.03}.lede{color:#4d5966;max-width:770px;margin-bottom:0;font-size:17px;line-height:1.58}.lede code,.info-page code{color:#27342f;overflow-wrap:anywhere;background:#eef5f0;border:1px solid #cfd8d2;border-radius:5px;padding:1px 5px;font-size:.9em}.rule-strip{flex-wrap:wrap;gap:8px;margin-top:18px}.rule-strip span{color:#35413c;background:#ffffffb8;border:1px solid #cbd6cd;border-radius:999px;padding:7px 10px;font-size:12px;font-weight:800}.status-strip{border:1px solid var(--line);border-top:5px solid var(--blue);background:linear-gradient(135deg, #fffffff0, #f6f8f2f0), var(--surface-strong);min-height:136px;box-shadow:var(--shadow);border-radius:8px;align-self:end;padding:18px}.status-strip div{gap:10px;margin:14px 0 9px}.status-strip strong,.status-strip span{display:block}.status-strip strong{font-size:20px;line-height:1.2}.status-strip span{color:var(--muted);font-size:13px}.status-strip .status-label{color:var(--teal-dark);text-transform:uppercase;font-size:12px;font-weight:900}.status-strip.critical{border-top-color:var(--red)}.status-strip.warning{border-top-color:var(--amber)}.status-strip.pass{border-top-color:var(--green)}.workspace{grid-template-columns:minmax(340px,450px) minmax(0,1.15fr) minmax(280px,360px);gap:16px;display:grid}.input-panel,.result-panel,.checklist-panel,.notes>div,.info-page{border:1px solid var(--line);min-width:0;box-shadow:var(--shadow);background:#ffffffe0;border-radius:8px}.input-panel,.result-panel,.checklist-panel{padding:16px}.input-panel{border-top:5px solid var(--teal)}.result-panel{border-top:5px solid var(--blue)}.result-panel.critical{border-top-color:var(--red)}.result-panel.warning{border-top-color:var(--amber)}.result-panel.pass{border-top-color:var(--green)}.checklist-panel{border-top:5px solid #1d4f8c}.panel-title{justify-content:space-between;gap:10px;margin-bottom:13px}.panel-title svg{flex:none}.panel-title h2{flex:1;margin:0;font-size:18px}.panel-title span{border:1px solid var(--line);color:var(--muted);text-transform:uppercase;background:#f4f7f2;border-radius:999px;padding:4px 8px;font-size:11px;font-weight:800}.editor-frame{background:var(--code);border:1px solid #222d29;border-radius:8px;overflow:hidden}.editor-bar{background:var(--code-soft);color:#dbe9df;border-bottom:1px solid #ffffff1c;justify-content:space-between;gap:12px;padding:9px 12px;font-family:Consolas,SFMono-Regular,monospace;font-size:12px;display:flex}.editor-bar span:last-child{color:#8bd3c9;font-weight:900}.schema-input{background:var(--code);color:#eef8f1;resize:vertical;tab-size:2;border:0;outline:0;width:100%;min-height:420px;padding:14px;font-family:Consolas,SFMono-Regular,monospace;font-size:13px;line-height:1.55;display:block}.schema-input::selection{background:#8bd3c947}.sample-row{grid-template-columns:repeat(5,minmax(0,1fr));gap:8px;margin-top:12px;display:grid}.sample-row button{min-height:42px;color:var(--ink);background:#f8faf6;border:1px solid #cbd5cf;border-radius:7px;justify-content:center;gap:6px;padding:0 8px;font-size:12px;font-weight:800}.sample-row button:hover{border-color:var(--teal);background:#eef7f3}.privacy-note{color:#244a47;background:#eaf7f3;border:1px solid #c4e2dc;border-radius:7px;gap:9px;margin-top:12px;padding:11px;font-size:13px;line-height:1.45}.result-banner{background:linear-gradient(#fff,#f7faf5);border:1px solid #cdd6d0;border-radius:8px;padding:16px}.result-banner span{color:var(--muted);margin-bottom:7px;font-size:12px;font-weight:900;display:block}.result-banner strong{margin-bottom:8px;font-size:25px;line-height:1.15;display:block}.result-banner p{color:#4f5c69;margin-bottom:0;line-height:1.5}.metric-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:9px;margin:13px 0;display:grid}.metric-grid div{background:#f8faf7;border:1px solid #d4ddd7;border-radius:8px;min-width:0;padding:12px}.metric-grid svg{color:var(--blue)}.metric-grid span{color:var(--muted);margin:9px 0 3px;font-size:12px;display:block}.metric-grid strong{overflow-wrap:anywhere;font-size:16px;display:block}.finding-list{gap:10px;display:grid}.finding{border:1px solid var(--line);border-left:5px solid var(--blue);background:#fff;border-radius:8px;grid-template-columns:minmax(0,1fr) minmax(72px,auto);gap:12px;padding:13px;display:grid}.finding.critical{border-left-color:var(--red);background:var(--soft-red)}.finding.warning{border-left-color:var(--amber);background:var(--soft-amber)}.finding.info{border-left-color:var(--blue);background:var(--soft-blue)}.finding.pass{border-left-color:var(--green);background:var(--soft-green)}.finding strong{margin-bottom:6px;display:block}.finding p{color:#53606d;margin:0;line-height:1.45}.finding code{color:#26302c;overflow-wrap:anywhere;background:#fffc;border:1px solid #cbd3ce;border-radius:5px;align-self:start;max-width:260px;padding:6px;font-size:12px}.checklist-panel ol{margin:0 0 16px;padding-left:22px}.checklist-panel li{color:#546170;margin-bottom:11px;line-height:1.5}.primary-button{border:1px solid var(--teal-dark);background:var(--teal);color:#fff;border-radius:7px;justify-content:center;gap:8px;width:100%;min-height:44px;font-weight:900;box-shadow:0 10px 24px #06786f38}.primary-button:hover{background:var(--teal-dark)}.notes{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;margin-top:16px;display:grid}.notes>div,.info-page{padding:22px}.notes h2,.info-page h1{margin-bottom:10px}.notes p,.info-page p,.info-page li{color:#566372;line-height:1.65}.info-page{max-width:820px;margin:48px auto}.info-page a{color:var(--teal);font-weight:900}@media (max-width:1160px){.workspace{grid-template-columns:minmax(0,1fr)}.schema-input{min-height:320px}}@media (max-width:760px){.topbar{flex-direction:column;align-items:flex-start;padding:13px 14px}nav{flex-wrap:wrap}nav a{padding:6px 8px}.tool-shell{padding:0 12px 28px}.intro,.notes{grid-template-columns:1fr}.intro{padding-top:22px}h1{font-size:32px;line-height:1.08}.lede{font-size:16px}.status-strip{min-height:0}.sample-row{grid-template-columns:repeat(2,minmax(0,1fr))}.sample-row button:last-child{grid-column:span 2}.metric-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.finding{grid-template-columns:1fr}.finding code{max-width:100%}}