.design-card{position:relative;display:block}.design-card,.design-open:after{border-radius:var(--radius-card)}.design-open:after{content:"";position:absolute;inset:0;z-index:5}.design-open:focus-visible{outline:none}.design-open:focus-visible:after{outline:2px solid var(--color-ink);outline-offset:6px}.design-frame{position:relative;overflow:hidden;aspect-ratio:2/3;border:1px solid var(--color-line);border-radius:var(--radius-card);background:var(--design-ground,var(--color-surface));transition:border-color .45s var(--ease-brand);container-type:inline-size}.design-card:has(.design-open:focus-visible) .design-frame,.design-card:hover .design-frame{border-color:var(--color-line-strong)}.design-art{position:absolute;inset:0;transition:transform .8s var(--ease-brand)}.design-art>.inv{height:100%}.design-card:has(.design-open:focus-visible) .design-art,.design-card:hover .design-art{transform:scale(1.035)}.design-edge{position:absolute;inset-inline:0;inset-block-end:0;z-index:5;pointer-events:none;height:1px;background:var(--color-accent);transform:scaleX(0);transform-origin:50% 50%;transition:transform .6s var(--ease-brand)}.design-card:has(.design-open:focus-visible) .design-edge,.design-card:hover .design-edge{transform:scaleX(1)}@media (hover:none){.design-card:hover .design-art{transform:none}}.flip-x{display:inline-flex;transform:scaleX(-1)}.preview-guard{-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}@media (prefers-reduced-motion:reduce){.design-art,.design-edge,.design-frame{transition:none}.design-card:has(.design-open:focus-visible) .design-art,.design-card:hover .design-art{transform:none}}.design-frame:dir(ltr) .inv[data-mark=corner]:after{inset-inline:auto;right:3.2cqw}.design-frame:dir(rtl) .inv[data-mark=corner]:after{inset-inline:auto;left:3.2cqw}.design-play{position:absolute;z-index:6;inset-block-start:2px;inset-inline-start:2px;display:inline-grid;place-items:center;width:44px;height:44px;padding:0;border:0;background:transparent;color:var(--color-ink);cursor:pointer;touch-action:manipulation;-webkit-tap-highlight-color:transparent}.design-play-face{display:grid;place-items:center;width:26px;height:26px;padding-inline-start:1px;border:1px solid var(--color-line-strong);border-radius:999px;background:var(--color-bg);transition:border-color .22s var(--ease-brand)}.design-play:hover .design-play-face{border-color:var(--color-ink)}.design-play:focus-visible{outline:none}.design-play:focus-visible .design-play-face{outline:2px solid var(--color-ink);outline-offset:3px}@media (prefers-reduced-motion:reduce){.design-play-face{transition:none}}.design-length{inset-block-start:15px;inset-inline-start:46px;place-items:center;height:20px;padding-inline:7px;border:1px solid var(--color-line-strong);border-radius:999px;background:var(--color-bg);color:var(--color-ink-2);font-family:var(--font-body);font-size:11px;font-variant-numeric:tabular-nums;font-feature-settings:"tnum"}.design-editability,.design-length{position:absolute;z-index:6;display:inline-grid;line-height:1;white-space:nowrap}.design-editability{inset-block-end:10px;inset-inline-end:10px;place-items:center;height:20px;font-family:var(--font-body);font-size:11px;color:var(--color-ink-2)}.design-editability[data-scope=partial]{padding-inline:8px;border:1px solid var(--color-accent);border-radius:999px;background:var(--color-bg);color:var(--color-ink)}@container (max-width: 200px){.design-editability[data-scope=full],.design-length{display:none}}@container (max-width: 159px){.design-editability[data-scope=partial]{display:none}}.site-still{position:absolute;inset:0;display:grid;place-items:center;padding:12%;background-repeat:no-repeat;background-position:top;background-size:cover;container-type:inline-size;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none;-webkit-user-drag:none;transition:transform .8s var(--ease-brand)}.site-still[data-art-state=ready]:after{content:"";position:absolute;inset-block-start:3.2cqw;inset-inline-end:3.2cqw;inline-size:20cqw;aspect-ratio:529/188;background-color:var(--color-accent);opacity:.55;-webkit-mask:url(/assets/corner-mark.svg) center/contain no-repeat;mask:url(/assets/corner-mark.svg) center/contain no-repeat;pointer-events:none}.site-still-none{text-align:center}.design-card:hover .site-still{transform:scale(1.035)}@media (hover:none),(prefers-reduced-motion:reduce){.site-still{transition:none}.design-card:hover .site-still{transform:none}}.pds{display:flex;flex-direction:column;align-items:center;gap:18px}.pds-main{position:relative;inline-size:min(100%,390px);aspect-ratio:390/844;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-card);container-type:inline-size;-webkit-user-select:none;user-select:none;-webkit-touch-callout:none}.pds-main:after{content:"";position:absolute;inset-block-start:3.2cqw;inset-inline-end:3.2cqw;z-index:2;inline-size:20cqw;aspect-ratio:529/188;background-color:#fff;opacity:.5;-webkit-mask:url(/assets/corner-mark.svg) center/contain no-repeat;mask:url(/assets/corner-mark.svg) center/contain no-repeat;pointer-events:none}.pds-still{position:absolute;inset:0;background-size:cover;background-position:top;opacity:0;transition:opacity .5s var(--ease-brand)}.pds-still.is-on{opacity:1}.pds-thumbs{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;inline-size:min(100%,390px);margin:0;padding:0;list-style:none}.pds-thumb{display:block;inline-size:100%;aspect-ratio:390/600;border:1px solid var(--color-line-strong);border-radius:10px;background-size:cover;background-position:top;opacity:.6;cursor:pointer;transition:opacity .25s var(--ease-brand),border-color .25s var(--ease-brand)}.pds-thumb.is-on,.pds-thumb:hover{opacity:1}.pds-thumb.is-on{border-color:var(--color-accent)}.pds-thumb:focus-visible{outline:2px solid var(--color-accent);outline-offset:3px}.pds-try{margin-block-start:6px}.pds-frame{display:block;inline-size:100%;block-size:min(74dvh,760px);border:1px solid var(--color-line);border-radius:14px;background:var(--color-bg)}@media (prefers-reduced-motion:reduce){.pds-still,.pds-thumb{transition:none}}.premium-shelf-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:clamp(20px,2.4vw,36px);margin-block-start:clamp(28px,3vw,44px)}.premium-tile{display:flex;flex-direction:column;gap:12px;color:inherit;text-decoration:none}.premium-tile-frame{position:relative;aspect-ratio:390/700;overflow:hidden;border:1px solid var(--color-line-strong);border-radius:var(--radius-card);transition:border-color .25s var(--ease-brand)}.premium-tile:focus-visible .premium-tile-frame,.premium-tile:hover .premium-tile-frame{border-color:var(--color-accent)}.premium-tile:focus-visible{outline:none}.premium-tile:hover .site-still{transform:scale(1.035)}