.page{padding-top:72px}.page .head h1{font-size:var(--display)}.note{color:var(--ink-secondary);font-size:16px}.search{border:1px solid var(--hairline);border-radius:var(--radius-row);background:var(--surface);width:100%;height:56px;color:var(--ink);padding:0 20px;font:17px Geist,system-ui,sans-serif;display:block;box-shadow:0 1px 2px #0b0c0e0d}.search::placeholder{color:var(--ink-secondary)}.search:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.extensions{grid-template-columns:repeat(auto-fill,minmax(min(100%,400px),1fr));gap:12px;margin:16px 0 0;padding:0;list-style:none;display:grid}.extension{border:1px solid var(--hairline);background:var(--surface);border-radius:20px;flex-direction:column;gap:8px;min-height:210px;padding:24px;font-size:16px;line-height:1.45;display:flex}.extension h2{font:500 17px/1.3 var(--mono);letter-spacing:0}.extension p{-webkit-line-clamp:3;color:var(--ink-secondary);-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.extension .small a{color:var(--ink-secondary);text-underline-offset:3px}.extension-foot{justify-content:space-between;align-items:center;gap:12px;margin-top:auto;padding-top:12px;display:flex}.extension-actions{gap:8px;display:flex}.extension .btn{border-radius:10px;height:40px;padding:0 18px;font-size:15px}.extension.placeholder{background:var(--sunken);border-color:#0000}.extension.build{background:0 0;border-style:dashed;justify-content:center}.extension.build b{font-size:17px;font-weight:600}.extension.build span{max-width:36ch;color:var(--ink-secondary)}.extension.build .dev{color:var(--accent);margin-top:8px}.extension code{font:.92em var(--mono)}.icon-btn{border:1px solid var(--hairline);background:var(--surface);cursor:pointer;width:40px;height:40px;transition:background-color .2s ease, transform .16s var(--ease-out);border-radius:10px;place-items:center;padding:0;display:grid}.icon-btn:active{transform:scale(.97)}.icon-btn svg{fill:none;width:16px;height:16px;stroke:var(--ink-secondary);stroke-width:1.5px;stroke-linecap:round;stroke-linejoin:round}@media (hover:hover) and (pointer:fine){.icon-btn:hover{background:var(--canvas)}}.docs-page{grid-template-columns:220px minmax(0,72ch);gap:80px;display:grid}.toc{align-self:start;gap:10px;padding-top:24px;font-size:15px;display:grid;position:sticky;top:32px}.toc .small{margin-bottom:4px}.toc a{color:var(--ink-secondary);text-decoration:none;transition:color .2s}@media (hover:hover) and (pointer:fine){.toc a:hover{color:var(--ink)}}.docs{font-size:17px;line-height:1.65}.docs h1{margin-bottom:28px}.docs h2{margin:72px 0 16px;scroll-margin-top:32px;font-size:32px}.docs p,.docs ul,.docs ol,.docs pre,.docs table{margin:0 0 18px}.docs ul,.docs ol{padding-left:22px}.docs li+li{margin-top:6px}.docs a{color:var(--accent);text-underline-offset:3px}.docs :not(pre)>code{background:var(--sunken);font:.88em var(--mono);overflow-wrap:anywhere;border-radius:6px;padding:2px 6px}.docs pre{border-radius:var(--radius-row);color:#e6e8ec;font:14px/1.6 var(--mono);background:#1b1e24;padding:20px 24px;overflow-x:auto}.docs table{border-collapse:collapse;width:100%;font-size:15px}.docs th,.docs td{border-bottom:1px solid var(--hairline);text-align:left;vertical-align:top;padding:10px 12px 10px 0}.docs th{font-weight:600}@media (width<=900px){.page{padding-top:32px}.docs-page{grid-template-columns:minmax(0,1fr)}.toc{display:none}.docs table{display:block;overflow-x:auto}.docs h2{margin-top:56px}}@media (prefers-reduced-motion:reduce){.icon-btn:active{transform:none}}
