.template-preview.editorial{background:#f28b22}.template-preview.editorial i{position:absolute;width:42%;height:55%;border-radius:18px;background:var(--template-primary);animation:editorialCard 3.7s cubic-bezier(.2,.9,.25,1) infinite both}.template-preview.editorial i:nth-child(1){left:-8%;top:10%}.template-preview.editorial i:nth-child(2){right:5%;top:20%;background:var(--template-secondary);animation-delay:.15s}.template-preview.editorial i:nth-child(3){left:28%;bottom:-16%;animation-delay:.3s}.template-preview.editorial b,.template-preview.premium b,.template-preview.narrative b{position:absolute;left:10px;bottom:8px;z-index:4;color:#fff;font-size:9px}.template-preview.premium{background:#f1dcc2}.template-preview.premium i{position:absolute;width:48%;height:65%;border-radius:50%;background:var(--template-primary);filter:drop-shadow(0 9px 8px rgba(80,30,10,.24));animation:premiumFloat 3.8s ease-in-out infinite alternate}.template-preview.premium i:first-child{left:8%;top:14%}.template-preview.premium i:nth-child(2){right:4%;bottom:-12%;width:38%;height:52%;background:var(--template-secondary);animation-delay:.3s}.template-preview.premium b{color:var(--template-primary)}.template-preview.narrative{display:grid;grid-template-columns:repeat(3,1fr);place-items:center;background:#112433}.template-preview.narrative span{position:absolute;z-index:3;color:#fff;font-size:14px;font-weight:950;animation:narrativeText 5s ease-in-out infinite}.template-preview.narrative i{width:70%;aspect-ratio:1;border-radius:50%;background:var(--template-secondary);opacity:0;animation:narrativeProducts 5s ease-in-out infinite}.template-preview.narrative i:nth-of-type(2){animation-delay:.12s}.template-preview.narrative i:nth-of-type(3){animation-delay:.24s}.template-preview.narrative b{opacity:0;animation:narrativeCta 5s ease-in-out infinite}
.live-editorial{background:#f28b22}.live-editorial article{position:absolute;width:48%;height:62%;display:grid;place-items:center;overflow:hidden;border-radius:28px;background:var(--live-primary);animation:editorialCard 4.5s cubic-bezier(.2,.9,.25,1) infinite both;animation-delay:calc(var(--live-index)*130ms)}.live-editorial article:nth-child(1){left:-8%;top:3%}.live-editorial article:nth-child(2){right:3%;top:8%;background:var(--live-secondary)}.live-editorial article:nth-child(3){left:5%;bottom:-24%;background:var(--live-secondary)}.live-editorial article:nth-child(4){right:-8%;bottom:-20%}.live-editorial img,.live-editorial i{width:78%;height:77%;font-style:normal;color:#fff}.live-editorial b{position:absolute;left:13px;bottom:10px;color:#fff;font-size:11px}.live-premium{background:#f1dcc2}.live-premium>strong{position:absolute;left:18px;top:15px;z-index:3;color:var(--live-primary);font-size:20px;line-height:.92}.live-premium article{position:absolute;display:grid;place-items:center;animation:premiumFloat 3.8s ease-in-out infinite alternate;animation-delay:calc(var(--live-index)*240ms)}.live-premium article:nth-of-type(1){left:8%;top:20%;width:58%;height:75%}.live-premium article:nth-of-type(2){right:1%;bottom:-4%;width:42%;height:62%}.live-premium img,.live-premium i{width:100%;height:84%;font-style:normal;color:var(--live-primary);filter:drop-shadow(0 13px 10px rgba(80,30,10,.24))}.live-premium b{position:absolute;left:5%;right:5%;bottom:3%;padding:7px 10px;border:1px solid rgba(255,255,255,.8);border-radius:10px;background:rgba(255,255,255,.76);color:var(--live-primary);font-size:10px}.live-narrative{display:grid;place-items:center;background:#102334}.live-narrative>strong,.live-narrative>em{position:absolute;z-index:5;color:#fff;font-size:26px;font-style:normal;font-weight:950;text-align:center;animation:narrativeText 6s ease-in-out infinite}.live-narrative>section{position:absolute;inset:10px;display:grid;grid-template-columns:repeat(4,1fr);gap:6px;opacity:0;animation:narrativeProducts 6s ease-in-out infinite}.live-narrative article{position:relative;display:grid;place-items:center;overflow:hidden;border-radius:12px;background:var(--live-primary)}.live-narrative article:nth-child(2n){background:var(--live-secondary)}.live-narrative img,.live-narrative i{width:86%;height:80%;font-style:normal;color:#fff}.live-narrative article b{position:absolute;left:6px;right:6px;bottom:7px;color:#fff;font-size:8px;text-align:center}.live-narrative>em{opacity:0;color:var(--live-secondary);animation:narrativeCta 6s ease-in-out infinite}
@keyframes editorialCard{0%,10%{opacity:0;transform:translateX(-22%) scale(.85)}32%,82%{opacity:1;transform:translateX(0) scale(1)}100%{opacity:0;transform:translateY(-7%)}}@keyframes premiumFloat{from{transform:translateY(-5px) scale(.98)}to{transform:translateY(7px) scale(1.02)}}@keyframes narrativeText{0%,22%{opacity:1;transform:scale(1)}35%,100%{opacity:0;transform:scale(1.08)}}@keyframes narrativeProducts{0%,28%{opacity:0;transform:translateY(12%)}40%,72%{opacity:1;transform:translateY(0)}82%,100%{opacity:0;transform:translateY(-8%)}}@keyframes narrativeCta{0%,76%{opacity:0;transform:scale(.75)}86%,96%{opacity:1;transform:scale(1)}100%{opacity:0}}
.template-product-filters{display:grid;grid-template-columns:minmax(150px,1fr) minmax(130px,.55fr) auto;gap:8px}.template-product-filters select{min-width:0;border:1px solid var(--line);border-radius:10px;padding:0 10px;background:#fff;color:var(--ink);font-size:10px}.template-product-filters .button{padding:9px 12px}.template-replacement-summary{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;background:#eaf7f0;color:#2f7254;font-size:9px}.template-replacement-summary>b{flex:none}.template-replacement-summary>span{display:flex;flex-wrap:wrap;gap:5px}.template-replacement-summary i{border-radius:99px;padding:4px 7px;background:#fff;color:#456b59;font-style:normal;font-size:8px}.template-customization{display:grid;gap:12px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#f8fafb}
.template-option-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px}
.template-option-grid input[type=color]{width:100%;min-height:38px;padding:3px}
.design-template-card .template-preview{--template-primary:#d92d20;--template-secondary:#ffb000}
.design-template-card .template-preview.mosaic i:nth-child(1),.design-template-card .template-preview.mosaic i:nth-child(6){background:var(--template-primary)}
.design-template-card .template-preview.mosaic i:nth-child(2),.design-template-card .template-preview.mosaic i:nth-child(4){background:var(--template-secondary)}
.design-template-card .template-preview.kinetic{background:var(--template-primary)}
.design-template-card .template-preview.columns{background:var(--template-secondary)}
.design-template-card .template-preview.columns i:nth-child(2){background:var(--template-primary)}
.design-template-card .template-preview{isolation:isolate}.design-template-card .template-preview:after{content:"";position:absolute;inset:0;z-index:5;pointer-events:none;background:linear-gradient(105deg,transparent 38%,rgba(255,255,255,.28) 49%,transparent 60%);transform:translateX(-120%);animation:templateShine 3.8s ease-in-out infinite}.design-template-card .template-preview.mosaic i{animation:templateTileIn 3.6s cubic-bezier(.2,.9,.25,1) infinite both}.design-template-card .template-preview.mosaic i:nth-child(2){animation-delay:.08s}.design-template-card .template-preview.mosaic i:nth-child(3){animation-delay:.16s}.design-template-card .template-preview.mosaic i:nth-child(4){animation-delay:.24s}.design-template-card .template-preview.mosaic i:nth-child(5){animation-delay:.32s}.design-template-card .template-preview.mosaic i:nth-child(6){animation-delay:.4s}.design-template-card .template-preview.columns i{transform-origin:bottom;animation:templateCurtain 3.4s cubic-bezier(.2,.8,.2,1) infinite both}.design-template-card .template-preview.columns i:nth-child(2){animation-delay:.15s}.design-template-card .template-preview.columns i:nth-child(3){animation-delay:.3s}.template-transparency-warning{display:flex;align-items:flex-start;gap:11px;margin:0;padding:12px 14px;border:1px solid #f0d58c;border-radius:10px;background:#fff9e8;color:#795b12;font-size:9px;line-height:1.5}.template-transparency-warning b{flex:none;color:#bd7511}.template-transparency-warning span{color:#806c3e}@keyframes templateTileIn{0%,10%{opacity:0;clip-path:circle(0 at 50% 50%);transform:scale(.75)}28%,78%{opacity:1;clip-path:circle(75% at 50% 50%);transform:scale(1)}92%,100%{opacity:0;transform:scale(.95)}}@keyframes templateCurtain{0%,8%{opacity:0;transform:scaleY(0)}28%,80%{opacity:1;transform:scaleY(1)}95%,100%{opacity:0;transform:scaleY(.2)}}@keyframes templateShine{0%,45%{transform:translateX(-120%)}70%,100%{transform:translateX(120%)}}
.template-brand-options{display:flex;flex-wrap:wrap;gap:10px 22px;padding:11px 12px;border-radius:10px;background:#fff}.template-brand-options .check{font-size:9px}.template-brand-preview{position:absolute;left:10px;right:10px;bottom:8px;z-index:15;display:flex;align-items:center;justify-content:space-between;gap:10px;pointer-events:none}.template-brand-preview img{width:54px!important;height:31px!important;object-fit:contain!important;filter:drop-shadow(0 3px 4px rgba(0,0,0,.25))}.template-brand-preview span{overflow:hidden;color:#fff;font-size:8px;font-weight:900;letter-spacing:.08em;text-shadow:0 2px 4px rgba(0,0,0,.45);text-overflow:ellipsis;white-space:nowrap}@media(max-width:820px){.template-option-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.template-product-filters{grid-template-columns:1fr 1fr}.template-product-filters .search-wrap{grid-column:1/-1}}
@media(max-width:480px){.template-option-grid,.template-product-filters{grid-template-columns:1fr}.template-product-filters .search-wrap{grid-column:auto}.template-replacement-summary{align-items:flex-start;flex-direction:column}}
.template-live-preview-section{display:grid;gap:10px;padding:15px;border:1px solid var(--line);border-radius:14px;background:#0d1d2a}.template-live-preview-section .template-step-head b{color:#fff}.template-live-preview-section .template-step-head small{color:#93a8b7}.template-live-preview{position:relative;height:240px;overflow:hidden;border-radius:12px;background:#172b3c}.template-live-preview img,.template-live-preview i{display:block;object-fit:contain}.live-mosaic{display:grid;grid-template-columns:repeat(3,1fr);grid-auto-rows:1fr;gap:4px;padding:4px;background:#f5efe5}.live-mosaic article{position:relative;min-width:0;overflow:hidden;display:grid;place-items:center;background:hsl(calc(var(--live-index)*52 + 2),78%,48%);animation:liveMask 4.5s cubic-bezier(.2,.9,.25,1) infinite both;animation-delay:calc(var(--live-index)*120ms)}.live-mosaic article:nth-child(2n){background:var(--live-secondary)}.live-mosaic article:nth-child(3n){background:var(--live-primary)}.live-mosaic img,.live-mosaic i{width:70%;height:72%;font-style:normal;color:#fff}.live-mosaic b{position:absolute;left:9px;bottom:7px;max-width:85%;overflow:hidden;color:#fff;font-size:10px;text-overflow:ellipsis;white-space:nowrap}.live-kinetic{display:grid;place-items:center;background:var(--live-primary)}.live-kinetic>span{position:absolute;inset:-20px;color:rgba(60,0,8,.43);font-size:58px;font-weight:950;line-height:.8;text-transform:uppercase;word-break:break-all;animation:liveType 7s linear infinite alternate}.live-kinetic>img,.live-kinetic>i{position:relative;width:46%;height:78%;font-style:normal;color:#fff;filter:drop-shadow(0 14px 14px rgba(0,0,0,.3));animation:liveElastic 4.4s cubic-bezier(.2,.9,.25,1) infinite}.live-kinetic>div{position:absolute;left:18px;bottom:14px;display:grid;color:#fff}.live-kinetic b{font-size:19px;text-transform:uppercase}.live-kinetic small{color:var(--live-secondary);font-weight:900}.live-columns{display:grid;grid-template-columns:repeat(3,1fr);background:var(--live-secondary)}.live-columns article{position:relative;min-width:0;display:grid;place-items:center;overflow:hidden;background:var(--live-secondary);transform-origin:bottom;animation:liveCurtain 4.2s cubic-bezier(.2,.8,.2,1) infinite both;animation-delay:calc(var(--live-index)*160ms)}.live-columns article:nth-child(2){background:var(--live-primary)}.live-columns article:nth-child(3){background:#87b84b}.live-columns img,.live-columns i{width:78%;height:72%;font-style:normal;color:#fff;filter:drop-shadow(0 9px 8px rgba(0,0,0,.2))}.live-columns b{position:absolute;left:9px;right:9px;bottom:9px;color:#fff;font-size:10px;text-align:center;text-transform:uppercase}@keyframes liveMask{0%,10%{opacity:0;clip-path:circle(0);transform:scale(.78)}30%,82%{opacity:1;clip-path:circle(80%);transform:scale(1)}100%{opacity:0}}@keyframes liveElastic{0%,12%{opacity:0;transform:scale(.35)}32%{opacity:1;transform:scale(1.08)}42%,84%{opacity:1;transform:scale(1)}100%{opacity:0;transform:scale(1.12)}}@keyframes liveType{to{transform:translate3d(-4%,3%,0)}}@keyframes liveCurtain{0%,8%{opacity:0;transform:scaleY(0)}30%,82%{opacity:1;transform:scaleY(1)}100%{opacity:0;transform:scaleY(.25)}}@media(max-width:820px){.template-live-preview{height:190px}}@media(max-width:480px){.template-live-preview{height:165px}.live-kinetic>span{font-size:40px}}
.template-preview-controls{display:flex;gap:6px}.template-preview-controls button{border:1px solid rgba(255,255,255,.18);border-radius:8px;padding:6px 9px;background:rgba(255,255,255,.08);color:#fff;font-size:9px;font-weight:800}.template-preview-controls button:hover{background:rgba(255,255,255,.16)}.template-preview-progress{height:3px;overflow:hidden;border-radius:99px;background:rgba(255,255,255,.12)}.template-preview-progress i{display:block;width:100%;height:100%;background:linear-gradient(90deg,var(--live-primary,#d92d20),var(--live-secondary,#ffb000));transform-origin:left;animation:templatePreviewProgress 6s linear infinite}.template-live-preview-section.preview-paused *{animation-play-state:paused!important}.template-preview-caption{color:#93a8b7;font-size:9px}.template-preview-progress i.is-running{animation-name:templatePreviewProgress}@keyframes templatePreviewProgress{from{transform:scaleX(0)}to{transform:scaleX(1)}}