*,:before,:after{box-sizing:border-box}html{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;scroll-behavior:smooth}@media (prefers-reduced-motion:reduce){html{scroll-behavior:auto}}img,svg{max-width:100%;display:block}body{background:var(--bg);color:var(--fg-1);font-family:var(--font-body);transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);margin:0;font-size:16px;line-height:1.6}.wrap{max-width:1320px;margin:0 auto;padding-left:clamp(16px,4vw,48px);padding-right:clamp(16px,4vw,48px)}.wrap-prose{max-width:820px;margin:0 auto;padding-left:clamp(16px,4vw,40px);padding-right:clamp(16px,4vw,40px)}.section{padding-top:clamp(40px,6vw,80px);padding-bottom:clamp(40px,6vw,80px)}.section-alt{background:var(--panel-2);border-top:1px solid var(--hair);border-bottom:1px solid var(--hair);transition:background var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out)}h1,h2,h3,h4,h5,h6{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg-1);text-wrap:pretty;margin:0;font-weight:800;line-height:1.1}p{text-wrap:pretty;margin:0}a{color:var(--fg-link);text-decoration:none}a:hover{text-decoration:underline}code,kbd,pre{font-family:var(--font-mono)}.eyebrow{text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3);margin-bottom:8px;font-size:12px;font-weight:700;display:block}.page-h1{font-family:var(--font-display);letter-spacing:-.03em;color:var(--fg-1);font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.06}.page-lead,.lede{color:var(--fg-2);max-width:680px;margin-top:12px;font-size:clamp(16px,1.2vw,18px);line-height:1.65}.page-hero-inner{justify-content:space-between;align-items:center;gap:32px;display:flex}.page-hero-text{flex:1;max-width:680px}.tools-wapuu{filter:drop-shadow(0 12px 28px #0909092e);flex:none;width:auto;height:116px}@media (width<=860px){.tools-wapuu{height:90px}}@media (width<=560px){.page-hero-inner.tools-hero-inner{flex-direction:column;align-items:flex-start}}.section-head{flex-wrap:wrap;justify-content:space-between;align-items:flex-start;gap:24px;margin-bottom:clamp(24px,3vw,40px);display:flex}.section-head h2{font-size:clamp(26px,3vw,38px)}.section-head p{color:var(--fg-2);max-width:440px;font-size:15px;line-height:1.6}.btn-primary{background:var(--c-brand-blue);color:#fff;font-family:var(--font-display);border-radius:var(--radius-md);cursor:pointer;transition:background var(--dur) var(--ease-out), transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);border:none;align-items:center;gap:8px;padding:11px 22px;font-size:15px;font-weight:700;text-decoration:none;display:inline-flex}.btn-primary:hover{background:var(--c-brand-blue-hover);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-1px)}.btn-primary:active{transform:none}.btn-primary:focus-visible{outline:2px solid var(--c-brand-blue);outline-offset:3px}.btn-ghost{color:var(--fg-1);font-family:var(--font-display);border:1px solid var(--hair);border-radius:var(--radius-md);cursor:pointer;transition:border-color var(--dur) var(--ease-out), color var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);background:0 0;align-items:center;gap:8px;padding:10px 20px;font-size:15px;font-weight:600;text-decoration:none;display:inline-flex}.btn-ghost:hover{border-color:var(--border-strong);box-shadow:var(--shadow-sm);text-decoration:none}.btn-ghost:focus-visible{outline:2px solid var(--c-brand-blue);outline-offset:3px}.btn-pill{border-radius:var(--radius-pill)}.btn-soft{background:var(--accent-soft);color:var(--accent);font-family:var(--font-display);border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);border-radius:var(--radius-md);cursor:pointer;transition:filter var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out);border:1px solid #0000001f;border:1px solid color-mix(in srgb, var(--accent) 22%, transparent);align-items:center;gap:8px;padding:10px 20px;font-size:14px;font-weight:700;text-decoration:none;display:inline-flex}.btn-soft:hover{filter:brightness(1.08);text-decoration:none}.btn-soft:focus-visible{outline:2px solid var(--c-brand-blue);outline-offset:3px}.icon-btn{border-radius:var(--radius-md);width:36px;height:36px;color:var(--fg-2);cursor:pointer;transition:background var(--dur) var(--ease-out), color var(--dur) var(--ease-out);background:0 0;border:none;place-items:center;padding:0;display:grid}.icon-btn:hover{background:var(--panel-2);color:var(--fg-1)}.icon-btn:focus-visible{outline:2px solid var(--c-brand-blue);outline-offset:2px}.crumb{color:var(--fg-3);align-items:center;gap:6px;margin-bottom:16px;font-size:13px;display:flex}.crumb a{color:var(--fg-3)}.crumb a:hover{color:var(--accent);text-decoration:none}.crumb .sep{color:var(--fg-3);opacity:.5}.kbd{background:var(--bg);border:1px solid var(--hair);border-radius:var(--radius-sm);font-family:var(--font-mono);color:var(--fg-3);align-items:center;padding:2px 7px;font-size:11px;display:inline-flex}@media (width>=1600px){.hero h1{font-size:clamp(56px,4.6vw,84px)}.lead,.page-lead{font-size:clamp(19px,1.3vw,23px)}}.burger{display:none}@media (width<=1024px){.burger{display:grid}.mobile-actions{display:flex!important}.nav-primary,.nav-extra,.nav-actions .stxt,.nav-actions .kbd{display:none!important}}.md{color:var(--fg-1);font-size:16.5px;line-height:1.72}.md h2{margin-top:2em;margin-bottom:.5em;font-size:clamp(20px,2vw,26px)}.md h3{margin-top:1.6em;margin-bottom:.4em;font-size:clamp(17px,1.5vw,21px)}.md p{margin-bottom:1.1em}.md ul,.md ol{margin-bottom:1em;padding-left:1.4em}.md li{margin-bottom:.4em}.md code{font-family:var(--font-mono);background:var(--panel-2);border:1px solid var(--hair);border-radius:5px;padding:1px 5px;font-size:.88em}.md pre{color:var(--c-slate-150);border-radius:var(--radius-md);background:#0d1117;margin-bottom:1.2em;padding:16px 20px;overflow-x:auto}.md pre code{background:0 0;border:none;padding:0;font-size:14px}.md a{color:var(--accent)}.md blockquote{border-left:3px solid var(--accent);color:var(--fg-2);margin:1.2em 0;padding-left:16px}.eyebrow{font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.1em;color:var(--fg-3);margin-bottom:12px;font-size:12px;font-weight:700;display:inline-block}.page-h1{font-family:var(--font-display);letter-spacing:-.025em;color:var(--fg-1);margin:0 0 16px;font-size:clamp(30px,4vw,46px);font-weight:800;line-height:1.1}.page-lead{color:var(--fg-2);max-width:520px;margin:0;font-size:clamp(16px,1.2vw,18px);line-height:1.6}.page-lead code{font-family:var(--font-mono);background:var(--panel-2);border:1px solid var(--hair);color:var(--fg-1);border-radius:5px;padding:1px 5px;font-size:.9em}.editorial-hero{border-bottom:1px solid var(--hair);padding:clamp(40px,5vw,72px) 0 clamp(24px,3vw,40px)}.editorial-hero-inner{justify-content:space-between;align-items:center;gap:32px;max-width:1320px;margin:0 auto;padding:0 clamp(16px,4vw,48px);display:flex}.editorial-hero-text{flex:1;max-width:600px}.prose-body{max-width:820px;margin:0 auto;padding:clamp(32px,4vw,56px) clamp(16px,4vw,40px) 80px}.ob-steps{flex-direction:column;gap:32px;margin-top:32px;display:flex}.ob-step{grid-template-columns:48px 1fr;align-items:start;gap:20px;display:grid}.ob-step-num{background:var(--accent-soft);border:2px solid var(--accent);width:48px;height:48px;color:var(--accent);font-family:var(--font-display);border-radius:50%;flex:none;place-items:center;font-size:18px;font-weight:800;display:grid}.ob-step-body h2{font-family:var(--font-display);color:var(--fg-1);margin-bottom:8px;font-size:18px;font-weight:700}.ob-step-body p{color:var(--fg-2);margin:0;font-size:15px;line-height:1.65}.ob-step-body .run-pill{margin-top:12px}.sr-only{clip:rect(0, 0, 0, 0);white-space:nowrap;border:0;width:1px;height:1px;margin:-1px;padding:0;position:absolute;overflow:hidden}.item-grid{grid-template-columns:repeat(auto-fill,minmax(330px,1fr));gap:16px;display:grid}.item-card{background:var(--panel);border:1px solid var(--hair);border-radius:var(--radius-xl);color:inherit;transition:transform var(--dur) var(--ease-out), box-shadow var(--dur) var(--ease-out), border-color var(--dur) var(--ease-out);flex-direction:column;gap:12px;padding:18px;text-decoration:none;display:flex}.item-card[hidden]{display:none}.item-card:hover{border-color:var(--border-strong);box-shadow:var(--shadow-md);text-decoration:none;transform:translateY(-2px)}.item-card-head{justify-content:space-between;align-items:center;gap:12px;display:flex}.item-mark{border-radius:var(--radius-md);background:var(--accent-soft);width:40px;height:40px;color:var(--accent);flex:none;place-items:center;display:grid}.item-name{color:var(--fg-1);font-size:16px;font-weight:800;line-height:1.25}.item-desc{color:var(--fg-2);min-height:3.1em;font-size:13.5px;line-height:1.55}.item-tags{flex-wrap:wrap;gap:8px;display:flex}.item-tag{border-radius:var(--radius-pill);border:1px solid var(--hair);background:var(--panel-2);color:var(--fg-3);font-family:var(--font-mono);align-items:center;padding:4px 8px;font-size:11px;display:inline-flex}.item-tag--more{color:var(--fg-2)}.item-card-foot{justify-content:flex-end;align-items:center;margin-top:auto;padding-top:4px;display:flex}.item-install-hint{color:var(--accent);font-size:13px;font-weight:700}.type-badge{border-radius:var(--radius-pill);border:1px solid var(--hair);background:var(--panel-2);color:var(--fg-2);font-family:var(--font-mono);letter-spacing:.02em;white-space:nowrap;align-items:center;gap:6px;padding:3px 9px;font-size:11px;font-weight:700;display:inline-flex}.tb-install{--badge-fg:var(--accent);--badge-bg:var(--accent-soft);--badge-border:color-mix(in srgb, var(--accent) 28%, transparent);color:var(--badge-fg);background:var(--badge-bg);border-color:var(--badge-border)}.tb-aiDefault{--badge-fg:var(--c-cyan-500);--badge-bg:color-mix(in srgb, var(--c-cyan-500) 14%, transparent);--badge-border:color-mix(in srgb, var(--c-cyan-500) 28%, transparent);color:var(--badge-fg);background:var(--badge-bg);border-color:var(--badge-border)}.tb-workflow{--badge-fg:var(--c-status-success);--badge-bg:color-mix(in srgb, var(--c-status-success) 12%, transparent);--badge-border:color-mix(in srgb, var(--c-status-success) 24%, transparent);color:var(--badge-fg);background:var(--badge-bg);border-color:var(--badge-border)}.tb-guardrail{--badge-fg:var(--c-status-warning);--badge-bg:color-mix(in srgb, var(--c-status-warning) 14%, transparent);--badge-border:color-mix(in srgb, var(--c-status-warning) 26%, transparent);color:var(--badge-fg);background:var(--badge-bg);border-color:var(--badge-border)}.tb-pack{--badge-fg:var(--c-light-blue);--badge-bg:color-mix(in srgb, var(--c-light-blue) 12%, transparent);--badge-border:color-mix(in srgb, var(--c-light-blue) 26%, transparent);color:var(--badge-fg);background:var(--badge-bg);border-color:var(--badge-border)}.tb-script{--badge-fg:var(--c-brand-blue-700);--badge-bg:color-mix(in srgb, var(--c-brand-blue-700) 12%, transparent);--badge-border:color-mix(in srgb, var(--c-brand-blue-700) 24%, transparent);color:var(--badge-fg);background:var(--badge-bg);border-color:var(--badge-border)}.tb-schema{--badge-fg:var(--c-brand-blue);--badge-bg:var(--accent-soft);--badge-border:color-mix(in srgb, var(--c-brand-blue) 26%, transparent);color:var(--badge-fg);background:var(--badge-bg);border-color:var(--badge-border)}.tb-recipe{--badge-fg:var(--c-status-info);--badge-bg:color-mix(in srgb, var(--c-status-info) 12%, transparent);--badge-border:color-mix(in srgb, var(--c-status-info) 24%, transparent);color:var(--badge-fg);background:var(--badge-bg);border-color:var(--badge-border)}.tb-mixed{--badge-fg:var(--fg-2);--badge-bg:var(--panel-2);--badge-border:var(--hair);color:var(--badge-fg);background:var(--badge-bg);border-color:var(--badge-border)}@media (width<=640px){.item-grid{grid-template-columns:1fr}}