.theme-preview-card{position:relative;min-width:0;overflow:hidden;border:1px solid var(--line,#d9d5c9);border-radius:18px;background:var(--surface,#fffdf8);box-shadow:0 18px 50px rgba(22,55,36,.08);transition:transform .35s cubic-bezier(.16,1,.3,1),box-shadow .35s ease}.theme-preview-card:hover{transform:translateY(-5px);box-shadow:0 28px 70px rgba(22,55,36,.15)}.theme-preview-card__visual{position:relative;display:block;height:420px;overflow:hidden;background:#173f2a}.theme-preview-card__visual iframe{position:absolute;inset:0;width:100%;height:100%;border:0;pointer-events:none;transform:scale(1.01);transition:transform .8s cubic-bezier(.16,1,.3,1)}.theme-preview-card:hover .theme-preview-card__visual iframe{transform:scale(1.045)}.theme-preview-card__veil{position:absolute;inset:0;background:linear-gradient(180deg,transparent 45%,rgba(8,28,17,.56));opacity:.45;transition:opacity .3s}.theme-preview-card:hover .theme-preview-card__veil{opacity:.72}.theme-preview-card__peek{position:absolute;right:16px;bottom:16px;display:inline-flex;align-items:center;gap:7px;padding:9px 12px;border:1px solid rgba(255,255,255,.5);border-radius:999px;color:#fff;background:rgba(10,33,20,.74);backdrop-filter:blur(10px);font-size:.76rem;font-weight:700;transform:translateY(5px);opacity:0;transition:.3s ease}.theme-preview-card:hover .theme-preview-card__peek,.theme-preview-card__visual:focus-visible .theme-preview-card__peek{transform:none;opacity:1}.theme-preview-card__body{padding:22px}.theme-preview-card__meta{display:flex;justify-content:space-between;gap:12px;margin-bottom:12px;color:#718077;font-size:.67rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.theme-preview-card h3{margin:0;color:var(--ink,#193326);font:400 1.55rem/1.1 "DM Serif Display",Georgia,serif}.theme-preview-card p{min-height:44px;margin:9px 0 20px;color:var(--ink-soft,#52665b);font-size:.84rem;line-height:1.6}.theme-preview-card__footer{display:flex;align-items:center;justify-content:space-between;gap:16px;padding-top:16px;border-top:1px solid var(--line,#d9d5c9)}.theme-preview-card__palette{display:flex}.theme-preview-card__palette i{width:16px;height:16px;margin-left:-4px;border:2px solid var(--surface,#fffdf8);border-radius:50%;background:var(--swatch)}.theme-preview-card__palette i:first-child{margin-left:0}.theme-preview-card__choose{display:inline-flex;align-items:center;gap:7px;color:var(--accent-dark,#b9246d);font-size:.78rem;font-weight:800}.theme-preview-card__choose:hover{text-decoration:underline;text-underline-offset:4px}.theme-preview-card__choose:active{transform:translateY(1px)}
@media(max-width:680px){.theme-preview-card__visual{height:460px}.theme-preview-card__peek{opacity:1;transform:none}.theme-preview-card p{min-height:0}}
@media(prefers-reduced-motion:reduce){.theme-preview-card,.theme-preview-card__visual iframe,.theme-preview-card__peek{transition:none}.theme-preview-card:hover{transform:none}.theme-preview-card:hover .theme-preview-card__visual iframe{transform:scale(1.01)}}
.theme-preview-card__visual img{position:absolute;inset:0;width:100%;height:100%;object-fit:cover;object-position:top;border:0;transform:scale(1.01);transition:transform .8s cubic-bezier(.16,1,.3,1)}
.theme-preview-card:hover .theme-preview-card__visual img{transform:scale(1.045)}
.theme-preview-card__fallback{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;isolation:isolate;overflow:hidden;padding:36px;text-align:center;color:var(--theme-text);background:linear-gradient(145deg,color-mix(in srgb,var(--theme-bg) 88%,#000),var(--theme-bg))}
.theme-preview-card__fallback::before,.theme-preview-card__fallback::after{content:"";position:absolute;z-index:-1;width:78%;aspect-ratio:1;border:1px solid color-mix(in srgb,var(--theme-accent) 66%,transparent);border-radius:50%;opacity:.66}
.theme-preview-card__fallback::before{left:-38%;top:-14%}.theme-preview-card__fallback::after{right:-38%;bottom:-14%}
.theme-preview-card__fallback-orbit{position:absolute;z-index:-1;width:42%;aspect-ratio:1;transform:rotate(45deg);border:1px solid color-mix(in srgb,var(--theme-accent) 45%,transparent)}
.theme-preview-card__fallback small{margin-bottom:18px;color:var(--theme-accent);font-size:.66rem;font-weight:800;letter-spacing:.18em;text-transform:uppercase}
.theme-preview-card__fallback strong{max-width:11ch;font:400 2.35rem/1.02 "DM Serif Display",Georgia,serif}
.theme-preview-card__fallback span{margin-top:20px;font-size:.72rem;letter-spacing:.06em;opacity:.7}
@media(prefers-reduced-motion:reduce){.theme-preview-card__visual img{transition:none}.theme-preview-card:hover .theme-preview-card__visual img{transform:scale(1.01)}}