.preview[data-v-f140988d]{--preview-scroll-distance:0px;--preview-scroll-duration:5s;--preview-return-duration:1.25s;aspect-ratio:16/10;background:#e8eef6;border:1px solid var(--color-border);border-radius:10px;max-height:min(52vh,22rem);overflow:hidden;position:relative}.preview--fill[data-v-f140988d]{aspect-ratio:unset;border:none;border-radius:0;height:100%;max-height:none;width:100%}.preview--interactive[data-v-f140988d]{cursor:pointer}.preview--interactive[data-v-f140988d]:focus-visible{outline:2px solid var(--color-accent);outline-offset:2px}.preview__image[data-v-f140988d]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:center top;object-position:center top;pointer-events:none;transform:translateZ(0);transform-origin:top center;transition:transform var(--preview-return-duration) cubic-bezier(.22,1,.36,1);-webkit-user-select:none;-moz-user-select:none;user-select:none;width:100%;will-change:auto;-webkit-user-drag:none}.preview--fill .preview__image[data-v-f140988d]{height:auto;-o-object-fit:unset;object-fit:unset;-o-object-position:unset;object-position:unset}.preview.is-preview-active .preview__image[data-v-f140988d]{transform:translate3d(0,calc(var(--preview-scroll-distance)*-1),0);transition:transform var(--preview-scroll-duration) linear;will-change:transform}@media(hover:hover)and (pointer:fine){.preview.can-scroll:hover .preview__image[data-v-f140988d]{transform:translate3d(0,calc(var(--preview-scroll-distance)*-1),0);transition:transform var(--preview-scroll-duration) linear;will-change:transform}}@media(prefers-reduced-motion:reduce){.preview__image[data-v-f140988d]{transition:none!important}.preview.is-preview-active .preview__image[data-v-f140988d]{transform:translate3d(0,calc(var(--preview-scroll-distance)*-1),0)}@media(hover:hover)and (pointer:fine){.preview.can-scroll:hover .preview__image[data-v-f140988d]{transform:translate3d(0,calc(var(--preview-scroll-distance)*-1),0)}}}.preview__empty[data-v-f140988d]{align-items:flex-end;background:var(--color-surface-raised);color:var(--color-text-muted);display:flex;font-family:var(--font-display);font-size:.95rem;font-weight:650;height:100%;padding:1rem;width:100%}.preview__hint[data-v-f140988d]{align-items:center;background:#ffffffeb;border:1px solid rgba(18,26,38,.1);border-radius:999px;bottom:.7rem;box-shadow:0 8px 20px #121a261f;color:var(--color-text);display:inline-flex;gap:.4rem;opacity:1;padding:.38rem .65rem .38rem .45rem;pointer-events:none;position:absolute;right:.7rem;transform:translateY(0);transition:opacity .22s var(--ease-out),transform .22s var(--ease-out);z-index:2}.preview__hint-icon[data-v-f140988d]{background:#2f66ff1a;border-radius:999px;color:var(--color-accent);display:grid;height:1.35rem;place-items:center;width:1.35rem}.preview__hint-icon svg[data-v-f140988d]{height:.95rem;width:.95rem}.preview__hint-label[data-v-f140988d]{font-size:.72rem;font-weight:650;letter-spacing:.01em;white-space:nowrap}.preview__hint-wheel[data-v-f140988d]{animation:preview-wheel-f140988d 1.2s var(--ease-out) infinite}@keyframes preview-wheel-f140988d{0%,to{opacity:1;transform:translateY(0)}50%{opacity:.45;transform:translateY(2px)}}@media(hover:hover)and (pointer:fine){.preview.can-scroll[data-v-f140988d]{cursor:ns-resize}.preview.can-scroll:hover .preview__hint[data-v-f140988d],.preview.is-preview-active .preview__hint[data-v-f140988d]{opacity:0;transform:translateY(4px)}}@media(prefers-reduced-motion:reduce){.preview__hint-wheel[data-v-f140988d]{animation:none}.preview__hint[data-v-f140988d]{transition:none}}.showcase[data-v-a08c9037]{position:relative}.showcase__glow[data-v-a08c9037]{background:radial-gradient(circle at 50% 42%,rgba(47,102,255,.1),rgba(47,102,255,.04) 46%,transparent 70%);top:-2%;right:-1%;bottom:-2%;left:-1%;pointer-events:none;position:absolute;z-index:0}.showcase__frame[data-v-a08c9037]{background:var(--color-surface);border:1px solid var(--color-border);border-radius:var(--radius-md);box-shadow:0 18px 42px #00000047;overflow:hidden;position:relative;transition:transform .52s cubic-bezier(.22,1,.36,1);z-index:1}@media(hover:hover)and (pointer:fine){.showcase:not(.showcase--scroll):hover .showcase__frame[data-v-a08c9037]{transform:scale(1.01)}}.showcase--pending .showcase__frame[data-v-a08c9037]{border-color:#2f66ff59;border-style:dashed}.showcase__media[data-v-a08c9037]{aspect-ratio:16/10;background:var(--color-surface-raised);overflow:hidden;position:relative}.showcase__media--scroll[data-v-a08c9037] .preview{height:100%;top:0;right:0;bottom:0;left:0;position:absolute;width:100%}.showcase__media img[data-v-a08c9037]{display:block;height:100%;-o-object-fit:cover;object-fit:cover;-o-object-position:top center;object-position:top center;width:100%}.showcase__editorial[data-v-a08c9037]{align-items:center;aspect-ratio:16/10;background:linear-gradient(180deg,#eef2f8,#e4ebf5);display:flex;flex-direction:column;gap:.75rem;justify-content:center;padding:clamp(1.25rem,3vw,2rem);text-align:center}.showcase__badge[data-v-a08c9037]{background:#2f66ff1a;border:1px solid rgba(47,102,255,.35);border-radius:999px;color:var(--color-accent);font-size:.72rem;font-weight:650;letter-spacing:.1em;margin:0;padding:.32rem .75rem;text-transform:uppercase}.showcase__title[data-v-a08c9037]{color:var(--color-text-muted);font-family:var(--font-display);font-size:clamp(1.25rem,2.2vw,1.6rem);font-weight:700;letter-spacing:-.03em;line-height:1.15;margin:0}@media(prefers-reduced-motion:reduce){.showcase__frame[data-v-a08c9037]{transition:none}@media(hover:hover)and (pointer:fine){.showcase:not(.showcase--scroll):hover .showcase__frame[data-v-a08c9037]{transform:none}}}
