.pp[data-astro-cid-6f4j3cqg]{border-radius:var(--radius-lg);border:1px solid var(--line);background:radial-gradient(70% 60% at 30% 0%, var(--primary-soft), transparent 70%), var(--surface);grid-template-columns:minmax(0,1fr);gap:18px;padding:clamp(16px,2vw,24px);display:grid}header[data-astro-cid-6f4j3cqg]{flex-wrap:wrap;justify-content:space-between;align-items:end;gap:8px 24px;display:flex}h2[data-astro-cid-6f4j3cqg]{margin:6px 0 0;font-size:clamp(1.3rem,1rem + 1vw,1.8rem)}.hint[data-astro-cid-6f4j3cqg]{max-width:46ch;color:var(--muted);margin:0;font-size:.92rem}.body[data-astro-cid-6f4j3cqg]{grid-template-columns:minmax(0,1.25fr) minmax(0,1fr);align-items:start;gap:20px;display:grid}.stage[data-astro-cid-6f4j3cqg]{border-radius:var(--radius);background:linear-gradient(#a0afff0d 1px, transparent 1px) 0 0 / 20px 20px, linear-gradient(90deg, #a0afff0d 1px, transparent 1px) 0 0 / 20px 20px, var(--bg-soft);grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:10px;padding:18px 10px;display:grid;position:relative}.nav[data-astro-cid-6f4j3cqg]{border:1px solid var(--line-strong);background:var(--surface);width:44px;height:44px;color:var(--ink);border-radius:50%;place-items:center;display:grid;transform:rotate(-90deg)}.nav[data-astro-cid-6f4j3cqg][disabled]{opacity:.3}.big[data-astro-cid-6f4j3cqg]{justify-items:center;gap:12px;margin:0;display:grid}.frame[data-astro-cid-6f4j3cqg]{place-items:center;width:100%;height:clamp(300px,52vh,560px);display:grid;position:relative}.frame[data-astro-cid-6f4j3cqg] img[data-astro-cid-6f4j3cqg]{max-width:100%;max-height:100%;animation:page-preview-pop .35s var(--ease-out);background:#fff;border-radius:6px;margin:auto;position:absolute;inset:0;box-shadow:0 24px 50px -24px #000000b3}@keyframes page-preview-pop{0%{opacity:.4;transform:scale(.97)}}.loading[data-astro-cid-6f4j3cqg]{place-items:center;display:none;position:absolute;inset:0}.frame[data-astro-cid-6f4j3cqg].is-loading .loading[data-astro-cid-6f4j3cqg]{display:grid}.loading[data-astro-cid-6f4j3cqg] span[data-astro-cid-6f4j3cqg]{border:3px solid var(--line-strong);border-top-color:var(--sky);border-radius:50%;width:34px;height:34px;animation:.8s linear infinite page-preview-spin}@keyframes page-preview-spin{to{transform:rotate(360deg)}}.under[data-astro-cid-6f4j3cqg]{flex-wrap:wrap;justify-content:space-between;align-items:center;gap:10px;width:100%;display:flex}.frame[data-astro-cid-6f4j3cqg].is-zoomed{overscroll-behavior:contain;cursor:grab;border-radius:8px;display:block;overflow:auto}.frame[data-astro-cid-6f4j3cqg].is-zoomed.is-panning{cursor:grabbing;user-select:none}.frame[data-astro-cid-6f4j3cqg].is-zoomed img[data-astro-cid-6f4j3cqg]{-webkit-user-drag:none;user-select:none;max-width:none;max-height:none;margin:0 auto;animation:none;display:block;position:static}figcaption[data-astro-cid-6f4j3cqg]{font-family:var(--font-mono);color:var(--ink-2);text-align:center;font-size:.78rem}.strip[data-astro-cid-6f4j3cqg]{overscroll-behavior:contain;grid-template-columns:repeat(auto-fill,minmax(92px,1fr));gap:12px;max-height:calc(52vh + 70px);margin:0;padding:4px 6px 4px 2px;list-style:none;display:grid;overflow-y:auto}.strip[data-astro-cid-6f4j3cqg] button{width:100%;color:var(--ink-2);text-align:center;background:0 0;border:0;gap:6px;padding:0;display:grid;position:relative}.strip[data-astro-cid-6f4j3cqg] .th{aspect-ratio:.72;border-bottom:4px solid var(--c,var(--sky));box-shadow:0 0 0 1px var(--line);transition:box-shadow var(--fast) var(--ease), transform var(--fast) var(--spring);background:#fff;border-radius:6px;place-items:center;display:grid;overflow:hidden}.strip[data-astro-cid-6f4j3cqg] .th img{object-fit:contain;width:100%;height:100%}.strip[data-astro-cid-6f4j3cqg] button:hover .th{transform:translateY(-2px)}.strip[data-astro-cid-6f4j3cqg] button[aria-current=true] .th{box-shadow:0 0 0 2px var(--bg), 0 0 0 4px var(--sky)}.strip[data-astro-cid-6f4j3cqg] .lbl{font-family:var(--font-mono);white-space:nowrap;text-overflow:ellipsis;font-size:.7rem;overflow:hidden}@media (width<=860px){.body[data-astro-cid-6f4j3cqg]{grid-template-columns:minmax(0,1fr)}.frame[data-astro-cid-6f4j3cqg]{height:min(62vh,440px)}.strip[data-astro-cid-6f4j3cqg]{grid-template-columns:none;grid-auto-columns:84px;grid-auto-flow:column;max-height:none;padding-bottom:8px;overflow:auto hidden}}@media (width<=420px){.stage[data-astro-cid-6f4j3cqg]{grid-template-columns:minmax(0,1fr);padding:14px 6px}.nav[data-astro-cid-6f4j3cqg]{z-index:2;box-shadow:var(--shadow-sm);position:absolute;top:40%}.nav[data-astro-cid-6f4j3cqg].prev{left:4px}.nav[data-astro-cid-6f4j3cqg].next{right:4px}}