.template-preview{--preview-accent:#80745d;--preview-ui-background:#F4F7F7;--preview-ui-surface:#FFFFFF;--preview-ui-nav:#EDF2F3;--preview-ui-ink:#202D32;--preview-ui-secondary:#394A50;--preview-ui-muted:#5C6D73;--preview-ui-border:#E3E9E9;--preview-ui-control-border:#7A8E95;--preview-ui-primary:#0B6B64;--preview-ui-primary-hover:#08554F;--preview-ui-primary-text:#0B6B64;--preview-ui-on-primary:#FFFFFF;--preview-ui-hover:#E8F3F1;--preview-ui-focus:#0B6B64;--preview-ui-danger:#B44762;min-height:calc(100svh - 82px);display:grid;grid-template-columns:minmax(0,1fr) minmax(320px,360px);background:var(--preview-ui-background);color:var(--preview-ui-ink)}:root[data-theme=dark] .template-preview{--preview-ui-background:#142125;--preview-ui-surface:#192B30;--preview-ui-nav:#23383E;--preview-ui-ink:#EAF2F3;--preview-ui-secondary:#D0DFE2;--preview-ui-muted:#B0C1C6;--preview-ui-border:#33494F;--preview-ui-control-border:#617C84;--preview-ui-primary-text:#73D9CC;--preview-ui-hover:#203E3D;--preview-ui-focus:#73D9CC;--preview-ui-danger:#F09BB1}.template-preview__stage{min-width:0;display:grid;grid-template-rows:64px minmax(0,1fr);background:var(--preview-ui-background)}.template-preview__browse{width:100%;min-height:64px;padding-inline:clamp(16px,3vw,40px);display:flex;align-items:center;justify-content:space-between;gap:16px;font-size:.84rem;background:var(--preview-ui-nav)}.template-preview__browse a{min-height:44px;display:inline-flex;align-items:center;gap:7px;color:var(--preview-ui-primary-text);text-decoration:none;border-radius:999px;padding:0 12px}.template-preview__browse a:focus-visible,.template-preview__details a:focus-visible,.template-preview__details button:focus-visible{outline:3px solid var(--preview-ui-focus);outline-offset:3px}.template-preview__scene{position:relative;isolation:isolate;container-type:inline-size;width:100%;min-height:calc(100svh - 146px);overflow:hidden}.template-preview__envelope{position:absolute;z-index:1;left:10%;top:50%;height:min(84%,72cqw);aspect-ratio:100/118;transform:translateY(-50%)}.template-preview__envelope .inv-env-svg{position:absolute;inset:0;display:block;width:100%;height:100%;overflow:visible;shape-rendering:geometricPrecision}.template-preview__card{position:absolute;z-index:2;left:57%;top:50%;height:min(84%,72cqw);width:auto;aspect-ratio:var(--preview-card-ratio,2/3);transform:translate(-50%,-50%);--tmpl-accent:var(--preview-accent);filter:drop-shadow(0 30px 35px rgba(45,37,27,.18))}.template-preview__card .hv-card-frame{padding:0}.template-preview__card--paused *,.template-preview__card--paused :after,.template-preview__card--paused :before{animation-play-state:paused!important}.template-preview__details{padding:clamp(36px,5vw,64px) clamp(24px,3vw,40px);display:flex;flex-direction:column;align-items:flex-start;border-left:1px solid var(--preview-ui-border);background:var(--preview-ui-surface)}.template-preview__heading>p{margin:0 0 12px;color:var(--preview-ui-muted);font-size:.76rem;letter-spacing:.12em;text-transform:capitalize}.template-preview__heading h1{margin:0;color:inherit;max-width:12ch;font-family:var(--font-serif,Georgia,serif);font-size:clamp(2.25rem,4vw,4.2rem);font-weight:500;line-height:.98;letter-spacing:-.035em}.template-preview__description{margin:20px 0 0;color:var(--preview-ui-muted);font-size:.95rem;line-height:1.6}.template-preview__animated{display:inline-flex;margin-top:18px;min-height:28px;align-items:center;padding:0 11px;border:1px solid var(--preview-ui-border);border-radius:999px;background:var(--preview-ui-hover);color:var(--preview-ui-primary-text);font-size:.76rem}.template-preview__try{width:100%;margin:30px 0 26px}.template-preview__try>button{width:100%;min-height:48px;padding:0 0 8px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:0;border-bottom:1px solid var(--preview-ui-border);background:transparent;color:var(--preview-ui-ink);cursor:pointer;font:600 1rem/1.3 var(--font-accent),sans-serif;text-align:left}.template-preview__try>button span{font-size:1.4rem;font-weight:400}.template-preview__fields{display:grid;gap:12px;padding-top:16px}.template-preview__fields p{margin:0 0 2px;color:var(--preview-ui-muted);font-size:.84rem;line-height:1.4}.template-preview__fields label{display:grid;gap:5px;min-width:0;color:var(--preview-ui-secondary);font-size:.8rem;font-weight:600}.template-preview__fields input{width:100%;min-width:0;min-height:42px;padding:9px 11px;border:1px solid var(--preview-ui-control-border);border-radius:6px;background:var(--preview-ui-surface);color:var(--preview-ui-ink);font:400 .9rem/1.2 var(--font-accent),sans-serif}.template-preview__fields input::placeholder{color:var(--preview-ui-muted);opacity:1}.template-preview__fields input:focus-visible{outline:2px solid var(--preview-ui-focus);outline-offset:2px}.template-preview__field-row{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:10px}.template-preview__colourways>span{display:block;margin-bottom:12px;color:var(--preview-ui-muted);font-size:.8rem}.template-preview__colourways>div{display:flex;gap:10px}.template-preview__colourways a{--colourway:#777;width:44px;height:44px;display:block;border-radius:50%;border:8px solid var(--preview-ui-surface);background:var(--colourway);box-shadow:0 0 0 1px var(--preview-ui-control-border)}.template-preview__colourways a[aria-current=true]{box-shadow:0 0 0 2px var(--preview-ui-focus)}.template-preview__motion{display:flex;gap:8px;margin-top:24px;flex-wrap:wrap}.template-preview__motion button{min-height:44px;padding:0 15px;border:1px solid var(--preview-ui-control-border);border-radius:999px;background:transparent;color:inherit;cursor:pointer}.template-preview__actions{width:100%;margin-top:36px}.template-preview__use{border:0;font:inherit;cursor:pointer;min-height:56px;width:100%;display:flex;align-items:center;justify-content:space-between;padding:0 22px;border-radius:999px;background:var(--preview-ui-primary);color:var(--preview-ui-on-primary);text-decoration:none;font-weight:650}.template-preview__use:disabled{opacity:.65;cursor:wait}.template-preview__use:focus-visible{outline:3px solid var(--preview-ui-focus);outline-offset:4px}.template-preview__actions p[role=alert]{color:var(--preview-ui-danger);font-size:.875rem}.template-preview__actions p{margin:12px 0 0;color:var(--preview-ui-muted);font-size:.76rem;text-align:center}@media (hover:hover) and (pointer:fine){.template-preview__browse a:hover,.template-preview__motion button:hover{background:var(--preview-ui-hover)}.template-preview__try>button:hover{color:var(--preview-ui-primary-text)}.template-preview__use:not(:disabled):hover{background:var(--preview-ui-primary-hover)}}.template-preview__use:not(:disabled):active{background:var(--preview-ui-primary-hover)}@media (max-width:980px){.template-preview{display:block;min-height:auto;padding-bottom:94px}.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{left:2%;top:54%;height:80%}.template-preview__card{left:57%;top:54%;height:82%}.template-preview__details{border:0;border-top:1px solid var(--preview-ui-border);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{position:fixed;z-index:40;left:0;right:0;bottom:0;padding:10px max(14px,env(safe-area-inset-right)) calc(10px + env(safe-area-inset-bottom)) max(14px,env(safe-area-inset-left));background:color-mix(in srgb,var(--preview-ui-surface) 94%,transparent);border-top:1px solid var(--preview-ui-border);backdrop-filter:blur(14px)}.template-preview__actions p{display:none}}@media (prefers-reduced-motion:reduce){.template-preview__card *,.template-preview__card :after,.template-preview__card :before{animation:none!important;transition:none!important}}