:root{--accent: #304780;--gray-0: #fffffc;--gray-50: #faf9f3;--gray-100: #f3f1ea;--gray-150: #e8e6dd;--gray-200: #d8d5ca;--gray-300: #c6c2b7;--gray-600: #68645c;--gray-800: #25231f;--bg: var(--gray-100);--paper: var(--gray-0);--ink: #11110f;--muted: var(--gray-600);--faint: #98948a;--line: var(--gray-200);--line-soft: var(--gray-150);--line-dark: #191814;--code: var(--gray-50);--code-border: var(--gray-200);--shadow: rgba(37, 35, 31, .08);--mono: "Berkeley Mono", "JetBrains Mono", "SFMono-Regular", Consolas, monospace;--sans: "Aptos", "Segoe UI", Helvetica, sans-serif}*{box-sizing:border-box}html{scroll-behavior:smooth}body{margin:0;color:var(--ink);background:linear-gradient(rgba(48,71,128,.028) 1px,transparent 1px),linear-gradient(90deg,rgba(48,71,128,.028) 1px,transparent 1px),var(--bg);background-size:32px 32px;font-family:var(--sans);font-size:14px;line-height:1.58;-webkit-font-smoothing:antialiased}button,input{font:inherit}code,pre,.mono{font-family:var(--mono);font-variant-ligatures:none}a{color:var(--accent);text-decoration:none;border-bottom:1px solid color-mix(in srgb,var(--accent) 45%,transparent)}a:hover{border-bottom-color:var(--accent)}.app{width:min(1120px,calc(100% - 28px));margin:18px auto 56px}.page-intro{margin-bottom:10px}.page-intro h1{margin:0;font-family:var(--mono);font-size:13px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.page-intro p{margin:3px 0 0;color:var(--muted);font-size:13px}.runtime,.step{background:var(--paper);border:1px solid var(--line-dark);box-shadow:0 1px 0 var(--shadow)}.runtime-head{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:10px 12px;background:var(--line-soft);border-bottom:1px solid var(--line)}.runtime-head h2,.wizard-section h3,.body-control-label,.resource-links:before{margin:0;color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.runtime-head h2{color:var(--ink);font-size:11px;letter-spacing:.14em}.runtime-head p{margin:2px 0 0;color:var(--gray-600);font-size:12px}.runtime-actions{display:flex;flex-wrap:wrap;gap:8px}.btn,.copy{padding:6px 9px;color:var(--ink);background:transparent;border:1px solid var(--gray-300);cursor:pointer;font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.1em;text-transform:uppercase}.btn:hover,.btn:focus,.btn.done,.copy:hover,.copy.done{color:var(--paper);background:color-mix(in srgb,var(--accent) 82%,var(--line-dark));border-color:var(--accent);outline:none}.wizard-section{padding:13px;border-top:1px solid var(--line)}.wizard-section h3{margin-bottom:11px}.field-row{display:flex;flex-wrap:wrap;gap:12px}.field{flex:1 1 240px;min-width:0}.field label,.inline-config label{display:block;margin-bottom:7px;color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.field input,.inline-config input{width:100%;padding:8px 9px;color:var(--ink);background:var(--gray-50);border:1px solid var(--line);border-radius:0;outline:none;font-family:var(--mono);font-size:12px}.inline-config input{background:var(--paper)}.field input:focus,.inline-config input:focus{border-color:var(--accent);box-shadow:inset 3px 0 0 var(--accent)}.field small,.inline-config small{display:block;margin-top:6px;color:var(--faint);font-size:12px;line-height:1.35}.inline-config{display:grid;grid-template-columns:minmax(0,1fr) auto;gap:8px;max-width:760px;margin:14px 0 16px;padding:12px;background:var(--gray-50);border:1px solid var(--line)}.inline-config small{grid-column:1 / -1;margin-top:0}.inline-config .btn{align-self:end;margin-bottom:0;white-space:nowrap}.body-control{max-width:760px;margin:14px 0 16px;padding:12px;background:var(--gray-50);border:1px solid var(--line)}.body-control-row{display:flex;align-items:center;flex-wrap:wrap;gap:10px}.body-control-label{width:96px}.body-control .inline-config{max-width:none;margin:10px 0 0;background:var(--paper)}.toggle-options{display:flex;flex-wrap:wrap;gap:6px}.toggle,.state-toggle{color:var(--ink);background:var(--gray-100);border:1px solid var(--line);cursor:pointer;font-family:var(--mono);font-weight:800}.toggle{padding:6px 8px;font-size:11px}.toggle:hover{border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.toggle[aria-pressed=true],.state-toggle[aria-pressed=true]{color:#fff;background:var(--accent);border-color:var(--accent)}.state-toggle{display:inline-flex;align-items:center;gap:8px;padding:7px 9px;font-size:10px;letter-spacing:.08em;text-transform:uppercase;white-space:nowrap}.state-toggle:before{width:8px;height:8px;content:"";background:var(--gray-300);border-radius:50%}.state-toggle[aria-pressed=true]:before{background:#fff}.steps{margin-top:18px}.step{margin-bottom:16px}.step-head{display:grid;grid-template-columns:58px minmax(0,1fr) auto;gap:1px;background:var(--line);border-bottom:1px solid var(--line)}.step-number,.step-title,.step-actions{background:var(--paper)}.step-number{display:grid;place-items:center;color:var(--accent);font-family:var(--mono);font-size:20px;font-weight:900}.step-title{padding:13px 14px}.step-title h2{margin:0;font-size:21px;line-height:1.15;letter-spacing:-.025em}.step-title span{display:block;margin-bottom:4px;color:var(--muted);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.12em;text-transform:uppercase}.step-actions{display:flex;align-items:center;padding:12px 14px}.step-actions .toggle-options{justify-content:flex-end}.step-body{padding:17px}.step-body p,.step-body ol,.step-body ul{max-width:88ch;margin:0 0 14px;color:var(--gray-800)}.step-body ol,.step-body ul{padding-left:24px}.step-body li{margin:6px 0;padding-left:4px}.step-body strong{color:var(--ink);font-weight:800}.step-body code:not(pre code){padding:2px 5px;color:var(--ink);background:var(--line-soft);border:1px solid var(--line);font-family:var(--mono);font-size:.88em;white-space:nowrap}.resource-links{display:flex;flex-wrap:wrap;gap:7px;margin:12px 0 16px}.resource-links:before{align-self:center;content:"reference"}.resource-links a{padding:5px 8px;color:var(--accent);background:var(--gray-50);border:1px solid var(--line);font-family:var(--mono);font-size:11px;font-weight:700}.resource-links a:hover{background:var(--line-soft);border-color:color-mix(in srgb,var(--accent) 42%,var(--line))}.code-block{margin:14px 0 16px;overflow:hidden;background:var(--code);border:1px solid var(--code-border)}.code-head{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:8px 10px;color:var(--ink);background:var(--line-soft);border-bottom:1px solid var(--code-border);font-family:var(--mono);font-size:10px;font-weight:800;letter-spacing:.11em;text-transform:uppercase}.code-head span:before{display:inline-block;width:7px;height:7px;margin-right:8px;content:"";background:var(--accent)}.code-render pre,.code-render .shiki{margin:0;padding:14px;overflow-x:auto;background:var(--code)!important;font-family:var(--mono)!important;font-size:12px;line-height:1.62;tab-size:2}.code-render code{font-family:var(--mono)!important;white-space:pre}.note-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;margin-top:12px;background:var(--line);border:1px solid var(--line-dark)}.note{padding:14px;background:var(--paper)}.note b{display:block;margin-bottom:6px;color:var(--accent);font-family:var(--mono);font-size:11px;letter-spacing:.08em;text-transform:uppercase}.note p{margin:0;color:var(--gray-800);font-size:13px;line-height:1.5}@media(max-width:760px){.app{width:min(100% - 18px,1360px);margin-top:9px}.runtime-head{align-items:flex-start;flex-direction:column}.field-row,.body-control-row{display:block}.field{margin-top:12px}.field:first-child{margin-top:0}.inline-config,.note-grid{grid-template-columns:1fr}.body-control-label{width:auto;margin-bottom:7px}.step-head{grid-template-columns:46px 1fr}.step-actions{grid-column:1 / -1;padding-top:0}}