.catalog-scroll-preview{pointer-events:none;background:#faf7f2;position:absolute;inset:0;overflow:hidden}.catalog-scroll-preview img{width:100%;max-width:none;height:auto;display:block;transform:translate(0,0)}.catalog-card-image:focus-visible .catalog-scroll-preview.is-ready.is-visible img{animation:catalog-preview-pan var(--preview-duration) linear forwards;will-change:transform}@media (hover:hover) and (pointer:fine){.catalog-card-image:hover .catalog-scroll-preview.is-ready.is-visible img{animation:catalog-preview-pan var(--preview-duration) linear forwards;will-change:transform}}.catalog-scroll-preview.is-paused img{animation-play-state:paused!important}.catalog-scroll-preview.is-autoplay.is-selected.is-ready img{animation:catalog-preview-pan var(--preview-duration) linear .4s infinite;will-change:transform;animation-play-state:paused}.catalog-scroll-preview.is-autoplay.is-selected.is-ready.is-visible:not(.is-paused) img{animation-play-state:running}.showcase-stage.is-dragging .catalog-scroll-preview.is-autoplay img{animation-play-state:paused!important}@keyframes catalog-preview-pan{to{transform:translate3d(0,var(--preview-travel),0)}}@media (prefers-reduced-motion:reduce){.catalog-scroll-preview img{animation-duration:var(--preview-duration)!important;animation-iteration-count:1!important}.catalog-scroll-preview.is-autoplay img{animation-iteration-count:infinite!important}}
.template-showcase{background:radial-gradient(at 15% 30%,#f8d6e640,#0000 40%),radial-gradient(at 90% 75%,#f4c9db60,#0000 40%),#fff9f5;padding:65px 0 42px;position:relative;overflow:hidden}.showcase-heading{padding:0 22px}.showcase-heading h2{font-family:Georgia,serif;font-size:clamp(28px,3.5vw,44px)}.showcase-heading h2 em{font-family:Catalog Script,cursive}.showcase-heading small{max-width:600px;margin-left:auto;margin-right:auto;display:block}.showcase-toolbar{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;max-width:1320px;margin:0 auto 12px;padding:0 24px;display:flex}.showcase-filters{flex-wrap:wrap;justify-content:center;gap:10px;display:flex}.showcase-filters button{color:#92627c;cursor:pointer;background:#fff9f5;border:1px solid #efd5e1;border-radius:30px;padding:11px 20px;font:13px Arial,sans-serif}.showcase-filters button[aria-pressed=true]{color:#fff;background:#b94368;border-color:#b94368}.showcase-toolbar .catalog-secondary{padding:13px 22px;font-size:13px}.showcase-stage{--step:clamp(230px,22vw,310px);perspective:1400px;touch-action:pan-y;-webkit-user-select:none;user-select:none;outline-offset:-4px;height:590px;position:relative}.showcase-card{width:332px;transform:translateX(calc(-50% + var(--offset) * var(--step) + var(--drag-x,0px))) translateY(calc(var(--distance) * 22px)) rotateY(calc(var(--tilt) * -15deg)) scale(var(--scale));transform-origin:50%;will-change:transform;background:#fff;border:1px solid #fff;border-radius:20px;transition:transform .4s cubic-bezier(.22,.61,.36,1);position:absolute;top:45px;left:50%;overflow:hidden;box-shadow:0 15px 35px #ba567c20}.showcase-stage.is-dragging .showcase-card{transition:none}.showcase-card.is-active{box-shadow:0 22px 55px #c451792c}.showcase-art{aspect-ratio:390/540;background:#f6eaf0;position:relative;overflow:hidden}.showcase-select{cursor:pointer;background:0 0;border:0;width:100%;height:100%;padding:0;display:block;position:absolute;inset:0}.showcase-select:focus-visible{outline-offset:-5px;border-radius:18px;outline:3px solid #b94368}.showcase-thumbnail{object-fit:cover;object-position:top center;pointer-events:none;width:100%;height:100%;display:block}.showcase-demo{pointer-events:none;width:100%;height:100%;overflow:hidden}.showcase-demo iframe{transform-origin:0 0;pointer-events:none;border:0;width:390px;height:540px;display:block}.showcase-nav{z-index:20;color:#ca246c;cursor:pointer;background:#fffffff2;border:1px solid #f1dce7;border-radius:50%;place-items:center;width:62px;height:62px;display:grid;position:absolute;top:44%;box-shadow:0 8px 25px #b05c7920}.showcase-nav:disabled{opacity:.35;cursor:default}.showcase-prev{left:24px}.showcase-next{right:24px}.showcase-dots{justify-content:center;gap:10px;padding:6px 15px;display:flex}.showcase-dots button{cursor:pointer;background:#eed3df;border:0;border-radius:10px;width:9px;height:9px;padding:0}.showcase-dots button[aria-pressed=true]{background:#b94368;width:22px}.showcase-detail-dialog{color:#3f2d36;-webkit-backdrop-filter:blur(18px)saturate(1.12);backdrop-filter:blur(18px)saturate(1.12);isolation:isolate;background:linear-gradient(135deg,#fffdfab8,#fff8f49e);border:1px solid #fffc;border-radius:24px;width:min(1000px,92vw);max-width:none;max-height:85svh;margin:auto;padding:0;overflow:hidden;box-shadow:0 24px 80px #4e26362e,inset 0 1px #ffffffe0}.showcase-detail-dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#39243429}.showcase-detail-dialog:before{content:"";z-index:1;pointer-events:none;opacity:.075;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='160' height='160' viewBox='0 0 160 160'%3E%3Cfilter id='grain'%3E%3CfeTurbulence type='fractalNoise' baseFrequency='.82' numOctaves='3' seed='7' stitchTiles='stitch'/%3E%3C/filter%3E%3Cpath fill='%23000' filter='url(%23grain)' opacity='.65' d='M0 0h160v160H0z'/%3E%3C/svg%3E");position:absolute;inset:0}.showcase-detail-panel{z-index:2;grid-template-columns:40% minmax(0,1fr);height:min(680px,85svh);display:grid;position:relative}.showcase-detail-close{z-index:3;color:#84536b;cursor:pointer;background:#fff;border:1px solid #ead6e0;border-radius:50%;place-items:center;width:36px;height:36px;display:grid;position:absolute;top:12px;right:12px}.showcase-detail-close:focus-visible{outline-offset:3px;outline:2px solid #b94368}.showcase-detail-art{background:linear-gradient(145deg,#f6e4ed22,#ffffff0a);justify-content:center;padding:28px;display:flex;overflow:hidden}.showcase-detail-art .showcase-demo{background:#fff;border-radius:16px;max-width:340px;position:relative;box-shadow:0 10px 35px #6f344a20}.showcase-detail-art .catalog-scroll-preview.is-autoplay.is-selected.is-ready img{animation-delay:0s}.showcase-detail-copy{flex-direction:column;min-width:0;min-height:0;display:flex}.showcase-detail-content{flex:1;padding:35px 36px 15px;overflow-y:auto}.showcase-detail-content h2{margin:8px 35px 16px 0;font:600 32px/1.25 Georgia,serif}.showcase-detail-content>p:not(.catalog-eyebrow){color:#674957;font-size:14px;line-height:1.8}.showcase-detail-content h3{margin:25px 0 12px;font-size:13px}.showcase-detail-tags{flex-wrap:wrap;gap:7px;margin:20px 0;display:flex}.showcase-detail-tags span{color:#9c5479;background:#fff;border:1px solid #ebd3df;border-radius:20px;padding:6px 10px;font-size:11px}.showcase-palette{flex-wrap:wrap;align-items:center;gap:9px;display:flex}.showcase-palette i{border:1px solid #d8bfc9;border-radius:50%;width:25px;height:25px;box-shadow:0 2px 6px #9e5e7a12}.showcase-detail-content ul{grid-template-columns:1fr 1fr;gap:13px 15px;padding:0;list-style:none;display:grid}.showcase-detail-content li{align-items:flex-start;gap:7px;font-size:12px;line-height:1.7;display:flex}.showcase-detail-content li svg{color:#d84e88;flex-shrink:0;margin-top:2px}.showcase-detail-content .showcase-detail-note{border-top:1px solid #ecdde4;margin-top:25px;padding-top:20px;font-size:12px!important}.showcase-detail-actions{background:#fffaf738;border-top:1px solid #ffffff80;flex-wrap:wrap;gap:12px;padding:20px 36px 28px;display:flex}.showcase-detail-actions a{white-space:nowrap;flex:1;justify-content:center;padding:13px 18px;font-size:13px}.showcase-detail-tools{justify-content:space-between;align-items:center;gap:10px;margin:0 30px 16px 0;display:flex}.showcase-detail-tools button{color:#8d3b59;cursor:pointer;background:#fffdfa;border:1px solid #e8d4db;border-radius:22px;justify-content:center;align-items:center;gap:7px;min-height:40px;font:600 12px Arial,sans-serif;transition:background .16s,border-color .16s;display:inline-flex}.showcase-save{white-space:nowrap;padding:9px 12px}.showcase-save[aria-pressed=true]{background:#f9e9ef;border-color:#c98b9e}.showcase-detail-navigation{gap:5px;display:flex}.showcase-detail-navigation button{width:40px;padding:0}.showcase-detail-tools button:hover{background:#f9e9ef}.showcase-detail-tools button:disabled{opacity:.4;cursor:default}.showcase-detail-tools button:focus-visible{outline-offset:3px;outline:2px solid #b94368}.showcase-detail-content .showcase-storage-error{color:#9a283e!important;font-size:12px!important}@media (min-width:1200px){.showcase-toolbar{position:relative}.showcase-toolbar .catalog-secondary{position:absolute;right:24px}}@media (max-width:760px){.template-showcase{padding-top:50px}.showcase-stage{--step:220px;height:480px}.showcase-card{width:280px;top:30px}.showcase-nav{width:43px;height:43px}.showcase-prev{left:8px}.showcase-next{right:8px}.showcase-toolbar{gap:14px}.showcase-filters{gap:7px}.showcase-filters button{padding:9px 12px;font-size:11px}.showcase-toolbar .catalog-secondary{padding:10px 18px;font-size:12px}.showcase-detail-dialog{border-radius:18px;width:94vw}.showcase-detail-panel{grid-template-rows:210px minmax(0,1fr);grid-template-columns:1fr;height:85svh}.showcase-detail-art{padding:15px 35px 0}.showcase-detail-art .showcase-demo{border-radius:12px 12px 0 0;max-width:280px}.showcase-detail-content{padding:20px 22px 10px}.showcase-detail-content h2{font-size:26px}.showcase-detail-content h3{margin-top:20px}.showcase-detail-content>p:not(.catalog-eyebrow){font-size:13px}.showcase-detail-content ul{gap:10px}.showcase-detail-content li{font-size:11px}.showcase-detail-actions{gap:9px;padding:13px 18px 18px}.showcase-detail-actions a{padding:12px;font-size:12px}}@media (prefers-reduced-motion:reduce){.showcase-card{transition:none}}