:root{color-scheme:light dark;--ink: #15181b;--ink-2: #414b52;--paper: #f1f3f1;--surface: #fbfbfa;--hair: #c6ccc6;--accent: #8a5b00;--warn: #9c6100;--warn-wash: #f6e6c8;--risk: #a63a2c;--risk-wash: #f3deda;--ok: #2c7050;--ok-wash: #ddebe2}*{box-sizing:border-box}body{margin:0;background:var(--paper);color:var(--ink);font-family:Segoe UI,system-ui,sans-serif}.page{max-width:960px;margin:0 auto;padding:40px 24px 80px}.eyebrow{font-size:13px;letter-spacing:.12em;text-transform:uppercase;color:var(--ink-2);margin:0 0 6px}h1{font-size:28px;margin:0 0 32px}.layout{display:grid;grid-template-columns:320px 1fr;gap:32px}@media (max-width: 720px){.layout{grid-template-columns:1fr}}.form{display:flex;flex-direction:column;gap:16px;background:var(--surface);border:1px solid var(--hair);padding:20px}.field{display:flex;flex-direction:column;gap:6px;font-size:14px}.field input{font:inherit;padding:8px 10px;border:1px solid var(--hair);background:var(--paper);color:var(--ink)}.field--readonly .mono{font-family:IBM Plex Mono,monospace;font-size:12.5px;color:var(--ink-2);margin:0}.result{display:flex;flex-direction:column;gap:20px}.schematic{width:100%;height:auto;background:var(--surface);border:1px solid var(--hair)}.schematic__sheet{fill:#d9c68a;stroke:var(--ink-2);stroke-width:1}.schematic__edge{stroke:var(--accent);stroke-width:2;stroke-dasharray:4 3}.spec{display:grid;grid-template-columns:repeat(2,1fr);gap:1px;background:var(--hair);border:1px solid var(--hair);margin:0}.spec div{background:var(--surface);padding:10px 14px}.spec dt{font-size:11.5px;letter-spacing:.08em;text-transform:uppercase;color:var(--ink-2);margin:0 0 4px}.spec dd{margin:0;font-family:IBM Plex Mono,monospace;font-size:15px}.error{color:var(--risk)}.hint{font-size:12.5px;color:var(--ink-2)}.violations{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.violation{font-size:13px;padding:8px 10px;border-left:3px solid var(--warn);background:var(--warn-wash)}.violation--block{border-left-color:var(--risk);background:var(--risk-wash)}.submit{font:inherit;padding:10px 16px;border:1px solid var(--accent);background:var(--accent);color:#fbfbfa;cursor:pointer}.submit:disabled{opacity:.5;cursor:not-allowed}.build-id{font-size:13px;color:var(--ok);margin:0}.lead{background:var(--surface);border:1px solid var(--hair);padding:16px}.lead__title{margin:0 0 10px;font-size:13px;letter-spacing:.06em;text-transform:uppercase;color:var(--ink-2)}.lead__form{display:flex;flex-wrap:wrap;gap:8px}.lead__form input{font:inherit;padding:8px 10px;border:1px solid var(--hair);background:var(--paper);flex:1 1 140px}.lead__form button{font:inherit;padding:8px 14px;border:1px solid var(--accent);background:var(--accent);color:#fbfbfa;cursor:pointer}