.phone-grid[data-astro-cid-ll2x6ujy]{grid-template-columns:repeat(3,minmax(0,1fr));gap:24px;display:grid}.phone[data-astro-cid-ll2x6ujy]{aspect-ratio:390/850;border-radius:16px;position:relative;overflow:clip;box-shadow:0 1px 3px #0000001a,0 8px 24px -4px #0000001f}.phone-screen[data-astro-cid-ll2x6ujy]{height:100%}.phone-image[data-astro-cid-ll2x6ujy]{object-fit:cover;object-position:top;width:100%;height:100%;display:block}.phone[data-astro-cid-ll2x6ujy][data-long] .phone-screen[data-astro-cid-ll2x6ujy]{scrollbar-width:none;overflow:hidden auto}.phone[data-astro-cid-ll2x6ujy][data-long] .phone-screen[data-astro-cid-ll2x6ujy]::-webkit-scrollbar{display:none}.phone[data-astro-cid-ll2x6ujy][data-long] .phone-image[data-astro-cid-ll2x6ujy]{height:auto}.phone-screen[data-astro-cid-ll2x6ujy]:focus-visible{outline:2px solid var(--color-accent);outline-offset:-2px}.scroll-hint[data-astro-cid-ll2x6ujy]{white-space:nowrap;color:#fff;pointer-events:none;background:#242428c7;border-radius:999px;align-items:center;gap:8px;padding:8px 16px;font-size:14px;font-weight:600;line-height:20px;transition:opacity .3s;display:none;position:absolute;bottom:16px;left:50%;translate:-50%}.scroll-hint[data-astro-cid-ll2x6ujy]:after{content:"";border-bottom:1.5px solid;border-right:1.5px solid;width:7px;height:7px;margin-top:-4px;animation:1.4s ease-in-out infinite scroll-hint-nudge;rotate:45deg}.phone[data-astro-cid-ll2x6ujy][data-overflow] .scroll-hint[data-astro-cid-ll2x6ujy]{display:flex}.phone[data-astro-cid-ll2x6ujy][data-scrolled] .scroll-hint[data-astro-cid-ll2x6ujy]{opacity:0}@keyframes scroll-hint-nudge{0%,to{translate:0}50%{translate:0 3px}}@media (prefers-reduced-motion:reduce){.scroll-hint[data-astro-cid-ll2x6ujy]:after{animation:none}.scroll-hint[data-astro-cid-ll2x6ujy]{transition:none}}@media (width<64rem){.phone-grid[data-astro-cid-ll2x6ujy]{justify-content:center;margin-inline:-4px;display:flex}.phone[data-astro-cid-ll2x6ujy]{aspect-ratio:auto;flex:none;width:min(100%,440px)}.phone-screen[data-astro-cid-ll2x6ujy]{scrollbar-width:none;height:auto;max-height:clamp(420px,100svh - 182px,812px);overflow:hidden auto}.phone-screen[data-astro-cid-ll2x6ujy]::-webkit-scrollbar{display:none}.phone-image[data-astro-cid-ll2x6ujy]{height:auto}.phone[data-astro-cid-ll2x6ujy]:not([data-current]){display:none}}.device-toggle[data-astro-cid-mq2b6flk]{height:30px;color:var(--color-ink-subtle);cursor:pointer;border-radius:8px;padding-inline:16px;font-size:13px;line-height:20px}.device-toggle[data-astro-cid-mq2b6flk][aria-pressed=true]{background:var(--color-surface);color:var(--color-ink);font-weight:700}.tabbar[data-astro-cid-mq2b6flk]{scrollbar-width:none;max-width:calc(100% - 24px);overflow-x:auto;box-shadow:0 10px 15px -3px #0000001a,0 4px 6px -4px #0000001a}.tabbar[data-astro-cid-mq2b6flk]::-webkit-scrollbar{display:none}.shot-panel[data-astro-cid-mq2b6flk][data-device=Mobile]~.tabbar[data-astro-cid-mq2b6flk],.tab-stage[data-astro-cid-mq2b6flk]:has(.shot-panel[data-device=Mobile]) .tabbar[data-astro-cid-mq2b6flk]{border-radius:18px;gap:14px;height:36px;padding-inline:16px}.tab-stage[data-astro-cid-mq2b6flk]:has(.shot-panel[data-device=Mobile]) .page-tab[data-astro-cid-mq2b6flk]{font-size:11px;line-height:16px}.submenu[data-astro-cid-mq2b6flk]{z-index:20;background:var(--color-surface);border-radius:12px;flex-direction:column;align-items:center;gap:16px;width:max-content;min-width:80px;padding:20px 12px;display:flex;position:absolute;box-shadow:0 4px 16px #0000000f}.submenu-item[data-astro-cid-mq2b6flk]{text-align:center;white-space:nowrap;color:var(--color-ink);cursor:pointer;font-size:12px;line-height:14px}.submenu-item[data-astro-cid-mq2b6flk]:hover{color:var(--color-accent)}.submenu-nested[data-astro-cid-mq2b6flk]{align-items:stretch;padding-inline:16px}.submenu-nested[data-astro-cid-mq2b6flk]>.submenu-item[data-astro-cid-mq2b6flk]{text-align:left}.submenu-group[data-astro-cid-mq2b6flk]{display:contents}.submenu-parent[data-astro-cid-mq2b6flk]{white-space:nowrap;color:var(--color-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;font-size:12px;line-height:14px;display:flex}.submenu-parent[data-astro-cid-mq2b6flk]:hover,.submenu-parent[data-astro-cid-mq2b6flk][aria-expanded=true]{color:var(--color-accent)}.submenu-parent[data-astro-cid-mq2b6flk]:has(+.submenu-flyout [aria-checked=true]){font-weight:700}.submenu-parent[data-astro-cid-mq2b6flk]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.submenu-chevron[data-astro-cid-mq2b6flk]{flex:none}.submenu-flyout[data-astro-cid-mq2b6flk][data-side=left]{left:auto;right:calc(100% + 4px)}.submenu-flyout[data-astro-cid-mq2b6flk]{background:var(--color-surface);border-radius:12px;flex-direction:column;align-items:flex-start;gap:16px;width:max-content;min-width:80px;padding:20px 16px;display:flex;position:absolute;left:calc(100% + 4px);box-shadow:0 4px 16px #0000000f}.submenu-item[data-astro-cid-mq2b6flk][aria-checked=true]{font-weight:700}.submenu-item[data-astro-cid-mq2b6flk]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:4px}.page-tab[data-astro-cid-mq2b6flk]{white-space:nowrap;color:var(--color-ink-subtle);cursor:pointer;flex:none;font-size:13px;line-height:20px}.page-tab[data-astro-cid-mq2b6flk][aria-selected=true]{color:var(--color-ink);font-weight:700}.gallery-step[data-astro-cid-mq2b6flk]{width:30px;height:30px;color:var(--color-ink);cursor:pointer;background:#f7f7f8;border-radius:8px;justify-content:center;align-items:center;display:flex}.gallery-step[data-astro-cid-mq2b6flk]:before{content:"";border-top:1.5px solid;border-left:1.5px solid;width:7px;height:7px}.gallery-step[data-astro-cid-mq2b6flk][data-step="-1"]:before{margin-left:3px;rotate:-45deg}.gallery-step[data-astro-cid-mq2b6flk][data-step="1"]:before{margin-right:3px;rotate:135deg}.gallery-step[data-astro-cid-mq2b6flk]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.shot-panel[data-astro-cid-mq2b6flk]{--phone-height:clamp(420px, calc(100vh - 240px), 812px);--panel-height:max(420px, calc(100vh - 240px));border-radius:16px;width:100%;margin-inline:auto;transition:width .3s cubic-bezier(.4,0,.2,1);overflow:clip;box-shadow:0 1px 3px #0000001a,0 8px 24px -4px #0000001f}.shot-panel[data-astro-cid-mq2b6flk][data-device=Mobile]{width:375px;height:var(--phone-height)}.shot-panel[data-astro-cid-mq2b6flk]{max-height:var(--panel-height);scrollbar-width:none;overflow:hidden auto}.shot-panel[data-astro-cid-mq2b6flk]::-webkit-scrollbar{display:none}.page-tab[data-astro-cid-mq2b6flk]:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px;border-radius:6px}.shot-panel[data-astro-cid-mq2b6flk]:focus-visible{outline:2px solid var(--color-accent);outline-offset:4px}.tabbar[data-astro-cid-mq2b6flk]{transition:opacity .35s,visibility .35s}.tab-stage[data-astro-cid-mq2b6flk][data-tabs=hidden] .tabbar[data-astro-cid-mq2b6flk]:not(:focus-within){opacity:0;pointer-events:none}@media (prefers-reduced-motion:reduce){.tabbar[data-astro-cid-mq2b6flk]{transition:none}}.detail-info[data-astro-cid-mq2b6flk]{max-height:calc(100vh / var(--design-zoom) - 164px);align-self:start;position:sticky;top:140px;overflow-y:auto}.shot-panel[data-astro-cid-mq2b6flk][data-mode=empty]{height:1654px;color:var(--color-ink-muted);background:#d9d9d9;justify-content:center;align-items:center;font-size:16px;line-height:24px;display:flex}.shot-panel[data-astro-cid-mq2b6flk][data-device=Mobile][data-mode=empty]{height:var(--phone-height)}.shot-image[data-astro-cid-mq2b6flk]{width:100%;height:auto;transition:opacity .2s;display:block}.shot-panel[data-astro-cid-mq2b6flk][data-pending] .shot-image[data-astro-cid-mq2b6flk]{opacity:.45}@media (prefers-reduced-motion:reduce){.shot-panel[data-astro-cid-mq2b6flk],.shot-image[data-astro-cid-mq2b6flk]{transition:none}}@media (width<64rem){.detail-info[data-astro-cid-mq2b6flk]{max-height:none;position:static;overflow:visible}.shot-panel[data-astro-cid-mq2b6flk]{--phone-height:clamp(420px, calc(100svh - 182px), 812px);--panel-height:max(420px, calc(100svh - 182px))}.shot-panel[data-astro-cid-mq2b6flk][data-device=Mobile]{width:min(100% + 8px,440px);margin-inline:max(-4px,50% - 220px)}.shot-panel[data-astro-cid-mq2b6flk][data-mode=empty]{height:50vh}.tab-stage[data-astro-cid-mq2b6flk]:has(.shot-panel[data-device]) .tabbar[data-astro-cid-mq2b6flk]{--stage:calc(100vw - 40px);max-width:calc(100% - 16px);height:3.3em;font-size:min(16px, max(calc(var(--stage) * .8 / var(--tab-fit)), min(11px, calc((var(--stage) - 16px) * .97 / var(--tab-fit)))));border-radius:999px;gap:1em;padding-inline:1.2em}.tab-stage[data-astro-cid-mq2b6flk]:has(.shot-panel[data-device]) .page-tab[data-astro-cid-mq2b6flk]{font-size:inherit;line-height:1.45}}