.template-preview-workbench{position:relative;height:100vh;min-height:100vh;width:100%;overflow:hidden;box-sizing:border-box;background:radial-gradient(circle at 18% 8%,rgba(201,168,76,.16),transparent 34%),radial-gradient(circle at 88% 16%,rgba(47,49,90,.08),transparent 32%),linear-gradient(180deg,#f3f5fb,#fff 34%,#f0f6f2);color:#111118;transition:background .4s ease}.template-preview-workbench.is-framed-mode{background:radial-gradient(circle at 18% 8%,rgba(201,168,76,.16),transparent 34%),radial-gradient(circle at 88% 16%,rgba(47,49,90,.08),transparent 32%),linear-gradient(180deg,#f3f5fb,#fff 34%,#f0f6f2)}.liquid-glass-switcher-wrapper{position:fixed;top:1.6rem;left:0;right:0;z-index:1000;display:flex;justify-content:center;align-items:center;padding:0 1rem;pointer-events:none}@keyframes liquidGlassFadeIn{0%{opacity:0;transform:translateY(-10px) scale(.97)}to{opacity:1;transform:translateY(0) scale(1)}}.liquid-glass-button-group{pointer-events:auto;display:flex;align-items:center;gap:.55rem;-webkit-user-select:none;user-select:none}.liquid-glass-btn{display:inline-flex;align-items:center;justify-content:center;gap:.45rem;height:2.5rem;box-sizing:border-box;padding:0 1.2rem;border-radius:9999px;border:1px solid rgba(255,255,255,.86);background:linear-gradient(145deg,#ffffffc2,#ffffff57),#dae7f66b;color:#3d4b5d;font-family:-apple-system,BlinkMacSystemFont,SF Pro Text,Segoe UI,Roboto,sans-serif;font-size:.82rem;font-weight:600;line-height:1;cursor:pointer;backdrop-filter:blur(24px) saturate(190%);-webkit-backdrop-filter:blur(24px) saturate(190%);box-shadow:0 10px 28px #3f526d26,inset 0 1px #fffffff5,inset 0 -1px #5b76971a;animation:liquidGlassFadeIn .35s cubic-bezier(.2,0,0,1) both;transition:color .24s ease,background .24s ease,border-color .24s ease,box-shadow .24s ease,transform .24s ease;white-space:nowrap;-webkit-user-select:none;user-select:none;-webkit-tap-highlight-color:transparent}.liquid-glass-btn:nth-child(2){animation-delay:.04s}.liquid-glass-btn:hover{color:#0d4f9d;background:linear-gradient(145deg,#ffffffeb,#ebf4ff8c),#dae7f694;border-color:#fffffffa;box-shadow:0 14px 32px #3f526d33,inset 0 1px #fff;transform:translateY(-1px)}.liquid-glass-btn.is-active{color:#fff;background:linear-gradient(135deg,#0265dcf0,#238ef6e0);border-color:#ffffff94;box-shadow:0 12px 28px #0265dc57,inset 0 1px 1px #ffffff6b}.liquid-glass-btn-icon{display:inline-flex;align-items:center;justify-content:center;flex-shrink:0;opacity:.85;transition:transform .25s ease}.liquid-glass-btn.is-active .liquid-glass-btn-icon{opacity:1;transform:scale(1.06)}.liquid-glass-btn-label{display:inline-flex;align-items:center;font-weight:600;letter-spacing:.01em;line-height:1}.template-preview-viewport-shell{width:100%;height:100%;display:flex;align-items:center;justify-content:center;box-sizing:border-box;padding:5.35rem 1.25rem 1.25rem;overflow:hidden}.template-preview-frame{position:relative;width:100%;height:100%;max-width:1680px;max-height:100%;overflow-y:auto;overflow-x:hidden;box-sizing:border-box;border-radius:18px;background:#08090d;isolation:isolate;backface-visibility:hidden;transform:translateZ(0);scrollbar-width:none;-ms-overflow-style:none;scrollbar-color:transparent transparent;container-type:inline-size;container-name:template-preview;will-change:width,height,border-radius,border-width,box-shadow;transition:width .5s cubic-bezier(.4,0,.2,1),height .5s cubic-bezier(.4,0,.2,1),border-width .42s cubic-bezier(.4,0,.2,1),border-radius .46s cubic-bezier(.4,0,.2,1),box-shadow .46s cubic-bezier(.4,0,.2,1)}.template-preview-frame::-webkit-scrollbar{display:none;width:0;height:0}.template-preview-frame.device-desktop{width:100%;margin:0 auto;height:100%;border:7px solid #2a2d3e;border-radius:18px;box-shadow:0 30px 70px -20px #2f315a59,0 0 0 1px #2f315a24,inset 0 0 0 1px #fff6;background:#08090d}.template-preview-frame.device-mobile{width:min(390px,calc(100% - 1.5rem));height:min(844px,100%);margin:0 auto;border-radius:31px;border:6px solid #191d27;box-shadow:0 30px 72px -20px #141e2e94,0 0 0 1px #ffffff94}.template-preview-content-root{width:100%;min-height:100%;position:relative;background:#08090d}@media(max-width:1024px){.template-preview-workbench{height:100vh;min-height:100vh;background:#08090d}.liquid-glass-switcher-wrapper{display:none}.template-preview-viewport-shell{padding:0}.template-preview-frame.device-desktop,.template-preview-frame.device-mobile{width:100%;max-width:none;height:100%;max-height:none;margin:0;border:0;border-radius:0;box-shadow:none;transition:none}}@media(prefers-reduced-motion:reduce){.template-preview-frame,.liquid-glass-btn,.liquid-glass-btn-icon{transition:none!important;animation:none!important}}.partner-modal-backdrop.template-package-modal-backdrop{z-index:4000;padding:clamp(1rem,3vw,2rem);background:#0c0e19a8;-webkit-backdrop-filter:blur(12px) saturate(115%);backdrop-filter:blur(12px) saturate(115%)}.partner-modal-shell.template-package-modal-shell{width:min(46.5rem,calc(100vw - 2rem));height:auto;max-height:min(90vh,48rem);max-height:min(90dvh,48rem);flex-direction:column;border:1px solid rgba(255,255,255,.76);border-radius:28px;background:radial-gradient(circle at 84% -8%,rgba(229,203,133,.28),transparent 34%),linear-gradient(145deg,#fffffffc,#f7f7fbfa);box-shadow:0 40px 100px #0b0d1c61,inset 0 1px #fff;animation:templatePackageModalIn .3s cubic-bezier(.2,.75,.25,1) both}@keyframes templatePackageModalIn{0%{opacity:0;transform:translateY(14px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.template-package-modal-shell .partner-modal-close{top:1.15rem;right:1.15rem;border:1px solid rgba(47,49,90,.1);background:#fffc;color:#2f315a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px);transition:background .2s ease,transform .2s ease,box-shadow .2s ease}.template-package-modal-shell .partner-modal-close:hover{background:#fff;box-shadow:0 10px 24px #1d184829;transform:rotate(4deg)}.template-package-modal-shell .partner-modal-body,.template-package-modal-shell .template-package-modal-body{display:block;flex:1 1 auto;width:100%;min-height:0;box-sizing:border-box;justify-content:initial;padding:clamp(1.5rem,3.5vw,2.35rem);overflow-x:hidden;overflow-y:auto;overscroll-behavior:contain}.template-package-header{padding:0 3.25rem .25rem 0}.template-package-heading{min-width:0}.template-package-modal-shell .partner-modal-eyebrow{margin:0 0 .45rem;color:#a27b18;font-size:.68rem;letter-spacing:.14em}.template-package-modal-shell .partner-modal-title{max-width:none;margin:0;color:#24264d;font-size:clamp(1.55rem,3vw,2.25rem);line-height:1.08;letter-spacing:-.035em;text-transform:none}.template-package-intro{max-width:34rem;margin:.65rem 0 0;color:#2f315aa8;font-size:.9rem;font-weight:550;line-height:1.55}.template-package-price-inline{display:flex;align-items:baseline;justify-content:flex-start;gap:.55rem;margin-top:0;padding:.25rem .2rem .1rem}.template-package-price{display:flex;align-items:baseline;color:#d93632;font-size:3.6rem;font-weight:880;line-height:1;letter-spacing:-.05em;font-variant-numeric:tabular-nums}.template-package-currency{margin-right:.22rem;font-size:1rem;letter-spacing:0}.template-package-tax{color:#b52b27bd;font-size:.72rem;font-weight:800;line-height:1.2}.template-package-grid{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:.9rem;margin-top:1.1rem}.template-package-column{display:flex;min-width:0;flex-direction:column;gap:.9rem}.template-package-column--primary{justify-content:flex-start}.template-package-column--primary .template-package-price-inline{margin-top:auto}.template-package-card{min-width:0;padding:1rem 1.05rem;border:1px solid rgba(47,49,90,.09);border-radius:17px;background:#ffffffa8;box-shadow:inset 0 1px #ffffffd9}.template-package-section-title{margin:0 0 .75rem;color:#9a761e;font-size:.67rem;font-weight:850;line-height:1.35;letter-spacing:.1em;text-transform:uppercase}.template-package-check-list{display:flex;flex-direction:column;gap:.55rem;margin:0;padding:0;list-style:none}.template-package-domain-list{display:grid;gap:.6rem;margin:0;padding:0;color:#30325a;font-size:.86rem;font-weight:700;line-height:1.45}.template-package-domain-option{display:flex;min-height:1.7rem;align-items:center;gap:.65rem}.template-package-domain-number{display:grid;flex:0 0 1.55rem;width:1.55rem;height:1.55rem;place-items:center;border-radius:50%;background:#2f315a;color:#fff;font-size:.68rem;font-weight:850;line-height:1}.template-package-domain-fee{margin-left:auto;padding:.18rem .5rem;border-radius:999px;background:#2f315a14;color:#2f315a;font-size:.66rem;font-weight:850}.template-package-domain-status{margin-left:auto;padding:.18rem .5rem;border-radius:999px;background:#237a401c;color:#237a40;font-size:.64rem;font-weight:850}.template-package-check-item{display:flex;align-items:center;gap:.65rem;color:#30325a;font-size:.84rem;font-weight:700;line-height:1.4}.template-package-check-icon{display:grid;flex:0 0 1.65rem;width:1.65rem;height:1.65rem;place-items:center;border-radius:50%;background:#237a401a}.template-package-card--maintenance{padding-block:.9rem}.template-package-maintenance-row{display:flex;align-items:baseline;justify-content:flex-start;gap:1rem;color:#30325a}.template-package-maintenance-row>div{display:grid;gap:.2rem}.template-package-maintenance-row span{font-size:.82rem;font-weight:700}.template-package-maintenance-row strong{color:#24264d;font-size:1.08rem;letter-spacing:-.02em;white-space:nowrap}.template-package-maintenance-row small{color:#2f315a8f;font-size:.66rem;font-weight:600}.template-package-modal-shell .partner-modal-actions button{font-family:inherit}@media(min-width:721px){.template-package-modal-shell .partner-modal-title{white-space:nowrap}}@media(max-width:720px){.partner-modal-backdrop.template-package-modal-backdrop{align-items:center;padding:.7rem}.partner-modal-shell.template-package-modal-shell{width:100%;height:auto;max-height:calc(100vh - 1.4rem);max-height:calc(100dvh - 1.4rem);margin:0;border-radius:21px}.template-package-modal-shell .partner-modal-close{top:.85rem;right:.85rem}.template-package-modal-shell .partner-modal-body,.template-package-modal-shell .template-package-modal-body{padding:1.25rem}.template-package-header{padding:0 2.6rem .25rem 0}.template-package-modal-shell .partner-modal-title{font-size:clamp(1.4rem,7vw,1.8rem)}.template-package-intro{font-size:.82rem}.template-package-grid{grid-template-columns:1fr}.template-package-column--primary .template-package-price-inline{margin-top:0}}@media(max-width:440px){.template-package-modal-shell .partner-modal-body,.template-package-modal-shell .template-package-modal-body{padding:1rem}.template-package-modal-shell .partner-modal-eyebrow{padding-right:2.25rem}.template-package-header{padding-right:0}.template-package-grid{gap:.7rem;margin-top:.8rem}.template-package-card{padding:.85rem}.template-package-modal-shell .partner-modal-actions button{width:100%;flex-basis:auto}}@media(prefers-reduced-motion:reduce){.partner-modal-shell.template-package-modal-shell{animation:none}.template-package-modal-shell .partner-modal-close{transition:none}}