.docs-shell{grid-template-columns:236px minmax(0,1fr) 200px;align-items:start;gap:40px;width:100%;max-width:1320px;margin-inline:auto;padding:40px 28px 80px;display:grid}.docs-sidebar{top:calc(var(--shell-nav-h) + 24px);max-height:calc(100dvh - var(--shell-nav-h) - 48px);gap:26px;display:grid;position:sticky;overflow-y:auto}.docs-sidebar-heading{margin-bottom:10px}.docs-sidebar ul{gap:2px;padding:0;list-style:none;display:grid}.docs-sidebar a{border-radius:var(--fk-r-sm);color:var(--fk-text-muted);margin-left:-10px;padding:5px 10px;font-size:.9rem;display:block}.docs-sidebar a:hover{color:var(--fk-text);background:var(--fk-tint)}.docs-sidebar a.active{color:var(--fk-primary);background:var(--fk-primary-soft);font-weight:500}.doc{min-width:0}.crumbs{letter-spacing:.04em;text-transform:uppercase;color:var(--fk-text-faint);gap:8px;font-size:.74rem;display:flex}.crumbs .sep{margin-left:8px}.crumbs .cur{color:var(--fk-text-muted)}.doc-titlerow{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:16px;margin-top:14px;display:flex}.doc-title{font-family:var(--fk-font-display);letter-spacing:-.03em;font-size:clamp(2rem,3.4vw,2.7rem);font-weight:700;line-height:1.05}.doc-lede{margin-top:14px;font-size:1.06rem}.doc-import{border:1px solid var(--fk-border);border-radius:var(--fk-r-sm);background:var(--fk-surface);color:var(--fk-text-muted);margin-top:16px;padding:6px 11px;font-size:.82rem;display:inline-block}.copy-page{border:1px solid var(--fk-border);border-radius:var(--fk-r-sm);color:var(--fk-text-muted);cursor:pointer;background:0 0;align-items:center;gap:7px;padding:6px 11px;font-size:.78rem;display:inline-flex}.copy-page:hover{color:var(--fk-text);border-color:var(--fk-border-control)}.doc-body{margin-top:32px}.doc-body>*+*{margin-top:18px}.doc-body h2,.doc-body h3,.doc-body h4{font-family:var(--fk-font-display);letter-spacing:-.02em;scroll-margin-top:calc(var(--shell-nav-h) + 20px)}.doc-body h2{border-top:1px solid var(--fk-border);margin-top:44px;padding-top:22px;font-size:1.5rem;font-weight:700}.doc-body h3{margin-top:30px;font-size:1.16rem;font-weight:700}.doc-body p,.doc-body li{color:var(--fk-text-muted);max-width:74ch}.doc-body strong{color:var(--fk-text);font-weight:600}.doc-body ul,.doc-body ol{gap:8px;padding-left:20px;display:grid}.doc-body a{color:var(--fk-primary);text-underline-offset:2px;text-decoration:underline}.doc-body code{font-family:var(--fk-font-mono);border:1px solid var(--fk-border);border-radius:var(--fk-r-sm);background:var(--fk-surface);color:var(--fk-text);padding:1px 5px;font-size:.86em}.doc-body .win{margin-top:18px}.hash{color:var(--fk-text-faint);opacity:0;margin-left:9px;text-decoration:none}h2:hover .hash,h3:hover .hash,h4:hover .hash,.hash:focus-visible{opacity:1}.preview{border:1px solid var(--fk-border);border-radius:var(--fk-r-lg);background:var(--fk-card);margin-top:22px;overflow:hidden}.preview-bar{border-bottom:1px solid var(--fk-border);background:var(--fk-surface);align-items:center;gap:10px;padding:7px 10px;display:flex}.preview-tabs{gap:2px;display:flex}.preview-tab{border-radius:var(--fk-r-sm);color:var(--fk-text-muted);font-family:var(--fk-font-sans);cursor:pointer;background:0 0;border:1px solid #0000;padding:5px 11px;font-size:.82rem;font-weight:500}.preview-tab[aria-selected=true]{background:var(--fk-card);color:var(--fk-text);box-shadow:var(--fk-sh-1);border-color:var(--fk-border-control)}.preview-chip{border:1px solid var(--fk-border);border-radius:var(--fk-r-sm);letter-spacing:.06em;text-transform:uppercase;color:var(--fk-text-faint);margin-left:auto;padding:3px 8px;font-size:.7rem}.preview-stage{background-image:radial-gradient(var(--fk-border) 1px, transparent 1px);background-size:16px 16px;padding:26px 22px;overflow-x:auto}.preview-code{position:relative;overflow-x:auto}.preview-copy{z-index:1;position:absolute;top:10px;right:10px}.preview-code pre{margin:0;padding:18px 20px}.preview-code code{font-family:var(--fk-font-mono);color:var(--fk-text);font-size:.82rem;line-height:1.65}.demo-controls{border-bottom:1px dashed var(--fk-border);flex-wrap:wrap;gap:14px;margin-bottom:18px;padding-bottom:16px;display:flex}.demo-control{gap:5px;display:grid}.demo-control select{border:1px solid var(--fk-border-control);border-radius:var(--fk-r-sm);background:var(--fk-card);color:var(--fk-text);font-family:var(--fk-font-mono);padding:6px 9px;font-size:.8rem}.props-wrap{margin-top:18px;overflow-x:auto}.props{table-layout:fixed;border-collapse:collapse;width:100%;min-width:560px;font-size:.88rem}.props th:first-child,.props td:first-child{width:20%}.props th:nth-child(2),.props td:nth-child(2){width:24%}.props th:nth-child(3),.props td:nth-child(3){width:12%}.props th:nth-child(4),.props td:nth-child(4){width:44%}.props .pn,.props .pt{overflow-wrap:anywhere}.props th{text-align:left;background:var(--fk-tint);color:var(--fk-text-muted);letter-spacing:.06em;text-transform:uppercase;padding:9px 12px;font-size:.74rem;font-weight:600}.props td{border-top:1px solid var(--fk-border);vertical-align:top;color:var(--fk-text-muted);padding:11px 12px}.props .pn{color:var(--fk-text);font-size:.84rem}.props .pt{color:var(--fk-primary);font-size:.82rem}.props .req{text-transform:uppercase;letter-spacing:.05em;color:var(--fk-attention);margin-left:7px;font-size:.68rem}.doc-foot-nav{border-top:1px solid var(--fk-border);grid-template-columns:1fr 1fr;gap:14px;margin-top:56px;padding-top:26px;display:grid}.doc-foot-nav a{border:1px solid var(--fk-border);border-radius:var(--fk-r-md);gap:5px;padding:14px 16px;display:grid}.doc-foot-nav a:hover{border-color:var(--fk-border-control);background:var(--fk-surface)}.doc-foot-nav .next{text-align:right}.doc-foot-nav .dir{color:var(--fk-text-faint);font-size:.72rem}.doc-foot-nav .nm{color:var(--fk-text);font-weight:600}.toc{top:calc(var(--shell-nav-h) + 24px);align-content:start;gap:7px;display:grid;position:sticky}.toc-head{margin-bottom:4px}.toc a{color:var(--fk-text-muted);border-left:2px solid var(--fk-border);padding-left:11px;font-size:.84rem}.toc a:hover{color:var(--fk-text)}.toc a.active{color:var(--fk-primary);border-left-color:var(--fk-primary)}@media (min-width:1400px){.docs-shell{max-width:1680px}}@media (max-width:1180px){.docs-shell{grid-template-columns:214px minmax(0,1fr);gap:32px}.toc{display:none}}@media (max-width:820px){.docs-shell{grid-template-columns:minmax(0,1fr);gap:24px}.docs-sidebar{border-bottom:1px solid var(--fk-border);max-height:none;padding-bottom:20px;position:static}}.demo-stack{gap:18px;display:grid}.doc-body .hook-readout-note{max-width:none;color:var(--fk-text-faint);margin-top:8px;font-size:12px;line-height:1.45}