:root{--ink: #12141c;--ink-soft: #464b5c;--muted: #5b5f75;--paper: #f2f3f8;--panel: #ffffff;--panel-sunken: #e8eaf2;--line: #d7dae4;--line-strong: #b9bdcc;--accent: #33509f;--accent-soft: #e5ebff;--good: #146c34;--good-bg: #dff3e6;--warn: #8a5000;--warn-bg: #fdecd2;--bad: #a3241c;--bad-bg: #fbe2e0;--focus: #1f3d78;--font-ui: "IBM Plex Sans", ui-sans-serif, system-ui, -apple-system, sans-serif;--font-mono: "IBM Plex Mono", ui-monospace, "SF Mono", Menlo, monospace;--radius: 10px;--radius-sm: 6px;color-scheme:light}@media (prefers-color-scheme: dark){:root:not([data-theme=light]){--ink: #e7e9f2;--ink-soft: #c2c6d6;--muted: #9096ab;--paper: #0d0f16;--panel: #161822;--panel-sunken: #1e212c;--line: #2c2f3d;--line-strong: #444859;--accent: #8aa7ff;--accent-soft: #1b2c5f;--good: #6fd88a;--good-bg: #123422;--warn: #ffb067;--warn-bg: #3a2508;--bad: #ff9088;--bad-bg: #3a1613;--focus: #c4d4ff;color-scheme:dark}}:root[data-theme=dark]{--ink: #e7e9f2;--ink-soft: #c2c6d6;--muted: #9096ab;--paper: #0d0f16;--panel: #161822;--panel-sunken: #1e212c;--line: #2c2f3d;--line-strong: #444859;--accent: #8aa7ff;--accent-soft: #1b2c5f;--good: #6fd88a;--good-bg: #123422;--warn: #ffb067;--warn-bg: #3a2508;--bad: #ff9088;--bad-bg: #3a1613;--focus: #c4d4ff;color-scheme:dark}*{box-sizing:border-box}html{font-size:17px}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--font-ui);font-size:1rem;line-height:1.55;-webkit-font-smoothing:antialiased}:focus-visible{outline:2px solid var(--focus);outline-offset:2px;border-radius:3px}.skip-link{position:absolute;left:-9999px;top:0;background:var(--panel);color:var(--ink);padding:10px 16px;border:1px solid var(--line-strong);border-radius:var(--radius-sm);z-index:10}.skip-link:focus{left:12px;top:12px;z-index:30}.tnum{font-variant-numeric:tabular-nums}.shell{max-width:1360px;margin:0 auto;padding:28px 32px 96px}header.top{position:sticky;top:0;z-index:20;background:var(--paper);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:6px 0 5px;border-bottom:1px solid var(--line);margin-bottom:20px}header.top .header-title-group{display:flex;align-items:center;gap:12px;flex:1 1 auto;min-width:0}header.top h1{font-size:1rem;font-weight:700;letter-spacing:-.01em;margin:0;flex:0 1 auto;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}header.top h1 .title-icon{vertical-align:-3px;margin-right:2px;color:var(--accent)}header.top h1 .version-badge{font-family:var(--font-mono);font-size:.6875rem;font-weight:500;color:var(--muted);background:var(--panel-sunken);border:1px solid var(--line);border-radius:999px;padding:1px 7px;margin-left:4px;vertical-align:middle}header.top .header-seed{display:flex;align-items:center;gap:6px;flex:0 0 auto}header.top .header-seed input[type=color]{width:30px;height:30px;padding:1px}header.top .header-seed input[type=text]{font-size:.8125rem;padding:5px 7px;width:10ch}header.top .view-controls{flex:0 0 auto;flex-wrap:nowrap}header.top .segmented{flex-wrap:nowrap}header.top .segmented button{padding:4px 9px}.view-controls{display:flex;gap:8px;align-items:center;flex-wrap:wrap}.view-select{font-family:var(--font-mono);font-size:.75rem;padding:0 8px;height:34px;border-radius:7px;border:1px solid var(--line-strong);background:var(--panel-sunken);color:var(--ink);width:9.5rem;max-width:100%}.segmented{display:flex;flex-wrap:wrap;gap:2px;border:1px solid var(--line-strong);border-radius:7px;padding:2px;background:var(--panel-sunken);font-family:var(--font-mono);font-size:.75rem;height:fit-content}.segmented button{display:inline-flex;align-items:center;gap:5px;border:none;background:transparent;color:var(--muted);padding:5px 10px;border-radius:5px;cursor:pointer;font:inherit}.segmented button svg{flex:0 0 auto}.segmented button[aria-pressed=true]{background:var(--panel);color:var(--ink);box-shadow:0 1px 2px #00000014}.intro{margin:0 0 24px;color:var(--muted);font-size:.95rem;max-width:68ch}.intro-row{margin-bottom:24px}.intro-row:after{content:"";display:table;clear:left}.intro-row .intro{float:left;margin:0}.intro-row .banner{float:right;width:min(360px,38%);margin:0 0 12px 28px}@media (max-width: 860px){.intro-row .intro,.intro-row .banner{float:none;width:auto}.intro-row .banner{margin:14px 0 0}}@media (max-width: 479px){header.top h1{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%);white-space:nowrap}header.top .header-title-group{flex:0 0 auto}header.top{justify-content:flex-end}header.top .header-seed input[type=text]{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}}@media (max-width: 560px){.shell{padding:0 16px 96px}header.top{gap:8px}header.top h1{font-size:.95rem}.segmented{font-size:.68rem}.segmented button{padding:3px 7px}.view-select{font-size:.68rem;padding:0 5px;height:32px;width:6.25rem}}section{margin-bottom:48px;scroll-margin-top:76px}.eyebrow{font-size:.75rem;font-weight:600;text-transform:uppercase;letter-spacing:.08em;color:var(--accent);margin:0 0 4px}h2.section-title{font-size:1.3rem;font-weight:600;margin:0 0 6px}.section-note{color:var(--muted);font-size:.9rem;max-width:80ch;margin:0 0 16px}.card{background:var(--panel);border:1px solid var(--line);border-radius:var(--radius);padding:24px 28px}details.advanced{margin-top:18px;border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--panel-sunken)}details.advanced>summary{cursor:pointer;padding:10px 14px;font-size:.875rem;font-weight:600;list-style:none;display:flex;align-items:center;gap:8px}details.advanced>summary::-webkit-details-marker,details.advanced>summary::marker{display:none}details.advanced>summary .advanced-chevron{flex:0 0 auto;color:var(--muted);transition:transform .15s ease}details.advanced[open]>summary .advanced-chevron{transform:rotate(90deg)}details.advanced>summary:focus-visible{outline:2px solid var(--focus);outline-offset:-2px;border-radius:5px}details.advanced .advanced-body{padding:2px 16px 18px;border-top:1px solid var(--line)}.flex-between{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.setup-grid{display:grid;grid-template-columns:minmax(0,1.15fr) minmax(240px,.85fr);gap:28px;align-items:start}@media (max-width: 860px){.setup-grid{grid-template-columns:1fr}}.seed-quickpicks{padding-top:1px}.input-row{display:flex;gap:20px;flex-wrap:wrap;align-items:flex-end}.input-row>*{min-width:0;max-width:100%}label.field-label,.field-label{display:block;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin-bottom:6px}input[type=text],select,textarea{font-family:var(--font-mono);font-size:.9rem;background:var(--panel-sunken);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:7px 10px;color:var(--ink)}select{font-family:var(--font-ui);cursor:pointer;max-width:100%;text-overflow:ellipsis}input[type=color]{padding:2px;width:44px;height:34px;cursor:pointer;background:var(--panel-sunken);border:1px solid var(--line-strong);border-radius:var(--radius-sm)}.hex-input-group{display:flex;gap:8px;align-items:center}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;font-family:var(--font-ui);font-size:.8125rem;font-weight:500;padding:7px 12px;border-radius:var(--radius-sm);border:1px solid var(--line-strong);background:var(--panel-sunken);color:var(--ink);cursor:pointer}.btn:hover{border-color:var(--muted)}.btn.ghost{background:transparent}.btn.tiny{font-size:.75rem;padding:3px 7px}.readout{font-family:var(--font-mono);font-size:.875rem;color:var(--ink-soft)}.readout b{color:var(--ink);font-weight:600}.foot-note{font-size:.8rem;color:var(--muted);margin:8px 0 0}.pill{display:inline-block;font-family:var(--font-mono);font-size:.7rem;font-weight:600;padding:2px 6px;border-radius:4px;white-space:nowrap}.pill.good{background:var(--good-bg);color:var(--good)}.pill.warn{background:var(--warn-bg);color:var(--warn)}.pill.bad{background:var(--bad-bg);color:var(--bad)}.pill.neutral{background:var(--panel-sunken);color:var(--ink-soft)}.mode-columns{display:grid;grid-template-columns:1fr 1fr;gap:24px;margin-top:20px}@media (max-width: 860px){.mode-columns{grid-template-columns:1fr}}.mode-panel{border:1px solid var(--line);border-radius:var(--radius);overflow:hidden}.mode-head{padding:8px 14px;font-size:.72rem;font-weight:600;text-transform:uppercase;letter-spacing:.06em;border-bottom:1px solid;display:flex;justify-content:space-between;gap:8px}.scale-strip{display:grid;grid-template-columns:repeat(12,1fr)}.scale-swatch{aspect-ratio:1;position:relative;border:none;padding:0;cursor:help}.scale-swatch .idx{position:absolute;bottom:2px;left:3px;font-family:var(--font-mono);font-size:.55rem;opacity:.75}.role-list{padding:12px 14px 16px;display:flex;flex-direction:column;gap:10px}.role-row{display:grid;grid-template-columns:22px 1fr auto;align-items:center;gap:10px;font-size:.875rem}.role-row .chip{width:22px;height:22px;border-radius:5px;border:1px solid rgb(0 0 0 / .2)}.role-name{font-weight:600}.role-meta{font-family:var(--font-mono);font-size:.7rem;opacity:.75}.role-badges{display:flex;gap:4px;align-items:center;flex-wrap:wrap;justify-content:flex-end}table{border-collapse:collapse;width:100%;font-size:.875rem}th,td{text-align:left;padding:6px 8px;border-bottom:1px solid var(--line);vertical-align:middle}th{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);font-weight:600}.scroll-x{overflow-x:auto;position:relative}.hexfield{width:10ch;font-family:var(--font-mono);font-size:.75rem;padding:3px 5px}.namefield{width:12ch;font-family:var(--font-ui);font-size:.8125rem;padding:3px 5px}.cell-swatch{display:inline-block;width:16px;height:16px;border-radius:4px;border:1px solid rgb(0 0 0 / .2);vertical-align:middle;margin-right:6px}.findings{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:10px}.finding{display:grid;grid-template-columns:auto 1fr;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid var(--line);background:var(--panel-sunken)}.finding.blocker{border-color:var(--bad);background:var(--bad-bg)}.finding.warning{border-color:var(--warn);background:var(--warn-bg)}.finding-message{font-weight:600;font-size:.8125rem}.finding-detail{font-size:.78rem;color:var(--ink-soft);margin-top:3px}.finding.blocker .finding-detail,.finding.warning .finding-detail{color:inherit;opacity:.85}.finding-where{font-family:var(--font-mono);font-size:.68rem;opacity:.7;text-transform:uppercase;letter-spacing:.04em}.preview-grid{display:flex;flex-wrap:wrap;gap:10px;padding:14px;align-items:center}.preview-button{font-family:var(--font-ui);font-size:.8125rem;font-weight:600;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer}.preview-alert{flex:1 1 260px;min-width:240px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid;font-size:.8125rem}.preview-alert strong{display:block;font-size:.78rem;text-transform:uppercase;letter-spacing:.05em;margin-bottom:2px}.preview-text{font-size:.8125rem;font-weight:600}.preview-chip{font-family:var(--font-mono);font-size:.72rem;padding:3px 9px;border-radius:999px;border:1px solid}textarea.output{width:100%;min-height:300px;font-family:var(--font-mono);font-size:.78rem;line-height:1.55;resize:vertical;white-space:pre}.foreground-options{display:flex;flex-wrap:wrap;gap:6px}.foreground-option{display:inline-flex;align-items:center;gap:5px;font-size:.72rem;font-family:var(--font-mono);border:1px solid var(--line-strong);border-radius:var(--radius-sm);padding:3px 8px;cursor:pointer;background:var(--panel);color:var(--ink)}.foreground-option:has(input:checked){border-color:var(--accent);background:var(--accent-soft)}.foreground-option input{margin:0}.visually-hidden{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap}.banner{border:1px solid var(--line-strong);background:var(--panel-sunken);border-radius:var(--radius-sm);padding:10px 14px;font-size:.85rem;color:var(--ink-soft);margin-bottom:14px}.seed-picker{display:flex;flex-wrap:wrap;gap:6px}.seed-swatch{width:30px;height:30px;border-radius:6px;border:1px solid rgb(0 0 0 / .2);cursor:pointer;padding:0}.seed-swatch[aria-pressed=true]{outline:2px solid var(--ink);outline-offset:2px}.policy-note{font-size:.85rem;color:var(--ink-soft);margin:8px 0 0;max-width:72ch}.drag-handle{display:inline-flex;align-items:center;justify-content:center;width:20px;height:22px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--muted);cursor:grab;font-size:.9rem;line-height:1}.drag-handle:hover{background:var(--panel-sunken);border-color:var(--line-strong);color:var(--ink)}.drag-handle:active{cursor:grabbing}.drag-handle.placeholder{cursor:default}tr.drop-target td{box-shadow:inset 0 2px 0 0 var(--accent)}