:root{color-scheme:dark;--bg:#08131b;--surface:#172a34;--ink:#edf7f4;--muted:#b5c7ce;--line:#46616b;--accent:#a2efce;--error:#ffb7a9}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--ink);font:14px/1.5 system-ui,sans-serif}a{color:var(--accent)}button{font:inherit;background:var(--surface);color:var(--ink);border:1px solid var(--line);border-radius:5px;padding:6px 12px;cursor:pointer}button:disabled{color:var(--muted);cursor:wait}button:focus-visible,a:focus-visible{outline:3px solid var(--accent);outline-offset:3px}[hidden]{display:none!important}header{display:flex;align-items:center;gap:16px;padding:8px 18px;border-bottom:1px solid var(--line)}header .brand{font-size:15px;font-weight:650;text-decoration:none}header button{margin-left:auto;font-size:12px}main{max-width:1572px;margin:auto;padding:0 18px 18px}#status:empty{display:none}#status{margin:12px 0}.concepts{display:flex;align-items:center;gap:6px;margin:10px 0}.concepts a{text-decoration:none;padding:6px 10px;border:1px solid transparent;border-radius:4px;color:var(--muted);font-size:13px}.concepts a[aria-current]{background:var(--surface);color:var(--ink);border-color:var(--line)}.concepts .product{margin-left:auto;font-size:20px;padding:0 8px;color:var(--accent)}.art{position:relative;margin:0;min-height:200px;background:#08131b;color:#edf7f4;overflow:hidden;border-radius:4px}.art img{display:block;width:100%;height:auto;cursor:zoom-in}.art>p{padding:24px}.art>button:not(.zoom){margin:0 24px 24px}.zoom{position:absolute;right:12px;bottom:12px;font-size:23px;line-height:1;padding:8px;background:var(--surface);color:var(--ink);box-shadow:0 2px 10px #0008}.monitor{background:var(--surface);color:var(--ink);padding:8px 12px;font-size:12px;margin-top:8px}.monitor p{margin:4px 0}.monitor button{margin-right:8px}.error,[data-state=failed],[data-state=timed_out]{color:var(--error)}.catalog{display:grid;gap:12px}.catalog a{padding:12px}@media(prefers-color-scheme:light){:root{color-scheme:light;--bg:#edf2f2;--surface:#fff;--ink:#162e37;--muted:#425d68;--line:#9bb0b7;--accent:#146145;--error:#a52518}}@media(max-width:600px){header{padding:8px 10px}main{padding:0 0 10px}.concepts{margin:8px 6px;gap:0}.concepts a{font-size:12px;padding:6px 8px}.art{border-radius:0;min-height:180px}.zoom{right:8px;bottom:8px;padding:6px}.monitor,#status{margin:8px}}

.detail-image{width:min(90vw,920px);max-height:calc(85vh - 60px);overflow:auto;background:#08131b;color:#edf7f4;overscroll-behavior:contain}.detail-image img{display:block;width:1536px;max-width:none;height:auto}.detail-image:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}
.view-tabs{display:flex;gap:4px;border-bottom:1px solid var(--line);margin:0 0 10px}.view-tabs a{padding:8px 14px;text-decoration:none;color:var(--muted);border-bottom:3px solid transparent}.view-tabs a[aria-selected=true]{color:var(--ink);border-bottom-color:var(--accent);background:var(--surface)}.scratchpad{background:var(--surface);color:var(--ink);padding:24px 28px;border:1px solid var(--line);border-radius:5px}.scratchpad h1{font-size:24px;margin:0 0 8px}.scratchpad h2{font-size:17px;margin:0 0 12px}.scratchpad h3{font-size:14px;margin:16px 0 4px}.scratchpad p{margin:6px 0 12px;max-width:85ch}.notes-summary{font-size:16px}.notes-state,.notes-muted{color:var(--muted)}.notes-state{font-size:12px}.notes-grid{display:grid;grid-template-columns:minmax(0,1.6fr) minmax(260px,1fr);gap:36px;margin-top:24px}.notes-grid>div,.notes-grid>aside{min-width:0}.notes-grid section{margin-bottom:28px}.notes-grid aside{border-left:1px solid var(--line);padding-left:24px}.notes-loop{font-weight:600;line-height:1.9}.decision-note{border-top:1px solid var(--line);padding:8px 0}.decision-note h3{margin:0;display:inline}.decision-label{display:inline-block;margin:0 0 4px 10px;font-size:12px;color:var(--accent)}.scratchpad ul{padding-left:20px}.scratchpad li{margin-bottom:6px}.scratchpad details{border-top:1px solid var(--line);padding:12px 0}.scratchpad summary{cursor:pointer;font-weight:600}.scratchpad details>a{display:block;margin:8px 0}.scratchpad pre{font:13px/1.6 system-ui,sans-serif;white-space:pre-wrap;overflow-wrap:anywhere;margin:12px 0}.scratchpad code{font-size:12px;overflow-wrap:anywhere}.scratchpad a{overflow-wrap:anywhere}.scratchpad summary:focus-visible{outline:3px solid var(--accent);outline-offset:3px}@media(max-width:700px){.scratchpad{padding:18px 16px;border-radius:0}.scratchpad h1{font-size:21px}.notes-grid{grid-template-columns:1fr;gap:12px}.notes-grid aside{border-left:0;border-top:1px solid var(--line);padding:20px 0 0}.view-tabs{padding:0 6px}.view-tabs a{padding:7px 12px}}

.project-name{font-size:13px;font-weight:600;color:var(--muted);padding-top:12px}.concepts{flex-wrap:wrap}@media(max-width:600px){.project-name{padding:10px 12px 0}.concepts a{padding:6px 7px}}