.template-preview{--preview-accent:#80745d;color:#28241f;background:#f3efe7;grid-template-columns:minmax(0,1fr) minmax(320px,360px);min-height:calc(100svh - 82px);display:grid}.template-preview__stage{background:#f3efe7;grid-template-rows:64px minmax(0,1fr);min-width:0;display:grid}.template-preview__browse{justify-content:space-between;align-items:center;gap:16px;width:100%;min-height:64px;padding-inline:clamp(16px,3vw,40px);font-size:.84rem;display:flex}.template-preview__browse a{min-height:44px;color:inherit;border-radius:999px;align-items:center;gap:7px;padding:0 12px;text-decoration:none;display:inline-flex}.template-preview__browse a:focus-visible,.template-preview__details a:focus-visible,.template-preview__details button:focus-visible{outline:3px solid color-mix(in srgb, var(--preview-accent) 62%, #fff);outline-offset:3px}.template-preview__scene{isolation:isolate;width:100%;min-height:calc(100svh - 146px);position:relative;overflow:hidden;container-type:inline-size}.template-preview__envelope{z-index:1;aspect-ratio:100/118;height:min(84%,72cqw);position:absolute;top:50%;left:10%;transform:translateY(-50%)}.template-preview__envelope .inv-env-svg{shape-rendering:geometricprecision;width:100%;height:100%;display:block;position:absolute;inset:0;overflow:visible}.template-preview__card{z-index:2;width:auto;height:min(84%,72cqw);aspect-ratio:var(--preview-card-ratio,2 / 3);--tmpl-accent:var(--preview-accent);filter:drop-shadow(0 30px 35px #2d251b2e);position:absolute;top:50%;left:57%;transform:translate(-50%,-50%)}.template-preview__card .hv-card-frame{padding:0}.template-preview__card--paused *,.template-preview__card--paused :before,.template-preview__card--paused :after{animation-play-state:paused!important}.template-preview__details{background:#fffdf9;border-left:1px solid #ded8ce;flex-direction:column;align-items:flex-start;padding:clamp(36px,5vw,64px) clamp(24px,3vw,40px);display:flex}.template-preview__heading>p{color:#756d62;letter-spacing:.12em;text-transform:capitalize;margin:0 0 12px;font-size:.76rem}.template-preview__heading h1{color:inherit;max-width:12ch;font-family:var(--font-serif,Georgia, serif);letter-spacing:-.035em;margin:0;font-size:clamp(2.25rem,4vw,4.2rem);font-weight:500;line-height:.98}.template-preview__animated{border:1px solid color-mix(in srgb, var(--preview-accent) 45%, #d8d0c4);min-height:28px;color:color-mix(in srgb, var(--preview-accent) 76%, #2c271f);border-radius:999px;align-items:center;margin-top:18px;padding:0 11px;font-size:.76rem;display:inline-flex}.template-preview__try{width:100%;margin:30px 0 26px}.template-preview__try>button{color:#28241f;cursor:pointer;width:100%;min-height:48px;font:600 1rem/1.3 var(--font-accent), sans-serif;text-align:left;background:0 0;border:0;border-bottom:1px solid #cfc6b8;justify-content:space-between;align-items:center;gap:16px;padding:0 0 8px;display:flex}.template-preview__try>button span{font-size:1.4rem;font-weight:400}.template-preview__fields{gap:12px;padding-top:16px;display:grid}.template-preview__fields p{color:#665f55;margin:0 0 2px;font-size:.84rem;line-height:1.4}.template-preview__fields label{color:#524a40;gap:5px;min-width:0;font-size:.8rem;font-weight:600;display:grid}.template-preview__fields input{color:#28241f;width:100%;min-width:0;min-height:42px;font:400 .9rem/1.2 var(--font-accent), sans-serif;background:#fff;border:1px solid #cfc6b8;border-radius:6px;padding:9px 11px}.template-preview__fields input:focus-visible{outline:2px solid var(--preview-accent);outline-offset:2px}.template-preview__field-row{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px;display:grid}.template-preview__colourways>span{color:#5e574e;margin-bottom:12px;font-size:.8rem;display:block}.template-preview__colourways>div{gap:10px;display:flex}.template-preview__colourways a{--colourway:#777;background:var(--colourway);border:8px solid #fffdf9;border-radius:50%;width:44px;height:44px;display:block;box-shadow:0 0 0 1px #cec6b8}.template-preview__colourways a[aria-current=true]{box-shadow:0 0 0 2px #2f2a24}.template-preview__motion{flex-wrap:wrap;gap:8px;margin-top:24px;display:flex}.template-preview__motion button{min-height:44px;color:inherit;cursor:pointer;background:0 0;border:1px solid #d2cabd;border-radius:999px;padding:0 15px}.template-preview__actions{width:100%;margin-top:36px}.template-preview__use{color:#fff;background:#28241f;border-radius:999px;justify-content:space-between;align-items:center;width:100%;min-height:56px;padding:0 22px;font-weight:650;text-decoration:none;display:flex}.template-preview__actions p{color:#7b746b;text-align:center;margin:12px 0 0;font-size:.76rem}@media (max-width:980px){.template-preview{min-height:auto;padding-bottom:94px;display:block}.template-preview__stage{grid-template-rows:60px auto}.template-preview__browse{min-height:60px;padding-inline:16px}.template-preview__browse a{padding-inline:8px}.template-preview__scene{height:min(125vw,700px);min-height:0}.template-preview__envelope{height:80%;top:54%;left:2%}.template-preview__card{height:82%;top:54%;left:57%}.template-preview__details{border:0;border-top:1px solid #ded8ce;padding:34px 22px 26px}.template-preview__heading h1{font-size:clamp(2.2rem,11vw,3.4rem)}.template-preview__try{margin:22px 0}.template-preview__actions{z-index:40;padding:10px max(14px, env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px, env(safe-area-inset-left));-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);background:#fffdf9f0;border-top:1px solid #ddd5c9;position:fixed;bottom:0;left:0;right:0}.template-preview__actions p{display:none}}@media (prefers-reduced-motion:reduce){.template-preview__card *,.template-preview__card :before,.template-preview__card :after{transition:none!important;animation:none!important}}