:root,[data-fw-scheme=light]{color-scheme:light;--fw-font:inherit;--fw-gap:.375rem;--fw-field-gap:1.25rem;--fw-radius:8px;--fw-border:#cfd3dc;--fw-border-focus:#4f46e5;--fw-bg:#fff;--fw-fg:#1b1d24;--fw-muted:#626877;--fw-accent:#4f46e5;--fw-accent-fg:#fff;--fw-error:#c62828;--fw-ring:0 0 0 3px color-mix(in srgb, var(--fw-border-focus) 25%, transparent)}@media (prefers-color-scheme:dark){:root:not([data-fw-scheme=light]){color-scheme:dark;--fw-border:#3a3f4b;--fw-bg:#16181d;--fw-fg:#e8eaf0;--fw-muted:#9aa1b1;--fw-accent:#8b85ff;--fw-border-focus:#8b85ff;--fw-accent-fg:#0f1014;--fw-error:#ff8a80}}[data-fw-scheme=dark]{color-scheme:dark;--fw-border:#3a3f4b;--fw-bg:#16181d;--fw-fg:#e8eaf0;--fw-muted:#9aa1b1;--fw-accent:#8b85ff;--fw-border-focus:#8b85ff;--fw-accent-fg:#0f1014;--fw-error:#ff8a80}.fw-form{font:var(--fw-font);color:var(--fw-fg);gap:var(--fw-field-gap);display:grid}.fw-form--nested{border:1px solid var(--fw-border);border-radius:var(--fw-radius);margin:0;padding:1rem}.fw-legend{padding:0 .25rem;font-weight:600}.fw-field,.fw-group{gap:var(--fw-gap);border:0;align-content:start;min-width:0;margin:0;padding:0;display:grid}.fw-label{padding:0;font-size:.9rem;font-weight:600}.fw-required{color:var(--fw-error);margin-inline-start:.2em}.fw-hint{color:var(--fw-muted);margin:0;font-size:.85rem}.fw-control-area{gap:var(--fw-gap);align-items:center;display:flex}.fw-input,.fw-select,.fw-textarea{min-width:0;font:inherit;color:inherit;background:var(--fw-bg);border:1px solid var(--fw-border);border-radius:var(--fw-radius);flex:1;padding:.55rem .7rem}.fw-input[type=color],.fw-input[type=range]{flex:none;padding:.2rem}.fw-textarea{resize:vertical;min-height:6rem}.fw-control:focus-visible,.fw-options input:focus-visible,.fw-display:focus-visible,.fw-button:focus-visible{border-color:var(--fw-border-focus);box-shadow:var(--fw-ring);outline:none}.fw-field[data-invalid] .fw-control,.fw-control[aria-invalid=true]{border-color:var(--fw-error)}.fw-field--checkbox{grid-template-columns:auto 1fr;align-items:center}.fw-field--checkbox .fw-label{order:2;font-weight:400}.fw-field--checkbox .fw-control-area{order:1}.fw-field--checkbox .fw-errors,.fw-field--checkbox .fw-hint{order:3;grid-column:1/-1}.fw-options{flex-wrap:wrap;gap:.5rem 1.25rem;display:flex}.fw-option{align-items:center;gap:.4rem;display:inline-flex}.fw-option input:disabled+label{color:var(--fw-muted)}.fw-count{color:var(--fw-muted);white-space:nowrap;font-size:.8rem}.fw-errors:not(:has(li)){margin-top:calc(-1 * var(--fw-gap))}.fw-form,.fw-options input,.fw-checkbox{accent-color:var(--fw-accent)}.fw-errors ul{margin:0;padding:0;list-style:none}.fw-error{color:var(--fw-error);font-size:.85rem}.fw-display{font:inherit;color:inherit;text-align:start;border-radius:var(--fw-radius);cursor:pointer;background:0 0;border:1px dashed #0000;margin-inline-start:-.5rem;padding:.35rem .5rem}.fw-display:hover{border-color:var(--fw-border)}.fw-placeholder{color:var(--fw-muted);font-style:italic}.fw-callout{background:var(--fw-bg);color:var(--fw-fg);border:1px solid var(--fw-border);border-radius:var(--fw-radius);margin:0;padding:.6rem;position:fixed;inset:auto;box-shadow:0 10px 30px #00000026}@supports (anchor-name:--fw){.fw-callout{position-area:bottom span-right;margin-top:.4rem}}.fw-confirm{gap:.25rem;display:inline-flex}.fw-commit,.fw-cancel,.fw-button{font:inherit;cursor:pointer;border-radius:var(--fw-radius);border:1px solid var(--fw-border);background:var(--fw-bg);color:var(--fw-fg);padding:.5rem .9rem}.fw-commit,.fw-cancel{padding:.35rem .6rem}.fw-button--submit{background:var(--fw-accent);border-color:var(--fw-accent);color:var(--fw-accent-fg);font-weight:600}.fw-button[aria-busy=true]{opacity:.7;cursor:progress}.fw-button:disabled{opacity:.5;cursor:not-allowed}:root{--g-font:Inter, system-ui, -apple-system, "Segoe UI", Roboto, sans-serif;--g-mono:ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;--g-bg:#fff;--g-surface:#f6f6fb;--g-fg:#1b1d24;--g-muted:#5d6475;--g-border:#e3e4ec;--g-accent:#4f46e5;--g-accent-soft:#4f46e51a;--g-coral:#e11d48;--g-code-bg:#f7f7fa;--g-gutter:16px;--fw-font:15px/1.5 var(--g-font);color-scheme:light dark}@media (prefers-color-scheme:dark){:root{--g-bg:#0f1016;--g-surface:#161822;--g-fg:#e8eaf0;--g-muted:#9aa1b1;--g-border:#262a36;--g-accent:#a5b4fc;--g-accent-soft:#a5b4fc1f;--g-coral:#fb7185;--g-code-bg:#12141c}}*{box-sizing:border-box}body{background:var(--g-bg);color:var(--g-fg);font:16px/1.65 var(--g-font);margin:0}a{color:var(--g-accent)}.guide-header{z-index:5;padding:.7rem clamp(var(--g-gutter), 3vw, 2rem);background:color-mix(in srgb, var(--g-bg) 85%, transparent);backdrop-filter:blur(12px);border-bottom:1px solid var(--g-border);justify-content:space-between;align-items:center;gap:1rem;display:flex;position:sticky;top:0}.guide-brand{color:inherit;align-items:center;gap:.5rem;text-decoration:none;display:flex}.guide-tag{background:var(--g-accent-soft);color:var(--g-accent);border-radius:999px;padding:.05rem .5rem;font-size:.75rem;font-weight:700}.guide-header nav{gap:1.25rem;display:flex}.guide-header nav a{color:var(--g-muted);font-weight:500;text-decoration:none}.guide-header nav a:hover{color:var(--g-fg)}.guide-layout{max-width:1240px;padding:0 clamp(var(--g-gutter), 3vw, 2rem);grid-template-columns:15rem minmax(0,1fr);gap:clamp(1.5rem,4vw,3.5rem);margin:0 auto;display:grid}.guide-sidebar{align-self:start;max-height:calc(100vh - 4rem);padding:1.5rem 0;position:sticky;top:4rem;overflow-y:auto}.guide-sidebar summary{display:none}.guide-sidebar ul{margin:0;padding:0;list-style:none}.guide-sidebar li{margin:0}.guide-sidebar nav>ul>li{letter-spacing:.1em;text-transform:uppercase;color:var(--g-muted);margin-bottom:1.1rem;font-size:.75rem;font-weight:700}.guide-sidebar nav>ul>li>ul{letter-spacing:0;text-transform:none;margin-top:.35rem;font-size:.92rem;font-weight:500}.guide-sidebar a{color:var(--g-fg);border-radius:8px;padding:.28rem .7rem;text-decoration:none;display:block}.guide-sidebar a:hover{background:var(--g-surface)}.guide-sidebar a.active{background:var(--g-accent-soft);color:var(--g-accent);font-weight:600}.guide-main{min-width:0;padding:1.5rem 0 5rem}@media (width<=860px){.guide-layout{grid-template-columns:1fr;gap:0}.guide-sidebar{max-height:none;padding:.75rem 0 0;position:static}.guide-sidebar summary{cursor:pointer;padding:.4rem 0;font-weight:600;display:block}.guide-sidebar:not([open]) nav{display:none}}.guide-prose{max-width:50rem}.guide-prose h1{letter-spacing:-.025em;margin:.5rem 0 .75rem;font-size:clamp(2rem,4vw,2.6rem);font-weight:800;line-height:1.1}.guide-prose h1+p{color:var(--g-muted);font-size:1.12rem}.guide-prose h2{border-top:1px solid var(--g-border);letter-spacing:-.015em;margin:3rem 0 .75rem;padding-top:1.25rem;font-size:1.5rem;font-weight:700}.guide-prose h3{margin:2rem 0 .5rem;font-size:1.15rem}.guide-prose :not(pre)>code{background:var(--g-accent-soft);font:.88em var(--g-mono);border-radius:5px;padding:.1em .35em}.guide-prose pre:not(.example pre){border:1px solid var(--g-border);font:.86rem/1.6 var(--g-mono);border-radius:12px;margin:1.25rem 0;padding:1rem 1.25rem;overflow-x:auto;background:var(--g-code-bg)!important}.guide-prose table{border-collapse:collapse;width:100%;margin:1.25rem 0;font-size:.93rem;display:block;overflow-x:auto}.guide-prose th,.guide-prose td{border-bottom:1px solid var(--g-border);text-align:left;vertical-align:top;padding:.55rem .8rem}.guide-prose th{text-transform:uppercase;letter-spacing:.06em;color:var(--g-muted);font-size:.78rem}.guide-prose td:first-child code{white-space:nowrap}.guide-loading,.guide-error{border-radius:10px;padding:1rem}.guide-error{border:1px solid var(--g-coral);color:var(--g-coral)}.callout{border-left:4px solid var(--g-accent);background:var(--g-accent-soft);border-radius:0 10px 10px 0;margin:1.25rem 0;padding:.85rem 1.1rem;display:block}.callout>p:first-child>strong:only-child{margin-bottom:-.25rem;display:block}.callout--warning{border-left-color:var(--g-coral);background:color-mix(in srgb, var(--g-coral) 10%, transparent)}.callout--tip{background:#0d94881a;border-left-color:#0d9488}.callout p{margin:.25rem 0}.example{border:1px solid var(--g-border);background:var(--g-surface);border-radius:16px;margin:1.75rem 0;overflow:hidden;box-shadow:0 18px 50px -30px #4f46e573}.example-bar{border-bottom:1px solid var(--g-border);background:var(--g-bg);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.5rem;padding:.6rem .9rem;display:flex}.example-title{font-size:.95rem;font-weight:700}.example-tabs{background:var(--g-surface);border-radius:10px;gap:.25rem;padding:.2rem;display:flex}.example-tabs button,.example-scheme button{font:500 .82rem var(--g-font);color:var(--g-muted);cursor:pointer;background:0 0;border:0;border-radius:8px;padding:.3rem .7rem}.example-tabs [aria-selected=true],.example-scheme [aria-pressed=true]{background:var(--g-bg);color:var(--g-fg);box-shadow:0 1px 3px #0000001f}.example-tools{color:var(--g-muted);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:.6rem;padding:.6rem .9rem 0;font-size:.82rem;display:flex}.example-tools label{align-items:center;gap:.4rem;display:inline-flex}.example-tools select{font:inherit;color:var(--g-fg);background:var(--g-bg);border:1px solid var(--g-border);border-radius:8px;padding:.2rem .4rem}.example-scheme{background:var(--g-bg);border-radius:10px;gap:.2rem;padding:.2rem;display:flex}.example-stage{grid-template-columns:minmax(0,1.5fr) minmax(0,1fr);gap:.9rem;padding:.9rem;display:grid}.example-stage:not(:has(.example-model)){grid-template-columns:1fr}@media (width<=760px){.example-stage{grid-template-columns:1fr}}.example-preview{border:1px solid var(--fw-border);background:var(--fw-bg);color:var(--fw-fg);font:var(--fw-font);border-radius:12px;padding:1.25rem}.example-model{background:var(--g-bg);border:1px dashed var(--g-border);border-radius:12px;min-width:0;padding:.8rem}.example-model-label{letter-spacing:.1em;text-transform:uppercase;color:var(--g-muted);margin-bottom:.4rem;font-size:.72rem;font-weight:700;display:block}.example-model pre{font:.78rem/1.5 var(--g-mono);white-space:pre-wrap;overflow-wrap:anywhere;margin:0;overflow:auto}.example-code{background:var(--g-code-bg);max-height:34rem;position:relative;overflow:auto}.example-code pre{font:.84rem/1.6 var(--g-mono);margin:0;padding:1rem 1.25rem;background:0 0!important}.example-copy{float:right;font:500 .78rem var(--g-font);color:var(--g-fg);background:var(--g-bg);border:1px solid var(--g-border);cursor:pointer;border-radius:8px;margin:.6rem .6rem 0 0;padding:.25rem .7rem;position:sticky;top:.6rem}.fw-preset-compact{--fw-field-gap:.7rem;--fw-gap:.2rem;--fw-radius:4px;--fw-font:13.5px/1.4 var(--g-font)}.fw-preset-compact .fw-input,.fw-preset-compact .fw-select,.fw-preset-compact .fw-textarea{padding:.3rem .5rem}.fw-preset-rounded{--fw-radius:999px;--fw-field-gap:1.4rem;--fw-border:#c7c9f4}.fw-preset-rounded .fw-textarea{border-radius:18px}.fw-preset-brand{--fw-accent:#e11d48;--fw-border-focus:#e11d48;--fw-radius:12px;--fw-border:#f5c2cf;--fw-bg:#fffafb}.fw-preset-brand[data-fw-scheme=dark]{--fw-bg:#1c1216;--fw-border:#5a2a37;--fw-accent:#fb7185;--fw-border-focus:#fb7185}.example-preview h4{letter-spacing:.08em;text-transform:uppercase;color:var(--fw-muted);margin:1.25rem 0 .5rem;font-size:.8rem}.example-preview h4:first-child{margin-top:0}.example-preview .grid-2{grid-template-columns:repeat(auto-fit,minmax(13rem,1fr));gap:1rem 1.25rem;display:grid}.example-preview .actions{flex-wrap:wrap;gap:.6rem;display:flex}.example-preview .status{min-height:1.5em;color:var(--fw-muted);margin:0;font-size:.9rem}.example-preview .hook-log{background:color-mix(in srgb, var(--fw-fg) 5%, transparent);border-radius:10px;margin:1rem 0 0;padding:.75rem .75rem .75rem 2rem;font-size:.85rem}.example-preview .hook-log:empty{display:none}.example-preview .mode-switch{border:1px dashed var(--fw-border);border-radius:10px;flex-wrap:wrap;gap:1rem;margin:0 0 1.25rem;padding:.6rem .9rem;font-size:.9rem;display:flex}.example-preview .mode-switch legend{padding:0 .3rem;font-weight:600}.example-preview .composer{flex:1;gap:.35rem;display:grid}.example-preview .composer-help{color:var(--fw-muted)}
