.pv{position:relative}.pv-box{position:relative;width:100%;aspect-ratio:5 / 4;max-height:74svh;--pv-cx: 46%;--pv-h: 70%}@media(max-width:639px){.pv-box{aspect-ratio:1 / 1;--pv-cx: 44%;--pv-h: 64%}}.pv-poster{position:absolute;top:50%;left:var(--pv-cx);height:var(--pv-h);width:auto;max-width:none;aspect-ratio:2000 / 2200;transform:translate(-50%,-50%);pointer-events:none;-webkit-user-select:none;user-select:none;-webkit-user-drag:none}.pv-canvas{position:absolute;inset:0;width:100%;height:100%;display:block;opacity:0;transition:opacity .7s var(--ease-out-soft);pointer-events:none}.pv[data-mode=live] .pv-canvas{opacity:1}.pv[data-mode=live] .pv-poster{opacity:0;transition:opacity .3s linear .7s}.pv-surface{position:absolute;inset:0;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:-1px}.pv[data-mode=live] .pv-surface{cursor:grab}.pv[data-mode=live] .pv-surface[data-grab]{cursor:grabbing}.pv-dims{position:absolute;inset:0;pointer-events:none;opacity:0;visibility:hidden}.pv-dims-svg{position:absolute;inset:0;width:100%;height:100%;overflow:visible}.pv-dim-line{fill:none;stroke:color-mix(in oklab,var(--color-ink) 64%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.pv-dim-ext{fill:none;stroke:color-mix(in oklab,var(--color-ink) 30%,transparent);stroke-width:1;vector-effect:non-scaling-stroke}.pv-dl{position:absolute;left:0;top:0;font-family:var(--font-mono);font-size:11.5px;line-height:1.25;letter-spacing:.01em;font-variant-numeric:tabular-nums lining-nums;color:var(--color-ink-soft);white-space:nowrap;text-shadow:0 0 6px var(--color-paper),0 0 2px var(--color-paper);will-change:transform}.pv-dl-switch{display:flex;flex-direction:column;align-items:center;text-align:center;color:var(--color-ink-dim)}.pv-dl-sub{color:var(--color-ink-dim);opacity:.85}@media(max-width:639px){.pv-dl{font-size:10.5px}.pv-dl-name{white-space:normal;width:12ch}}.pv-hint{position:absolute;left:0;bottom:2px;display:inline-flex;align-items:center;gap:8px;font-family:var(--font-mono);font-size:11px;letter-spacing:.06em;text-transform:uppercase;color:var(--color-ink-dim);opacity:0;transition:opacity .6s var(--ease-out-soft);pointer-events:none}.pv[data-mode=live]:not([data-touched]) .pv-hint{opacity:1;transition-delay:1.2s}.pv-hint-touch{display:none}@media(pointer:coarse){.pv-hint-fine{display:none}.pv-hint-touch{display:inline}}.pv-hint-btn{opacity:1;pointer-events:auto;color:var(--color-ink);padding:10px 0;text-decoration:underline;text-underline-offset:4px;text-decoration-thickness:1px}.pv-tools{position:absolute;right:0;top:0;display:grid;gap:8px;z-index:2}.pv-tool{display:grid;place-items:center;width:40px;height:40px;border-radius:999px;color:var(--color-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 22%,transparent);background:color-mix(in oklab,var(--color-paper) 70%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);transition:box-shadow .3s var(--ease-out-soft),opacity .5s var(--ease-out-soft)}.pv-tool:hover{box-shadow:inset 0 0 0 1px var(--color-ink)}.pv-tool:active{transform:scale(.96)}.pv-tool-reset{opacity:0;pointer-events:none}.pv[data-touched] .pv-tool-reset{opacity:1;pointer-events:auto}.pv-load{position:absolute;left:0;right:0;bottom:0;height:1px;overflow:hidden;opacity:0;transition:opacity .4s linear;pointer-events:none}.pv-load:after{content:"";position:absolute;inset:0;background:linear-gradient(90deg,transparent,color-mix(in oklab,var(--color-ink) 45%,transparent),transparent);transform:translate(-100%);animation:pv-run 1.4s var(--ease-lux) infinite}.pv[data-mode=loading] .pv-load{opacity:1}@keyframes pv-run{to{transform:translate(100%)}}.pv-controls{display:flex;flex-wrap:wrap;align-items:center;gap:12px 14px;margin-top:14px}.pv-seg{display:inline-flex;box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 26%,transparent)}.pv-seg button,.pv-toggle{position:relative;display:inline-flex;align-items:center;gap:8px;height:42px;padding:0 16px;font-size:14px;font-weight:520;font-stretch:102%;letter-spacing:-.005em;color:var(--color-ink-soft);white-space:nowrap;transition:color .3s var(--ease-out-soft),background-color .3s var(--ease-out-soft),box-shadow .3s var(--ease-out-soft)}.pv-seg button:hover,.pv-toggle:hover{color:var(--color-ink)}.pv-seg button[aria-pressed=true]{background:var(--color-ink);color:var(--color-paper)}.pv-toggle{box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 26%,transparent)}.pv-toggle[aria-pressed=true]{color:var(--color-ink);box-shadow:inset 0 0 0 1px var(--color-ink)}.pv-toggle[aria-pressed=false] svg{opacity:.6}.pv-seg button:active,.pv-toggle:active{transform:translateY(1px)}@media(max-width:380px){.pv-controls{gap:10px}.pv-seg button,.pv-toggle{padding:0 12px;font-size:13.5px}}.pv-static-dims{font-size:14.5px;color:var(--color-ink-soft)}.pv-ar{margin-top:14px}.pv-ar-touch{display:none}.pv-ar-fine{display:block}@media(pointer:coarse){.pv-ar-touch{display:block}.pv-ar-fine{display:none}}.pv-ar-touch[data-off] .pv-ar-btn{display:none}.pv-ar-touch[data-off] .pv-ar-note{margin-top:0}.pv-ar-btn{width:100%;justify-content:flex-start;gap:14px;padding:0 18px 0 12px}.pv-ar-btn>span{flex:1}.pv-ar-thumb{width:26px;height:29px;object-fit:contain}.pv-ar-note{min-height:78px;margin-top:10px;font-size:13px;line-height:1.5;color:var(--color-ink-soft);text-wrap:pretty;max-width:60ch}.pv-link{display:inline-flex;align-items:center;gap:10px;font-size:14.5px;color:var(--color-ink)}.pv-qr{position:fixed;inset:0;margin:auto;width:min(600px,calc(100vw - 32px));height:fit-content;padding:32px;border:0;background:var(--color-paper);color:var(--color-ink);box-shadow:0 0 0 1px color-mix(in oklab,var(--color-ink) 14%,transparent),0 30px 80px -20px color-mix(in oklab,var(--color-ink) 35%,transparent);display:none;grid-template-columns:180px minmax(0,1fr);gap:28px;align-items:center}.pv-qr:popover-open{display:grid;animation:pv-in .45s var(--ease-out-soft)}.pv-qr::backdrop{background:color-mix(in oklab,var(--color-paper) 55%,transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}@keyframes pv-in{0%{opacity:0;transform:translateY(10px)}}.pv-qr-code{width:180px;height:180px;background:#f7f8f6}.pv-qr-code svg{display:block;width:100%;height:100%}.pv-qr-wait{display:block;width:100%;height:100%;background:color-mix(in oklab,var(--color-ink) 6%,transparent)}.pv-qr-close{position:absolute;right:12px;top:12px;display:grid;place-items:center;width:36px;height:36px;border-radius:999px;color:var(--color-ink-soft)}.pv-qr-close:hover{color:var(--color-ink);box-shadow:inset 0 0 0 1px color-mix(in oklab,var(--color-ink) 22%,transparent)}@media(max-width:520px){.pv-qr{grid-template-columns:1fr}}@media(prefers-reduced-motion:reduce){.pv-load:after{animation:none;transform:none}}.pv-toggle[hidden]{display:none}