.detail[data-astro-cid-pp7zom7g]{padding-top:28px}.crumbs[data-astro-cid-pp7zom7g]{display:flex;flex-wrap:wrap;gap:10px;color:var(--ink-3)}.crumbs[data-astro-cid-pp7zom7g] a[data-astro-cid-pp7zom7g]{text-decoration:none}.crumbs[data-astro-cid-pp7zom7g] a[data-astro-cid-pp7zom7g]:hover{color:var(--ink)}.head[data-astro-cid-pp7zom7g]{display:flex;flex-wrap:wrap;align-items:flex-end;justify-content:space-between;gap:24px 40px;margin:40px 0 32px}.actions[data-astro-cid-pp7zom7g]{display:flex;flex-wrap:wrap;gap:10px}.react[data-astro-cid-pp7zom7g]:disabled{opacity:.5;cursor:default}.like[data-astro-cid-pp7zom7g][aria-pressed=true]{border-color:#ff5537;color:#ff5537}.like[data-astro-cid-pp7zom7g][aria-pressed=true] svg[data-astro-cid-pp7zom7g] path[data-astro-cid-pp7zom7g]{fill:currentColor}.like[data-astro-cid-pp7zom7g].pop svg[data-astro-cid-pp7zom7g]{animation:pop .45s var(--ease)}@keyframes pop{40%{transform:scale(1.35)}}.idx[data-astro-cid-pp7zom7g]{display:flex;align-items:center;gap:10px;margin:0 0 14px;color:var(--ink-2)}.swatch[data-astro-cid-pp7zom7g]{width:12px;height:12px;border-radius:4px;background:var(--accent);box-shadow:inset 0 0 0 1px #0000001f}h1[data-astro-cid-pp7zom7g]{margin:0;font-size:clamp(42px,7vw,84px);font-weight:600;letter-spacing:-.05em;line-height:.95}.desc[data-astro-cid-pp7zom7g]{max-width:620px;margin:18px 0 0;color:var(--ink-2);font-size:clamp(17px,1.6vw,19px)}.viewer[data-astro-cid-pp7zom7g]{overflow:hidden;border:1px solid var(--line);border-radius:calc(var(--radius) + 4px);background:var(--surface)}.viewer-bar[data-astro-cid-pp7zom7g]{display:flex;flex-wrap:wrap;align-items:center;gap:12px;padding:10px 12px;border-bottom:1px solid var(--line)}.sizes[data-astro-cid-pp7zom7g]{display:flex;padding:3px;border-radius:999px;background:var(--paper-2)}.sizes[data-astro-cid-pp7zom7g] button[data-astro-cid-pp7zom7g]{height:30px;padding:0 14px;border:0;border-radius:999px;background:transparent;color:var(--ink-2);font-size:13.5px}.sizes[data-astro-cid-pp7zom7g] button[data-astro-cid-pp7zom7g][aria-pressed=true]{background:var(--surface);color:var(--ink);box-shadow:0 1px 3px #0000001f}.note[data-astro-cid-pp7zom7g]{color:var(--ink-3)}.tools[data-astro-cid-pp7zom7g]{display:flex;gap:6px;margin-left:auto}.icon[data-astro-cid-pp7zom7g]{display:grid;place-items:center;width:36px;height:36px;border:1px solid transparent;border-radius:50%;background:transparent;color:var(--ink-2);transition:border-color .2s,color .2s}.icon[data-astro-cid-pp7zom7g]:hover{border-color:var(--line-2);color:var(--ink)}.screen[data-astro-cid-pp7zom7g]{display:grid;place-items:center;height:clamp(460px,72vh,780px);background:radial-gradient(circle at 1px 1px,var(--line) 1px,transparent 0) 0 0 / 18px 18px,var(--paper-2)}.device[data-astro-cid-pp7zom7g]{overflow:hidden;background:var(--bg)}.device[data-astro-cid-pp7zom7g]:not([data-size=full]){border-radius:22px;box-shadow:0 0 0 1px var(--line-2),0 30px 60px -30px #0006}.device[data-astro-cid-pp7zom7g] iframe[data-astro-cid-pp7zom7g]{display:block;max-width:none;border:0;transform-origin:0 0}.specs[data-astro-cid-pp7zom7g]{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));margin:0;border-bottom:1px solid var(--line)}.specs[data-astro-cid-pp7zom7g] div[data-astro-cid-pp7zom7g]{padding:22px 0}dt[data-astro-cid-pp7zom7g]{margin-bottom:6px;color:var(--ink-3)}dd[data-astro-cid-pp7zom7g]{margin:0;font-size:15px}.block[data-astro-cid-pp7zom7g]{margin-top:64px}.block-head[data-astro-cid-pp7zom7g]{display:flex;align-items:center;justify-content:space-between}h2[data-astro-cid-pp7zom7g]{margin:0 0 14px;font-size:26px;font-weight:600;letter-spacing:-.03em}.hint[data-astro-cid-pp7zom7g]{margin:0 0 18px;color:var(--ink-2)}.hint[data-astro-cid-pp7zom7g] code[data-astro-cid-pp7zom7g],.files[data-astro-cid-pp7zom7g] code[data-astro-cid-pp7zom7g]{font-family:var(--mono);font-size:.86em}.code[data-astro-cid-pp7zom7g]{overflow:hidden;border:1px solid var(--line);border-radius:14px}.panel[data-astro-cid-pp7zom7g] .astro-code{max-height:560px}.copy[data-astro-cid-pp7zom7g]{height:34px;padding:0 14px;font-size:13.5px}.tabs[data-astro-cid-pp7zom7g]{display:flex;gap:4px;margin-bottom:10px;overflow-x:auto}.tabs[data-astro-cid-pp7zom7g] button[data-astro-cid-pp7zom7g]{flex:none;height:34px;padding:0 14px;border:1px solid transparent;border-radius:999px;background:transparent;color:var(--ink-2);font-family:var(--mono);font-size:12.5px}.tabs[data-astro-cid-pp7zom7g] button[data-astro-cid-pp7zom7g][aria-selected=true]{border-color:var(--line-2);background:var(--surface);color:var(--ink)}.files[data-astro-cid-pp7zom7g]{margin-top:16px;color:var(--ink-2)}.files[data-astro-cid-pp7zom7g] summary[data-astro-cid-pp7zom7g]{cursor:pointer}.files[data-astro-cid-pp7zom7g] ul[data-astro-cid-pp7zom7g]{columns:2 240px;margin:12px 0 0;padding-left:18px;font-size:14px}.loop[data-astro-cid-pp7zom7g]{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:80px}.loop[data-astro-cid-pp7zom7g] a[data-astro-cid-pp7zom7g]{display:flex;flex-direction:column;gap:8px;padding:26px 28px;border:1px solid var(--line);border-radius:var(--radius);text-decoration:none;transition:border-color .25s,box-shadow .25s}.loop[data-astro-cid-pp7zom7g] a[data-astro-cid-pp7zom7g]:hover{border-color:var(--accent);box-shadow:inset 0 0 0 1px var(--accent)}.loop[data-astro-cid-pp7zom7g] .next[data-astro-cid-pp7zom7g]{align-items:flex-end;text-align:right}.loop[data-astro-cid-pp7zom7g] .mono[data-astro-cid-pp7zom7g]{color:var(--ink-3)}.loop[data-astro-cid-pp7zom7g] strong[data-astro-cid-pp7zom7g]{font-size:clamp(20px,2.4vw,28px);font-weight:600;letter-spacing:-.03em}@media(max-width:640px){.note[data-astro-cid-pp7zom7g]{order:3;width:100%}.loop[data-astro-cid-pp7zom7g]{grid-template-columns:1fr}.loop[data-astro-cid-pp7zom7g] .next[data-astro-cid-pp7zom7g]{align-items:flex-start;text-align:left}}