.ref-head{padding:clamp(32px, 5vw, 64px) 0 var(--s-5);max-width:780px}.ref-head .eyebrow{margin:0 0 var(--s-2)}.ref-layout{grid-template-columns:230px minmax(0,1fr);align-items:start;gap:clamp(24px,4vw,56px);display:grid}.ref-side{gap:var(--s-4);max-height:calc(100vh - 32px);padding:4px 4px var(--s-4);display:grid;position:sticky;top:16px;overflow-y:auto}.ref-agents{overflow-wrap:anywhere;max-width:760px;font-size:15px}.ref-agents code{font-size:13px}.ref-search{border:1.5px solid var(--rule-strong);border-radius:var(--r-pill);background:var(--sheet);transition:border-color var(--d-2);align-items:center;gap:8px;padding:0 10px;display:flex}.ref-search:focus-within{border-color:var(--ink)}.ref-search .icon{width:17px;height:17px;color:var(--ink-mute)}.ref-search input{width:0;min-width:0;font:inherit;color:var(--ink);background:0 0;border:none;outline:none;flex:1;padding:9px 0;font-size:15px}.ref-toc{gap:2px;display:grid}.ref-toc a{width:-moz-fit-content;width:fit-content;min-width:100%;color:var(--ink-soft);justify-content:space-between;gap:8px;padding:5px 2px;font-size:15px;display:flex}.ref-toc a[aria-current]{color:var(--ink);font-weight:560}.ref-toc a:after{bottom:0;right:28px}.ink-link[aria-current=location]:after{clip-path:inset(0)}.ref-toc .n{color:var(--ink-mute);font-size:11px}.ref-toc a[hidden]{display:none}.ref-none{justify-items:center;gap:var(--s-3);padding:var(--s-8) var(--s-4);text-align:center;color:var(--ink-soft);display:grid}.ref-none p{max-width:44ch;margin:0}.ref-none .squig-empty svg{width:auto;height:96px}.ref-section{margin:0 0 var(--s-8);scroll-margin-top:20px}.ref-section h2{font-size:var(--t-6)}.ref-item[hidden],.ref-section[hidden]{display:none}.ref-item-head{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.ref-hear{margin:-4px 0 0 auto}.ref-copy{opacity:.55;transition:opacity var(--d-2);margin-top:-4px}.ref-item:hover .ref-copy,.ref-copy:focus-visible{opacity:1}.ref-section>p{color:var(--ink-2);max-width:70ch}.ref-list{grid-template-columns:repeat(auto-fill,minmax(min(100%,340px),1fr));gap:18px;margin-top:20px;display:grid}.ref-item{background:var(--sheet);box-shadow:var(--lift-1);border-radius:3px;grid-template-columns:128px minmax(0,1fr);gap:14px;padding:14px;scroll-margin-top:20px;display:grid}.ref-item canvas{width:128px;box-shadow:inset 0 0 0 1px var(--rule);border-radius:4px}.ref-item h3{font-family:var(--mono);color:var(--sq-command);font-variation-settings:normal;letter-spacing:0;white-space:pre-wrap;margin:0 0 4px;font-size:15px;font-weight:600}.ref-item p{color:var(--ink-2);margin:0 0 8px;font-size:15px;line-height:1.45}.ref-item details{font-size:14px}.ref-item summary{cursor:pointer;color:var(--ink-3)}.ref-item pre{white-space:pre-wrap;margin:6px 0;font-size:12px;line-height:1.55}.ref-item .open{font-size:14px}.palette{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:12px;margin-top:20px;display:grid}.swatch{border:1px solid var(--rule);border-radius:var(--radius);background:var(--sheet);overflow:hidden}.swatch .chip-color{height:64px}.swatch div:last-child{padding:8px 10px;font-size:14px}.swatch code{background:0 0;padding:0;font-weight:600}.swatch .hex{font-family:var(--mono);color:var(--ink-3);font-size:11.5px;display:block}.ref-table{border-collapse:collapse;width:100%;margin-top:16px;font-size:15.5px}.ref-table td{border-top:1px solid var(--rule);vertical-align:top;padding:9px 10px 9px 0}.ref-table td:first-child{font-family:var(--mono);white-space:nowrap;width:1%;padding-right:22px;font-size:13px}.notfound{grid-template-columns:minmax(0,360px) minmax(0,1fr);align-items:center;gap:48px;padding-top:64px;display:grid}.nf-sheet{padding:12px;transform:rotate(-1.2deg)}@media (max-width:720px){.notfound{grid-template-columns:1fr;gap:28px}.ref-item{grid-template-columns:96px minmax(0,1fr)}.ref-item canvas{width:96px}}.ref-live{margin:4px 0 18px}@media (max-width:900px){.ref-layout{grid-template-columns:1fr}.ref-side{z-index:5;background:var(--paper);border-bottom:1px solid var(--rule);max-height:none;padding:10px 0;position:sticky;top:0;overflow:visible}.ref-toc{scrollbar-width:none;gap:14px;display:flex;overflow-x:auto}.ref-toc a{white-space:nowrap;min-width:auto}.ref-toc .n{display:none}.ref-section{scroll-margin-top:120px}}
