.agent-toolkit:where(.astro-eywkza5e){grid-column:1/13}.banner:where(.astro-eywkza5e){all:unset;box-sizing:border-box;cursor:pointer;--banner-bg:var(--bg);background:var(--banner-bg);width:100%;box-shadow:inset 0 0 0 2px var(--fg);grid-template-columns:auto minmax(0,1fr);align-items:center;column-gap:20px;padding:20px 24px;transition:background-color .2s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:grid}.banner:where(.astro-eywkza5e):hover,.banner:where(.astro-eywkza5e):focus-visible{--banner-bg:var(--plate-tint);box-shadow:inset 0 0 0 2px var(--accent)}.banner:where(.astro-eywkza5e):focus-visible{outline:2px solid var(--accent);outline-offset:3px}.stack:where(.astro-eywkza5e){align-items:center;display:flex}.tile:where(.astro-eywkza5e){background:var(--plate);width:40px;height:40px;color:var(--fg);box-shadow:inset 0 0 0 2px var(--fg), 0 0 0 3px var(--banner-bg);flex:none;place-items:center;transition:margin-left .26s cubic-bezier(.16,1,.3,1),transform .26s cubic-bezier(.16,1,.3,1),box-shadow .2s cubic-bezier(.16,1,.3,1);display:grid;position:relative}.tile:where(.astro-eywkza5e)+.tile:where(.astro-eywkza5e){margin-left:-6px}@media (hover:hover){.stack:where(.astro-eywkza5e){min-width:178px}.banner:where(.astro-eywkza5e):hover .tile:where(.astro-eywkza5e)+.tile:where(.astro-eywkza5e),.banner:where(.astro-eywkza5e):focus-visible .tile:where(.astro-eywkza5e)+.tile:where(.astro-eywkza5e){margin-left:6px}.banner:where(.astro-eywkza5e):hover .tile:where(.astro-eywkza5e),.banner:where(.astro-eywkza5e):focus-visible .tile:where(.astro-eywkza5e){transform:translateY(-2px)}}.tile:where(.astro-eywkza5e):nth-child(2){transition-delay:30ms}.tile:where(.astro-eywkza5e):nth-child(3){transition-delay:60ms}.tile:where(.astro-eywkza5e):nth-child(4){transition-delay:90ms}.tile:where(.astro-eywkza5e):first-child{z-index:4}.tile:where(.astro-eywkza5e):nth-child(2){z-index:3}.tile:where(.astro-eywkza5e):nth-child(3){z-index:2}.tile:where(.astro-eywkza5e) .brand-mark{width:20px;height:20px}.banner-title:where(.astro-eywkza5e){letter-spacing:-.01em;font-size:19px;font-weight:700;display:block}.banner-body:where(.astro-eywkza5e){color:var(--muted);max-width:70ch;margin-top:4px;font-size:15px;display:block}.compact:where(.astro-eywkza5e) .banner:where(.astro-eywkza5e){grid-template-columns:auto minmax(0,1fr) auto;column-gap:14px;padding:10px 14px}.compact:where(.astro-eywkza5e) .tile:where(.astro-eywkza5e){width:30px;height:30px}.compact:where(.astro-eywkza5e) .tile:where(.astro-eywkza5e) .brand-mark{width:16px;height:16px}.compact:where(.astro-eywkza5e) .tile:where(.astro-eywkza5e)+.tile:where(.astro-eywkza5e){margin-left:-5px}.compact:where(.astro-eywkza5e) .banner-title:where(.astro-eywkza5e){font-size:16px}.arrow:where(.astro-eywkza5e){font-size:18px;transition:transform .2s cubic-bezier(.16,1,.3,1)}.banner:where(.astro-eywkza5e):hover .arrow:where(.astro-eywkza5e),.banner:where(.astro-eywkza5e):focus-visible .arrow:where(.astro-eywkza5e){color:var(--accent);transform:translate(4px)}@media (hover:hover){.compact:where(.astro-eywkza5e) .stack:where(.astro-eywkza5e){min-width:135px}.compact:where(.astro-eywkza5e) .banner:where(.astro-eywkza5e):hover .tile:where(.astro-eywkza5e)+.tile:where(.astro-eywkza5e),.compact:where(.astro-eywkza5e) .banner:where(.astro-eywkza5e):focus-visible .tile:where(.astro-eywkza5e)+.tile:where(.astro-eywkza5e){margin-left:5px}}dialog:where(.astro-eywkza5e){background:var(--bg);width:min(720px,100vw - 32px);max-height:calc(100dvh - 32px);color:var(--fg);border:2px solid var(--fg);border-radius:0;padding:0;overflow:auto}dialog:where(.astro-eywkza5e)::backdrop{background:#17142a8c}dialog:where(.astro-eywkza5e)[open]{animation:.2s cubic-bezier(.16,1,.3,1) rise}@keyframes rise{0%{opacity:0;transform:translateY(8px)}}header:where(.astro-eywkza5e){border-bottom:2px solid var(--rule);padding:28px 64px 24px 28px;position:relative}header:where(.astro-eywkza5e) h2:where(.astro-eywkza5e){letter-spacing:-.02em;align-items:center;gap:12px;margin:0;font-size:26px;font-weight:700;line-height:1.2;display:flex}header:where(.astro-eywkza5e) p:where(.astro-eywkza5e){color:var(--muted);max-width:60ch;margin:12px 0 0;font-size:15px}.close:where(.astro-eywkza5e){all:unset;box-sizing:border-box;cursor:pointer;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:20px;right:20px}.close:where(.astro-eywkza5e) svg:where(.astro-eywkza5e){stroke:currentColor;stroke-width:2px;fill:none;width:16px;height:16px}.close:where(.astro-eywkza5e):hover{color:var(--accent)}.close:where(.astro-eywkza5e):focus-visible{outline:2px solid var(--accent);outline-offset:2px}section:where(.astro-eywkza5e){padding:24px 28px}h3:where(.astro-eywkza5e){letter-spacing:-.01em;margin:0;font-size:19px;font-weight:700;line-height:1.3}section:where(.astro-eywkza5e)>p:where(.astro-eywkza5e),.prompt:where(.astro-eywkza5e) p:where(.astro-eywkza5e){color:var(--muted);max-width:52ch;margin:6px 0 0;font-size:15px}.prompt:where(.astro-eywkza5e){border-bottom:1px solid var(--hair);grid-template-columns:minmax(0,1fr) auto;align-items:center;column-gap:24px;display:grid}.prompt-copy:where(.astro-eywkza5e){cursor:pointer;font:inherit;white-space:nowrap;border:0;padding:12px 18px;font-size:15px;font-weight:500}.tabs:where(.astro-eywkza5e){box-shadow:inset 0 0 0 2px var(--fg);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:16px;display:grid}.tabs:where(.astro-eywkza5e) button:where(.astro-eywkza5e){all:unset;box-sizing:border-box;cursor:pointer;justify-content:center;align-items:center;gap:8px;padding:10px 8px;font-size:15px;font-weight:500;display:flex}.tabs:where(.astro-eywkza5e) .brand-mark{width:18px;height:18px}.tabs:where(.astro-eywkza5e) button:where(.astro-eywkza5e)+button:where(.astro-eywkza5e){box-shadow:inset 2px 0 0 var(--fg)}.tabs:where(.astro-eywkza5e) button:where(.astro-eywkza5e):hover{color:var(--accent)}.tabs:where(.astro-eywkza5e) button:where(.astro-eywkza5e)[aria-selected=true]{background:var(--btn);color:var(--on-btn)}.tabs:where(.astro-eywkza5e) button:where(.astro-eywkza5e):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.panel:where(.astro-eywkza5e){display:none}:where(.astro-eywkza5e)[data-agent=claude] :where(.astro-eywkza5e)[data-for-agent=claude],:where(.astro-eywkza5e)[data-agent=codex] :where(.astro-eywkza5e)[data-for-agent=codex],:where(.astro-eywkza5e)[data-agent=cursor] :where(.astro-eywkza5e)[data-for-agent=cursor],:where(.astro-eywkza5e)[data-agent=other] :where(.astro-eywkza5e)[data-for-agent=other]{display:block}.panel:where(.astro-eywkza5e) ol:where(.astro-eywkza5e){margin:0;padding:0;list-style:none}.panel:where(.astro-eywkza5e) li:where(.astro-eywkza5e){margin-top:20px}.step-title:where(.astro-eywkza5e){margin:0 0 8px;font-size:15px;font-weight:500}.plate:where(.astro-eywkza5e){background:var(--plate);color:var(--plate-fg);box-shadow:inset 0 0 0 1px var(--plate-line);position:relative}.plate:where(.astro-eywkza5e) pre:where(.astro-eywkza5e){font-family:var(--nw-mono);scrollbar-color:var(--plate-muted) transparent;margin:0;padding:14px 18px;font-size:14px;line-height:1.7;overflow-x:auto}.plate:where(.astro-eywkza5e) code:where(.astro-eywkza5e){font:inherit;padding-right:64px;display:block}.copy:where(.astro-eywkza5e){all:unset;box-sizing:border-box;cursor:pointer;background:var(--bg);color:var(--fg);box-shadow:inset 0 0 0 1px var(--plate-line);padding:4px 10px;font-size:13px;position:absolute;top:8px;right:8px}.copy:where(.astro-eywkza5e):hover{color:var(--accent)}.copy:where(.astro-eywkza5e):focus-visible{outline:2px solid var(--accent);outline-offset:2px}.note:where(.astro-eywkza5e){color:var(--muted);max-width:64ch;margin:16px 0 0;font-size:14px}footer:where(.astro-eywkza5e){border-top:2px solid var(--rule);flex-wrap:wrap;justify-content:space-between;gap:8px 24px;padding:18px 28px;font-size:15px;display:flex}footer:where(.astro-eywkza5e) a:where(.astro-eywkza5e){text-decoration:underline}@media (width<=720px){.agent-toolkit:where(.astro-eywkza5e):not(.compact) .banner:where(.astro-eywkza5e){grid-template-columns:minmax(0,1fr);row-gap:14px}.prompt:where(.astro-eywkza5e){grid-template-columns:minmax(0,1fr);row-gap:16px}.prompt-copy:where(.astro-eywkza5e){justify-self:start}header:where(.astro-eywkza5e),section:where(.astro-eywkza5e),footer:where(.astro-eywkza5e){padding-inline:20px}}@media (width<=480px){.tabs:where(.astro-eywkza5e){grid-template-columns:repeat(2,minmax(0,1fr))}.tabs:where(.astro-eywkza5e) button:where(.astro-eywkza5e):nth-child(3){box-shadow:inset 0 2px 0 var(--fg)}.tabs:where(.astro-eywkza5e) button:where(.astro-eywkza5e):nth-child(4){box-shadow:inset 2px 0 0 var(--fg), inset 0 2px 0 var(--fg)}}@media (prefers-reduced-motion:reduce){dialog:where(.astro-eywkza5e)[open]{animation:none}.banner:where(.astro-eywkza5e),.tile:where(.astro-eywkza5e),.arrow:where(.astro-eywkza5e){transition:none}.banner:where(.astro-eywkza5e):hover .tile:where(.astro-eywkza5e),.banner:where(.astro-eywkza5e):focus-visible .tile:where(.astro-eywkza5e){transform:none}}