:root{--bg:#fff;--bg-soft:#f7f7f5;--ink:#111110;--ink-2:#3d3d3a;--ink-3:#6f6e69;--line:#e4e3de;--brand:#2b6a4a;--brand-soft:#edf5f0;--red:#c92a2a;--amber:#b35c00;--code-bg:#0f1115;--code-ink:#d7dae0;--radius:6px;--font:ui-sans-serif, system-ui, -apple-system, "Segoe UI", sans-serif;--mono:ui-monospace, "SF Mono", Menlo, Consolas, monospace;--maxw:1100px}*{box-sizing:border-box}body{font-family:var(--font);color:var(--ink);background:var(--bg);margin:0;line-height:1.6}a{color:var(--brand)}main{max-width:var(--maxw);margin:0 auto;padding:32px 24px 64px}.demo-banner{background:var(--brand-soft);color:var(--ink-2);text-align:center;padding:6px 16px;font-size:14px}.site-header{max-width:var(--maxw);border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;margin:0 auto;padding:16px 24px;display:flex}.site-header nav{gap:20px;display:flex}.site-header nav a{color:var(--ink-2);text-decoration:none}.site-footer{max-width:var(--maxw);border-top:1px solid var(--line);color:var(--ink-3);margin:0 auto;padding:16px 24px 32px;font-size:13px}.brand{color:var(--ink);align-items:center;gap:10px;font-weight:600;text-decoration:none;display:flex}.brand-mark{border-radius:var(--radius);background:var(--brand);color:#fff;place-items:center;width:28px;height:28px;display:inline-grid}.hero h1{margin:24px 0 8px;font-size:40px}.hero p{color:var(--ink-3);margin:0 0 32px}.products{grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:20px;display:grid}.product{border:1px solid var(--line);border-radius:var(--radius);padding:16px}.product h2{margin:12px 0 4px;font-size:18px}.product p{color:var(--ink-2);margin:0 0 8px}.product-swatch{border-radius:var(--radius);height:140px}.price{font-weight:600}.note{color:var(--ink-3)}.doc{max-width:760px}.doc.wide{max-width:none}pre{background:var(--code-bg);color:var(--code-ink);font-family:var(--mono);border-radius:var(--radius);white-space:pre-wrap;word-break:break-all;padding:12px 14px;font-size:13px;overflow-x:auto}table{border-collapse:collapse;width:100%}th,td{text-align:left;border-bottom:1px solid var(--line);padding:8px 12px}.inspector{margin:0;padding:0;list-style:none}.inspector li{border:1px solid var(--line);border-radius:var(--radius);margin-bottom:8px}.inspector summary{cursor:pointer;font-family:var(--mono);align-items:baseline;gap:12px;padding:8px 12px;font-size:14px;display:flex}.inspector .path{text-overflow:ellipsis;flex:1;overflow:hidden}.inspector .who,.inspector time{color:var(--ink-3);font-size:12px}.inspector .notes{color:var(--ink-2);overflow-wrap:anywhere;margin:8px 0 0;padding-left:20px;font-size:13px}.inspector .notes li{border:none;border-radius:0;margin:0}.status-2{color:var(--brand)}.status-4{color:var(--amber)}.status-5{color:var(--red)}.wire{grid-template-columns:1fr 1fr;gap:8px;padding:0 12px 12px;display:grid}.wire>div{min-width:0}.wire pre{margin:0}@media (max-width:800px){.wire{grid-template-columns:1fr}}.atlas{--atlas:#4338ca;--atlas-soft:#eef0fd;--atlas-bg:#f6f7fb;background:var(--atlas-bg);grid-template-rows:auto minmax(0,1fr);height:100vh;display:grid}.atlas-header{border-bottom:1px solid var(--line);background:#fff;align-items:center;gap:20px;padding:12px 20px;display:flex}.atlas-header p{color:var(--ink-3);flex:1;margin:0;font-size:14px}.atlas-header nav{gap:16px;font-size:14px;display:flex}.atlas-header a,.atlas a{color:var(--atlas)}.atlas-brand{align-items:center;gap:8px;font-size:18px;font-weight:600;display:flex}.atlas-mark{background:var(--atlas);color:#fff;border-radius:50%;place-items:center;width:28px;height:28px;font-size:15px;display:inline-grid}.atlas-body{grid-template-columns:minmax(0,1fr) minmax(0,1fr);min-height:0;display:grid}.atlas-chat{border-right:1px solid var(--line);flex-direction:column;min-height:0;display:flex}.atlas-identity{border-bottom:1px solid var(--line);background:#fff;padding:12px 20px;font-size:13px}.atlas-identity dl{grid-template-columns:auto 1fr;gap:2px 12px;margin:0 0 10px;display:grid}.atlas-identity dt{color:var(--ink-3)}.atlas-identity dd{overflow-wrap:anywhere;font-family:var(--mono);margin:0}.atlas .atlas-copy-icon{color:var(--ink-3);font-family:var(--font);vertical-align:middle;background:0 0;border:none;margin-left:6px;padding:0 4px;font-size:11px;line-height:1}.atlas .atlas-copy-icon:hover{color:var(--atlas)}.atlas-sign-in{border-radius:var(--radius);background:var(--atlas-soft);border:1px solid #d9dcf7;margin-top:10px;padding:10px 12px}.atlas-sign-in label{color:var(--ink-2);margin-bottom:6px;display:block}.atlas .atlas-note-action{margin-left:8px;padding:1px 10px}.atlas-actions,.atlas-suggestions{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.atlas button{font:inherit;border:1px solid var(--line);border-radius:var(--radius);color:var(--ink);cursor:pointer;background:#fff;padding:5px 12px;font-size:13px}.atlas [data-hint]{position:relative}.atlas [data-hint]:after{content:attr(data-hint);z-index:10;border-radius:var(--radius);color:#fff;text-align:left;white-space:normal;pointer-events:none;opacity:0;visibility:hidden;background:#1c1f26;width:260px;padding:6px 8px;font-size:12px;line-height:1.4;transition:opacity .1s,visibility .1s;position:absolute;top:calc(100% + 6px);left:0}.atlas [data-hint]:hover:after{opacity:1;visibility:visible;transition-delay:.35s}.atlas button.primary{background:var(--atlas);border-color:var(--atlas);color:#fff}.atlas button:disabled{opacity:.5;cursor:default}.atlas-messages{flex-direction:column;flex:1;gap:10px;padding:16px 20px;display:flex;overflow-y:auto}.atlas-bubble{border:1px solid var(--line);overflow-wrap:anywhere;background:#fff;border-radius:10px;max-width:85%;padding:8px 12px;font-size:14px}.atlas-bubble.user{background:var(--atlas-soft);border-color:#d9dcf7;align-self:flex-end}.atlas-bubble pre{margin:6px 0 0;font-size:12px}.atlas-label{color:var(--ink-3);margin-bottom:2px;font-size:11px}.atlas-note{color:var(--ink-3);text-align:center;align-self:center;margin:0;font-size:13px}.atlas-state{color:var(--ink-3);font-family:var(--mono);align-self:center;margin:0;font-size:11px}.atlas-activity{font-style:italic}.atlas-compose{border-top:1px solid var(--line);background:#fff;flex-direction:column;gap:8px;padding:12px 20px;display:flex}.atlas-input{gap:8px;display:flex}.atlas-input input{font:inherit;border:1px solid var(--line);border-radius:var(--radius);flex:1;padding:6px 10px}.atlas-options{color:var(--ink-2);gap:16px;font-size:13px;display:flex}.atlas-options label{align-items:center;gap:6px;display:flex}.atlas-wire{padding:16px 20px;overflow-y:auto}.atlas-wire h2{margin:0 0 12px;font-size:15px}.atlas-exchange{border:1px solid var(--line);border-radius:var(--radius);background:#fff;margin-bottom:10px;padding:8px 12px;font-size:13px}.atlas-exchange header{font-family:var(--mono);justify-content:space-between;gap:12px;display:flex}.atlas-exchange header code{overflow-wrap:anywhere}.atlas-exchange header span{white-space:nowrap}.box-label{color:var(--ink-3);font-family:var(--font);margin:8px 0 2px;font-size:12px}.atlas .atlas-copy{float:right;color:var(--code-ink);font-family:var(--font);background:#1c1f26;border-color:#3a3f4b;margin:0 0 4px 8px;padding:1px 8px;font-size:11px}.atlas-exchange summary{cursor:pointer;color:var(--ink-3);margin-top:6px}.atlas-exchange pre{margin:6px 0;font-size:12px}.atlas-response{max-height:260px;overflow-y:auto}@media (max-width:900px){.atlas{height:auto}.atlas-header{flex-wrap:wrap}.atlas-body{grid-template-columns:1fr}.atlas-chat{border-right:none;border-bottom:1px solid var(--line);min-height:70vh}}.inspector-picker form{gap:8px;max-width:640px;display:flex}.inspector-picker input{font:inherit;border:1px solid var(--line);border-radius:var(--radius);flex:1;padding:6px 10px}.inspector-picker button{font:inherit;border:1px solid var(--brand);border-radius:var(--radius);background:var(--brand);color:#fff;cursor:pointer;padding:6px 14px}.demo-badge{color:var(--ink-3);font-family:var(--font);white-space:nowrap;background:#f1efe8;border-radius:999px;margin-left:8px;padding:1px 6px;font-size:11px}.inspector-toggle{color:var(--ink-2);align-items:center;gap:6px;margin-bottom:12px;font-size:14px;display:flex}.atlas-wire-header{justify-content:space-between;align-items:baseline;gap:12px;margin-bottom:12px;display:flex}.atlas-wire-header h2{margin:0}.atlas-wire-header label{color:var(--ink-2);align-items:center;gap:6px;font-size:13px;display:flex}.json-view button{font:inherit;font-size:inherit;color:inherit;text-align:left;background:0 0;border:none;border-radius:0;padding:0}.json-view .json-long{border-bottom:1px dotted var(--ink-3)}.json-view .jwt-toggle{color:#c7cbf5;font-family:var(--font);background:#2d3250;border-radius:999px;margin-left:8px;padding:0 6px;font-size:11px}.jwt-decoded{word-break:normal;overflow-wrap:anywhere;background:#181b26;border-left:2px solid #6b72d8;width:100%;margin:6px 0;padding:8px 10px;display:inline-block}.json-note{color:#8b90a0}