html.template-drawer-open,body.template-drawer-open{overscroll-behavior:none;overflow:hidden}.template-drawer{z-index:1095;position:fixed;inset:0}.template-drawer[hidden]{display:none}.template-drawer-backdrop{background:var(--overlay-backdrop);cursor:pointer;opacity:0;border:none;transition:opacity .32s;position:absolute;inset:0}.template-drawer.is-open .template-drawer-backdrop{opacity:1}.template-drawer-panel{background:var(--bg,#050b00);border-left:1px solid color-mix(in srgb, var(--accent,#bafe50) 40%, #ffffff14);width:min(760px,92vw);max-width:100%;box-shadow:-1px 0 0 color-mix(in srgb, var(--accent,#bafe50) 45%, transparent), -18px 0 60px #0000008c, -30px 0 120px color-mix(in srgb, var(--accent,#bafe50) 16%, transparent), -60px 0 200px color-mix(in srgb, var(--accent,#bafe50) 8%, transparent);overscroll-behavior:contain;will-change:transform;transition:transform .36s cubic-bezier(.22,1,.36,1);position:absolute;top:0;bottom:0;right:0;overflow-y:auto;transform:translate(100%)}.template-drawer.is-open .template-drawer-panel{transform:translate(0)}.template-drawer-body{padding:clamp(20px,3vw,40px)}.template-drawer-loader{background:var(--bg,#050b00);z-index:2;justify-content:center;align-items:center;display:none;position:absolute;inset:0}.template-drawer.is-loading .template-drawer-loader{display:flex}.template-drawer-spinner{border:2px solid #ffffff2e;border-top-color:var(--accent,#bafe50);border-radius:50%;width:32px;height:32px;animation:.7s linear infinite template-drawer-spin}@keyframes template-drawer-spin{to{transform:rotate(360deg)}}.template-drawer .template-preview-highlights-row{flex-direction:column;gap:clamp(16px,2vw,24px);display:flex}.template-drawer .template-preview-highlights{display:contents}.template-drawer .template-gallery{order:1;width:100%}.template-drawer .template-preview-side{order:2;width:100%}.template-drawer .template-preview-summary{order:3}.template-drawer .template-preview-highlights-list{order:4}.template-drawer .template-preview-tags-block{order:5}.template-drawer .template-preview-cover img{width:100%;height:auto}.template-drawer .template-preview-related-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:16px;display:grid}@media (prefers-reduced-motion:reduce){.template-drawer-backdrop,.template-drawer-panel{transition:none}}.template-preview-page .template-preview{padding-block:clamp(32px,4vw,48px)}.template-preview-shell{flex-direction:column;gap:clamp(12px,1.5vw,20px);display:flex}.template-preview-top{flex-direction:column;gap:16px;width:100%;display:flex}.template-preview-top-row{justify-content:space-between;align-items:flex-start;gap:clamp(16px,2.4vw,28px);width:100%;display:flex}.template-preview-top-row .template-preview-nav{flex:auto}.template-preview-top-platform{flex:none;margin-left:auto}.template-preview-platform-pills{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.template-platform-pill{letter-spacing:.08em;gap:6px;padding:5px 10px 5px 8px;line-height:1}.template-platform-pill-icon{flex-shrink:0;justify-content:center;align-items:center;line-height:0;display:inline-flex}.template-platform-pill-icon img{object-fit:contain;width:16px;height:16px;display:block}.template-platform-pill-label{white-space:nowrap;line-height:1}@media (width>=992px){.template-preview-top .template-preview-actions{width:auto;max-width:100%}.template-preview-top .template-preview-actions .btn{flex:none}}@media (width<=991px){.template-preview-top-row{flex-direction:row;justify-content:space-between;align-items:center}.template-preview-top-row .template-preview-nav{flex:0 auto;width:auto}.template-preview-top-platform{align-self:auto;margin-left:auto}.template-preview-platform-pills{justify-content:flex-end}}.template-preview-nav{align-items:center;gap:16px;width:100%;min-width:0;display:flex}.template-preview-nav-divider{color:color-mix(in srgb, var(--gray) 72%, transparent);user-select:none;flex-shrink:0;font-size:14px;line-height:1}.template-preview-breadcrumbs{min-width:0;font-size:var(--text-2xs);line-height:1.3;font-family:var(--font-mono);text-transform:uppercase;letter-spacing:.08em;color:var(--gray);flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;font-weight:400;list-style:none;display:flex}.template-preview-breadcrumbs li{align-items:center;gap:8px;min-width:0;display:inline-flex}.template-preview-breadcrumbs li:not(:last-child):after{content:"›";color:color-mix(in srgb, var(--gray) 72%, transparent)}.template-preview-breadcrumbs a{color:var(--gray);text-decoration:none;transition:color .2s}.template-preview-breadcrumbs a:hover,.template-preview-breadcrumbs a:focus-visible{color:var(--white)}.template-preview-breadcrumbs [aria-current=page]{color:var(--white);text-overflow:ellipsis;white-space:nowrap;max-width:min(100%,28rem);overflow:hidden}@media (width<=991px){.template-preview-nav-divider,.template-preview-breadcrumbs{display:none}}.template-preview-nav .btn-back{background:0 0;border:none;flex-shrink:0;width:fit-content;padding:0}.template-preview-nav .btn-back:hover,.template-preview-nav .btn-back:focus-visible{color:var(--accent);background:0 0;border:none;padding:0;transform:none}.template-meta-block{flex-direction:column;align-items:flex-start;gap:12px;width:100%;min-width:0;display:flex}.template-meta-label{font-size:var(--text-2xs);letter-spacing:1.2px;color:var(--gray);margin:0;font-weight:600}.template-meta-list{flex-direction:column;gap:12px;width:100%;margin:0;padding:0;list-style:none;display:flex}.template-meta-list--platforms{flex-flow:wrap;align-items:center;gap:10px}.template-meta-list--pills{flex-flow:wrap;align-items:center;gap:8px}.template-platform img{object-fit:contain;opacity:.95;width:auto;max-width:60px;height:auto;max-height:60px;display:block}.template-preview-tags-block{width:100%}.template-preview-tags{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.template-preview-tags a.pill,.template-preview-tags .pill{transition:color .2s var(--ease), border-color .2s var(--ease), background .2s var(--ease), transform .2s var(--ease);padding:5px 12px;text-decoration:none}.template-preview-tags a.pill:hover,.template-preview-tags a.pill:focus-visible{transform:translateY(-1px)}.template-preview-tags a.pill:focus:not(:focus-visible){outline:none}.template-preview-tags a.pill:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.template-preview-tags a.pill--accent:hover,.template-preview-tags a.pill--accent:focus-visible{background:color-mix(in srgb, var(--accent) 10%, transparent);border-color:var(--accent)}.template-preview-tags a.pill--muted:hover,.template-preview-tags a.pill--muted:focus-visible{color:var(--white);border-color:color-mix(in srgb, var(--accent) 35%, transparent)}html[data-theme=light] .template-preview-tags a.pill--accent:hover,html[data-theme=light] .template-preview-tags a.pill--accent:focus-visible{color:var(--on-lime);background:color-mix(in srgb, var(--accent) 88%, #0a0a0a);border-color:#0a0a0a}html[data-theme=light] .template-preview-tags a.pill--muted:hover,html[data-theme=light] .template-preview-tags a.pill--muted:focus-visible{color:var(--white);background:color-mix(in srgb, var(--surface-muted) 72%, #0a0a0a);border-color:#0000}.template-preview-main{text-align:left;flex-direction:column;align-items:flex-start;gap:clamp(24px,3vw,36px);min-width:0;display:flex}.template-preview-intro{flex-direction:column;align-items:flex-start;gap:16px;width:100%;display:flex}.template-preview-divider{background:var(--line);width:100%;height:1px}.template-preview-header{flex-direction:row;justify-content:space-between;align-items:center;gap:clamp(16px,2.5vw,24px);width:100%;display:flex}.template-preview-title{min-width:0;max-width:none;font-size:clamp(2.75rem, 6.5vw, var(--display-lg));font-weight:var(--font-weight-heading);letter-spacing:-.03em;text-wrap:balance;color:var(--white);flex:1;margin:0;line-height:.95}.template-preview-actions{flex-shrink:0;align-items:stretch;gap:10px;margin-inline-start:auto;display:flex}.template-preview-actions .btn{font-size:var(--text-base);flex:none;justify-content:center;gap:10px;padding:12px 18px}.template-preview-actions .btn-icon{flex-shrink:0;width:28px;min-width:28px;height:28px;min-height:28px}.template-preview-actions .template-preview-customize,.template-preview-actions .template-preview-demo{color:var(--on-lime);border-color:var(--accent);background:var(--accent)}.template-preview-actions .template-preview-customize:hover,.template-preview-actions .template-preview-demo:hover{color:var(--on-lime);border-color:color-mix(in srgb, var(--accent) 78%, white);background:color-mix(in srgb, var(--accent) 88%, white);transform:none}.template-preview-actions .template-preview-demo svg{color:currentColor;flex-shrink:0;display:block}.template-preview-actions .template-preview-demo-link{--key-edge:color-mix(in srgb, var(--accent) 55%, #000);border-radius:var(--radius-pill);background:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 70%, #000);height:44px;color:var(--on-lime);letter-spacing:.01em;box-shadow:0 3px 0 var(--key-edge), 0 6px 14px -6px #00000059;gap:8px;padding:0 18px 0 14px;font-size:15px;font-weight:600;line-height:1;top:0}.template-preview-actions .template-preview-demo-link:hover,.template-preview-actions .template-preview-demo-link:focus-visible{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 70%, #000);color:var(--on-lime);box-shadow:0 4px 0 var(--key-edge), 0 9px 18px -6px #0006;top:0;transform:translateY(-1px)}.template-preview-actions .template-preview-demo-link:active{box-shadow:0 0 0 var(--key-edge), 0 2px 6px -3px #0000004d;top:0;transform:translateY(2px)}.template-preview-actions .template-preview-demo-link .btn-icon{color:currentColor;background:0 0;border:0;border-radius:0;width:16px;min-width:16px;height:16px;min-height:16px;margin-left:0}.template-preview-actions .template-preview-demo-link:hover .btn-icon,.template-preview-actions .template-preview-demo-link:focus-visible .btn-icon,.template-preview-actions .template-preview-demo-link:active .btn-icon{color:currentColor;background:0 0}.template-preview-actions .template-preview-customize .btn-icon,.template-preview-actions .template-preview-demo .btn-icon{background:var(--lime-icon-wrap);color:var(--accent)}.template-preview-actions .template-preview-customize-icon{flex:none;font-size:15px;font-weight:700;line-height:1}.template-preview-customize-star{transition:transform .45s var(--ease);line-height:1;display:inline-block}.template-preview-actions .template-preview-customize:hover .template-preview-customize-star,.template-preview-actions .template-preview-customize:focus-visible .template-preview-customize-star{transform:rotate(180deg)}.template-demo-toolbar{justify-content:center;align-items:center;margin-bottom:12px;display:flex}.template-demo-device-toggle{border:1px solid var(--line);border-radius:var(--radius-pill);background:color-mix(in srgb, var(--bg-elev) 88%, transparent);align-items:center;gap:6px;padding:4px;display:inline-flex}.template-demo-device-btn{border-radius:var(--radius-pill);width:36px;height:36px;color:var(--gray);cursor:pointer;background:0 0;border:none;justify-content:center;align-items:center;transition:color .2s,background .2s;display:inline-flex}.template-demo-device-btn:hover{color:var(--white)}.template-demo-device-btn.is-active{background:var(--accent);color:var(--on-lime)}.template-demo-frame-shell{border:1px solid var(--line);border-radius:var(--radius-card);background:var(--bg-elev);width:100%;overflow:hidden}.template-demo-frame-shell iframe{background:var(--white);border:0;width:100%;height:800px;display:block}.template-demo-frame-shell.is-mobile{background:radial-gradient(circle at 50% 0%, color-mix(in srgb, var(--accent) 8%, transparent), transparent 55%), var(--bg-elev);justify-content:center;padding:24px 16px;display:flex}.template-demo-frame-shell.is-mobile iframe{border:1px solid color-mix(in srgb, var(--white) 16%, var(--line));border-radius:28px;width:min(100%,390px);box-shadow:0 24px 64px #00000059}html.template-demo-open,body.template-demo-open{overscroll-behavior:none;overflow:hidden}.template-demo-drawer{--demo-sheet-height:95dvh;--demo-bar-height:56px;--demo-hint-height:26px;z-index:1150;backdrop-filter:blur(12px)saturate(1.05);position:fixed;inset:0}.template-demo-drawer[hidden]{display:none}.template-demo-drawer-backdrop{padding-top:calc((100dvh - var(--demo-sheet-height) - var(--demo-hint-height)) / 2);background:var(--overlay-backdrop);cursor:pointer;opacity:0;justify-content:center;align-items:flex-start;transition:opacity .32s;display:flex;position:absolute;inset:0}.template-demo-drawer.is-open .template-demo-drawer-backdrop{opacity:1}.template-demo-drawer-close-hint{height:var(--demo-hint-height);border-radius:var(--radius-pill);color:#ffffffc7;font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;opacity:0;transition:opacity .28s ease .12s, transform .28s var(--ease) .12s;background:#ffffff0f;border:1px solid #ffffff29;align-items:center;gap:6px;padding:0 12px;font-size:10px;line-height:1;display:inline-flex;transform:translateY(-6px)}.template-demo-drawer.is-open .template-demo-drawer-close-hint{opacity:1;transform:translateY(0)}.template-demo-drawer-panel{height:var(--demo-sheet-height);background:var(--bg,#050b00);border-top:1px solid color-mix(in srgb, var(--accent,#bafe50) 40%, #ffffff14);border-radius:var(--radius-lg) var(--radius-lg) 0 0;box-shadow:0 -1px 0 color-mix(in srgb, var(--accent,#bafe50) 45%, transparent), 0 -18px 60px #0000008c, 0 -30px 120px color-mix(in srgb, var(--accent,#bafe50) 14%, transparent);will-change:transform;outline:none;flex-direction:column;transition:transform .4s cubic-bezier(.22,1,.36,1);display:flex;position:absolute;bottom:0;left:0;right:0;overflow:hidden;transform:translateY(100%)}.template-demo-drawer.is-open .template-demo-drawer-panel{transform:translateY(0)}.template-demo-drawer-bar{height:var(--demo-bar-height);border-bottom:1px solid var(--line);background:var(--bg-elev);flex:none;grid-template-columns:1fr auto 1fr;align-items:center;gap:12px;padding:0 clamp(12px,2vw,20px);display:grid}.template-demo-drawer-meta{align-items:center;gap:10px;min-width:0;display:inline-flex}.template-demo-drawer-actions{justify-self:end;align-items:center;gap:8px;display:inline-flex}.template-demo-drawer-bar .template-demo-device-toggle{justify-self:center}.template-demo-brand-btn{isolation:isolate;border-radius:var(--radius-pill);color:#fff;letter-spacing:.01em;white-space:nowrap;cursor:pointer;height:36px;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 35%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 22%, transparent);transition:background .25s var(--ease), border-color .25s var(--ease), color .25s var(--ease), box-shadow .25s var(--ease), transform .25s var(--ease);background:#0a0a0a;border:1px solid #0a0a0a;align-items:center;gap:8px;padding:0 14px 0 12px;font-size:13px;font-weight:600;text-decoration:none;animation:2.6s ease-in-out infinite template-demo-brand-pulse;display:inline-flex;position:relative;overflow:hidden}.template-demo-brand-btn-glow{z-index:-1;background:linear-gradient(115deg, transparent 40%, color-mix(in srgb, var(--accent) 38%, transparent) 50%, transparent 60%);animation:template-demo-brand-sheen 3.2s var(--ease) infinite;pointer-events:none;position:absolute;inset:-40% -60%;transform:translate(-60%)}.template-demo-brand-btn-sparkle{color:var(--accent);width:1.05em;min-width:1.05em;height:1.05em;min-height:1.05em;transition:transform .45s var(--ease)}.template-demo-brand-btn:hover,.template-demo-brand-btn:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--on-lime);box-shadow:0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent), 0 0 28px color-mix(in srgb, var(--accent) 40%, transparent);animation-play-state:paused;transform:translateY(-1px)}.template-demo-brand-btn:hover .template-demo-brand-btn-sparkle,.template-demo-brand-btn:focus-visible .template-demo-brand-btn-sparkle{color:var(--on-lime);transform:rotate(180deg)scale(1.1)}.template-demo-brand-btn:hover .template-demo-brand-btn-glow{opacity:0}.template-preview-actions .template-demo-brand-btn{--key-edge:#1a1a1a;color:#fff;height:44px;box-shadow:0 3px 0 var(--key-edge), 0 6px 14px -6px #00000059;background:#3a3a3a;border-color:#2e2e2e;padding:0 18px 0 14px;font-size:15px;animation:none}.template-preview-actions .template-demo-brand-btn:hover,.template-preview-actions .template-demo-brand-btn:focus-visible{--key-edge:#000;color:#fff;box-shadow:0 4px 0 var(--key-edge), 0 9px 18px -6px #0006;background:#0a0a0a;border-color:#0a0a0a;transform:translateY(-1px)}.template-preview-actions .template-demo-brand-btn:hover .template-demo-brand-btn-sparkle,.template-preview-actions .template-demo-brand-btn:focus-visible .template-demo-brand-btn-sparkle{color:var(--accent)}.template-preview-actions .template-demo-brand-btn:active{color:#fff;box-shadow:0 0 0 var(--key-edge), 0 2px 6px -3px #0000004d;background:#0a0a0a;border-color:#0a0a0a;transform:translateY(2px)}@keyframes template-demo-brand-pulse{0%,to{box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 35%, transparent), 0 0 18px color-mix(in srgb, var(--accent) 22%, transparent)}50%{box-shadow:0 0 0 5px color-mix(in srgb, var(--accent) 0%, transparent), 0 0 26px color-mix(in srgb, var(--accent) 34%, transparent)}}@keyframes template-demo-brand-sheen{0%,35%{transform:translate(-60%)}65%,to{transform:translate(60%)}}@media (prefers-reduced-motion:reduce){.template-demo-brand-btn,.template-demo-brand-btn-glow{animation:none}}.template-demo-drawer-close{border:1px solid var(--line);border-radius:var(--radius-pill);width:36px;height:36px;color:var(--white);cursor:pointer;background:0 0;justify-content:center;align-items:center;transition:border-color .2s,color .2s,background .2s;display:inline-flex}.template-demo-drawer-close:hover,.template-demo-drawer-close:focus-visible{border-color:var(--accent);color:var(--accent);background:var(--bg)}.template-demo-drawer .template-demo-frame-shell{background:var(--bg);border:0;border-radius:0;flex:auto;min-height:0;position:relative}.template-demo-drawer .template-demo-frame-shell iframe{width:100%;height:100%}.template-demo-drawer .template-demo-frame-shell.is-mobile{align-items:stretch;padding:clamp(12px,2vh,24px) 16px}.template-demo-drawer .template-demo-frame-shell.is-mobile iframe{width:min(100%,390px);height:100%}.template-demo-drawer-loader{z-index:2;background:var(--bg);color:var(--gray);font-family:var(--font-mono);letter-spacing:.08em;text-transform:uppercase;pointer-events:none;flex-direction:column;justify-content:center;align-items:center;gap:14px;font-size:11px;display:flex;position:absolute;inset:0}.template-demo-drawer-loader[hidden]{display:none}.template-demo-drawer-spinner{border:2px solid #ffffff2e;border-top-color:var(--accent);border-radius:50%;width:28px;height:28px;animation:.7s linear infinite template-drawer-spin}@media (width<=767px){.template-demo-drawer-bar{grid-template-columns:1fr}.template-demo-drawer-bar .template-demo-device-toggle,.template-demo-drawer-meta{display:none}.template-demo-drawer-actions{justify-content:space-between;justify-self:stretch;width:100%}.template-demo-drawer .template-demo-frame-shell.is-mobile{padding:0}.template-demo-drawer .template-demo-frame-shell.is-mobile iframe{width:100%;box-shadow:none;border:0;border-radius:0}}@media (prefers-reduced-motion:reduce){.template-demo-drawer-backdrop,.template-demo-drawer-panel,.template-demo-drawer-close-hint{transition:none}}.template-gallery{width:100%}.template-gallery-stage{position:relative}.template-gallery-video{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--bg-elev);padding-top:56.25%;position:relative;overflow:hidden}.template-gallery-video iframe{border:0;width:100%;height:100%;position:absolute;inset:0}.template-gallery-overlay{display:none}button.template-gallery-overlay{-webkit-appearance:none;appearance:none;font:inherit;color:inherit;cursor:pointer;border:0;width:100%;height:100%;margin:0;padding:0}@media (width>=992px) and (hover:hover){.template-gallery-overlay{z-index:2;border-radius:var(--radius-card);opacity:0;pointer-events:none;transition:opacity .25s var(--ease), background .25s var(--ease);background:0 0;justify-content:center;align-items:center;text-decoration:none;display:flex;position:absolute;inset:0}.template-gallery-stage:hover .template-gallery-overlay,.template-gallery-stage:focus-within .template-gallery-overlay{opacity:1;pointer-events:auto;background:#00000094}.template-gallery-preview-btn{opacity:0;transition:transform .25s var(--ease), opacity .25s var(--ease), background .25s var(--ease);transform:translateY(6px)}.template-gallery-stage:hover .template-gallery-preview-btn,.template-gallery-stage:focus-within .template-gallery-preview-btn{opacity:1;transform:translateY(0)}}.template-gallery-viewport{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--bg-elev);position:relative;overflow:hidden}.template-gallery-track{aspect-ratio:16/10;width:100%;position:relative}.template-gallery-slide{opacity:0;transition:opacity .6s var(--ease);pointer-events:none;position:absolute;inset:0}.template-gallery-slide.is-active{opacity:1;pointer-events:auto;z-index:1}.template-gallery-slide img{object-fit:cover;width:100%;height:100%;display:block}.template-gallery-slide--cover-placeholder img{filter:blur(28px)saturate(.88);object-position:top center;transform:scale(1.18)}@media (prefers-reduced-motion:reduce){.template-gallery-slide{transition:none}}.template-gallery-controls{justify-content:center;align-items:center;gap:16px;margin-top:16px;display:flex}.template-gallery.is-single-slide .template-gallery-controls{display:none}.template-gallery-btn{border:1px solid var(--line);border-radius:var(--radius-sm);background:var(--bg-elev);width:40px;height:40px;color:var(--white);cursor:pointer;justify-content:center;align-items:center;transition:border-color .2s,background .2s,color .2s;display:inline-flex}.template-gallery-btn:hover:not(:disabled){border-color:var(--accent);background:var(--icon-btn-hover-bg);color:var(--icon-btn-hover-fg)}.template-gallery-btn:disabled{opacity:.35;cursor:not-allowed}.template-gallery-dots{justify-content:center;align-items:center;gap:8px;min-width:48px;display:flex}.template-gallery-dot{border-radius:var(--radius-pill);background:color-mix(in srgb, var(--white) 24%, transparent);cursor:pointer;border:none;width:8px;height:8px;padding:0;transition:background .2s,transform .2s}.template-gallery-dot.is-active{background:var(--accent);transform:scale(1.15)}.template-preview-section-title{font-size:var(--text-xl);font-weight:var(--font-weight-heading);letter-spacing:0;color:var(--white);margin:0 0 16px;line-height:1.3}.template-preview-summary{text-align:left;width:100%;max-width:100%}.template-preview-highlights-row{flex-direction:column;align-items:stretch;gap:clamp(20px,2.5vw,32px);width:100%;display:flex}.template-preview-highlights{text-align:left;flex-direction:column;flex:auto;gap:clamp(32px,4vw,48px);width:100%;min-width:0;max-width:none;display:flex}.template-preview-side{flex-direction:column;flex:none;gap:clamp(24px,3vw,32px);width:min(100%,400px);min-width:0;display:flex}.template-preview-side-meta{grid-template-columns:1fr;gap:clamp(20px,3vw,28px);width:100%;display:grid}@media (width>=992px){.template-preview-side-meta{grid-template-columns:repeat(2,minmax(0,1fr))}.template-meta-block--platform{text-align:right;align-items:flex-end}.template-meta-block--platform .template-meta-list--platforms{justify-content:flex-end}}.template-preview-cover{border-radius:var(--radius-card);border:1px solid var(--line);background:var(--bg-elev);aspect-ratio:7/9;flex:none;width:100%;margin:0;position:relative;overflow:hidden}.template-preview-cover img{object-fit:cover;object-position:top center;width:100%;height:100%;display:block;position:absolute;inset:0}.template-preview-cover-stats{flex-wrap:wrap;align-items:center;gap:8px;margin:0;padding:0;list-style:none;display:flex}.template-preview-cover-stat{border:1px solid color-mix(in srgb, var(--white) 12%, transparent);background:color-mix(in srgb, var(--bg-elev) 72%, transparent);width:fit-content;min-height:34px;font-family:var(--font-mono);font-size:var(--text-2xs);letter-spacing:.07em;text-transform:uppercase;color:var(--gray);border-radius:10px;flex:none;align-items:center;gap:8px;padding:7px 8px;display:flex}.template-preview-cover-stat-icon{width:18px;height:18px;color:var(--accent);flex-shrink:0;justify-content:center;align-items:center;display:inline-flex}.template-preview-cover-stat-icon svg{width:16px;height:16px;display:block}.template-preview-cover-stat-icon--platform{color:inherit}.template-preview-cover-stat-icon--platform img{object-fit:contain;width:16px;height:16px;display:block}.template-preview-cover-stat-text{align-items:baseline;gap:6px;display:inline-flex}.template-preview-cover-stat-value{color:var(--white);letter-spacing:.03em;white-space:nowrap;font-weight:500}.template-preview-cover-stat-label{color:var(--gray);white-space:nowrap;text-overflow:ellipsis;overflow:hidden}.template-preview-cover-stat--accent{color:var(--on-lime);background:var(--accent);border-color:#0a0a0a}.template-preview-cover-stat--accent .template-preview-cover-stat-value,.template-preview-cover-stat--accent .template-preview-cover-stat-icon{color:var(--on-lime)}.template-preview-cover-stat--accent .template-preview-cover-stat-icon--platform img{filter:brightness(0);opacity:.92}.template-preview-overview{color:var(--gray);font-size:var(--text-base);font-weight:var(--font-weight-body);letter-spacing:.5px;text-wrap:pretty;margin:0;line-height:150%}.template-preview-bullets{flex-flow:wrap;padding:0}.template-preview-bullets li{box-sizing:border-box;flex:100%;max-width:100%}@media (width>=992px){.template-preview-bullets li{flex:calc(70% - 8px);max-width:70%;padding-right:12px}}.template-preview .muted-cta.template-preview-demo{color:#0a0a0a;border-color:var(--accent);background:var(--accent)}.template-preview .muted-cta.template-preview-demo:hover,.template-preview .muted-cta.template-preview-demo:focus-visible{color:#0a0a0a;border-color:color-mix(in srgb, var(--accent) 80%, #0a0a0a);background:color-mix(in srgb, var(--accent) 86%, #fff)}.template-preview .muted-cta.template-preview-demo svg,.template-preview .muted-cta.template-preview-demo:hover svg,.template-preview .muted-cta.template-preview-demo:focus-visible svg{color:#0a0a0a}.template-preview-related{border-top:1px solid color-mix(in srgb, var(--line) 70%, transparent);width:100%;margin-top:clamp(48px,6vw,72px);padding-top:clamp(32px,4vw,48px)}.template-preview-related-header{justify-content:space-between;align-items:center;gap:16px;margin-bottom:clamp(16px,2vw,24px);display:flex}.template-preview-related-title{text-align:left;font-size:var(--display-sm);margin:0}.template-preview-related-more{--key-edge:var(--btn-fill,#0a0a0a);white-space:nowrap;box-shadow:0 3px 0 var(--key-edge), 0 6px 14px -6px #00000059;flex-shrink:0}.template-preview-related-more:hover,.template-preview-related-more:focus-visible{box-shadow:0 4px 0 var(--key-edge), 0 9px 18px -6px #0006}.template-preview-related-more:active{box-shadow:0 0 0 var(--key-edge), 0 2px 6px -3px #0000004d;transform:translateY(2px)}.template-preview-related-grid{grid-template-columns:repeat(4,minmax(0,1fr))}html.template-demo-open .site-starfield,html.template-demo-open .site-starfield *,html.template-demo-open .site-chrome,html.template-demo-open .site-chrome *,html.template-demo-open .footer,html.template-demo-open .footer *{animation-play-state:paused!important}html[data-theme=light] body :is(a.text-link,button.text-link,.template-preview-breadcrumbs a,.template-preview-nav .btn-back,.footer-cols a:not(.is-current)):hover,html[data-theme=light] body :is(a.text-link,button.text-link,.template-preview-breadcrumbs a,.template-preview-nav .btn-back,.footer-cols a:not(.is-current)):focus-visible{color:var(--white);text-decoration-color:color-mix(in srgb, var(--white) 55%, transparent);box-decoration-break:unset;-webkit-box-decoration-break:unset;background:0 0;outline:none}html[data-theme=light] .btn-primary.template-preview-customize,html[data-theme=light] .btn-primary.template-preview-demo,html[data-theme=light] .btn-lime,html[data-theme=light] .template-preview-actions .template-preview-demo{background:var(--accent);border-color:var(--accent);color:var(--on-lime)}html[data-theme=light] .btn-primary.template-preview-customize:hover,html[data-theme=light] .btn-primary.template-preview-demo:hover,html[data-theme=light] .btn-lime:hover,html[data-theme=light] .template-preview-actions .template-preview-demo:hover{background:color-mix(in srgb, var(--accent) 88%, white);border-color:color-mix(in srgb, var(--accent) 78%, white);color:var(--on-lime)}html[data-theme=light] .btn-primary.template-preview-customize .btn-icon,html[data-theme=light] .btn-primary.template-preview-demo .btn-icon,html[data-theme=light] .btn-lime .btn-icon,html[data-theme=light] .template-preview-actions .template-preview-demo .btn-icon{background:var(--lime-icon-wrap);color:var(--accent)}html[data-theme=light] .template-preview-actions .template-preview-demo-link{background:var(--accent);border:1px solid color-mix(in srgb, var(--accent) 70%, #000);color:var(--on-lime)}html[data-theme=light] .template-preview-actions .template-preview-demo-link .btn-icon,html[data-theme=light] .template-preview-actions .template-preview-demo-link:hover .btn-icon,html[data-theme=light] .template-preview-actions .template-preview-demo-link:focus-visible .btn-icon,html[data-theme=light] .template-preview-actions .template-preview-demo-link:active .btn-icon{color:currentColor;background:0 0;border-color:#0000}html[data-theme=light] .template-preview-actions .template-preview-demo-link:hover,html[data-theme=light] .template-preview-actions .template-preview-demo-link:focus-visible{background:var(--accent);border-color:color-mix(in srgb, var(--accent) 70%, #000);color:var(--on-lime)}html[data-theme=light] body .projects-btn:hover,html[data-theme=light] body .services-btn:hover,html[data-theme=light] body .template-gallery-btn:hover:not(:disabled){border-color:var(--btn-fill);background:var(--accent);color:var(--on-lime)}html[data-theme=light] .template-drawer-backdrop{background:var(--overlay-backdrop)}html[data-theme=light] .template-drawer-panel{border-left-color:var(--line);box-shadow:-16px 0 48px #00000014}html[data-theme=light] .template-drawer-spinner{border-color:var(--line)}html[data-theme=light] .template-demo-drawer-backdrop{background:var(--overlay-backdrop)}html[data-theme=light] .template-demo-drawer-panel{border-top-color:var(--line);box-shadow:0 -24px 64px #0000001f}html[data-theme=light] .template-demo-drawer-close-hint{color:#ffffffe6;background:#ffffff1f;border-color:#ffffff3d}html[data-theme=light] .template-demo-drawer-spinner{border-color:var(--line);border-top-color:var(--white)}html[data-theme=light] .template-demo-drawer-close:hover,html[data-theme=light] .template-demo-drawer-close:focus-visible{border-color:var(--white);color:var(--white)}html[data-theme=light] .template-demo-frame-shell.is-mobile iframe{border-color:var(--line);box-shadow:0 24px 64px #0000001f}html[data-theme=light] .template-demo-brand-btn{color:#fff;box-shadow:0 0 0 0 color-mix(in srgb, var(--accent) 45%, transparent), 0 0 14px color-mix(in srgb, var(--accent) 30%, transparent);background:#0a0a0a;border-color:#0a0a0a}html[data-theme=light] .template-demo-brand-btn-glow{background:linear-gradient(115deg, transparent 40%, color-mix(in srgb, var(--accent) 22%, transparent) 50%, transparent 60%)}html[data-theme=light] .template-demo-brand-btn-sparkle{color:var(--accent)}html[data-theme=light] .template-demo-brand-btn:hover,html[data-theme=light] .template-demo-brand-btn:focus-visible{background:var(--accent);border-color:var(--accent);color:var(--on-lime)}html[data-theme=light] .template-demo-brand-btn:hover .template-demo-brand-btn-sparkle,html[data-theme=light] .template-demo-brand-btn:focus-visible .template-demo-brand-btn-sparkle{color:var(--on-lime)}html[data-theme=light] .template-preview-actions .template-demo-brand-btn{color:#fff;background:#3a3a3a;border-color:#2e2e2e;box-shadow:0 3px #1a1a1a,0 6px 14px -6px #00000059}html[data-theme=light] .template-preview-actions .template-demo-brand-btn:hover,html[data-theme=light] .template-preview-actions .template-demo-brand-btn:focus-visible{color:#fff;background:#0a0a0a;border-color:#0a0a0a;box-shadow:0 4px #000,0 9px 18px -6px #0006}html[data-theme=light] .template-preview-actions .template-demo-brand-btn:hover .template-demo-brand-btn-sparkle,html[data-theme=light] .template-preview-actions .template-demo-brand-btn:focus-visible .template-demo-brand-btn-sparkle{color:var(--accent)}html[data-theme=light] .template-preview-actions .template-demo-brand-btn:active{color:#fff;background:#0a0a0a;border-color:#0a0a0a;box-shadow:0 0 #000,0 2px 6px -3px #0000004d}html[data-theme=light] .template-drawer-panel{border-left:1px solid var(--line);box-shadow:-24px 0 64px #0000001f}html[data-theme=light] .template-gallery-dot{background:#0a0a0a40}html[data-theme=light] .template-gallery-dot.is-active{background:var(--white)}html[data-theme=light] body .muted-cta.template-preview-demo,html[data-theme=light] body .muted-cta.template-preview-demo:hover,html[data-theme=light] body .muted-cta.template-preview-demo:focus-visible{color:#0a0a0a;border-color:var(--accent);background:var(--accent)}html[data-theme=light] body .muted-cta.template-preview-demo svg,html[data-theme=light] body .muted-cta.template-preview-demo:hover svg,html[data-theme=light] body .muted-cta.template-preview-demo:focus-visible svg{color:#0a0a0a}html[data-theme=light] .template-preview-actions .template-preview-demo{background:var(--accent);border-color:var(--accent);color:var(--on-lime)}html[data-theme=light] .template-preview-actions .template-preview-demo:hover{background:color-mix(in srgb, var(--accent) 88%, white);border-color:color-mix(in srgb, var(--accent) 78%, white);color:var(--on-lime)}html[data-theme=light] .template-preview-actions .template-preview-demo svg{color:currentColor}html[data-theme=light] .template-preview-actions .template-preview-demo.magnetic-cta .magnetic-cta-fill{background:#fff}html[data-theme=light] .template-preview-actions .template-preview-demo.magnetic-cta.is-hover .magnetic-cta-label,html[data-theme=light] .template-preview-cover-stat-icon{color:var(--white)}html[data-theme=light] .template-preview-cover-stat--accent,html[data-theme=light] .template-preview-cover-stat--accent .template-preview-cover-stat-value,html[data-theme=light] .template-preview-cover-stat--accent .template-preview-cover-stat-icon{color:var(--on-lime)}html[data-theme=light] .template-preview-cover-stat-icon--platform img,html[data-theme=light] .template-preview-cover-stat--accent .template-preview-cover-stat-icon--platform img{filter:brightness(0);opacity:.92}@media (width>=992px){.template-preview-highlights-row{flex-direction:row;align-items:flex-start;gap:24px}.template-preview-highlights{flex:1 1 0;order:2;padding-top:0}.template-preview-side{flex:0 0 clamp(240px,38%,400px);order:1;align-self:flex-start;width:clamp(240px,38%,400px);position:sticky;top:124px}.template-preview-cover{flex:none;align-self:flex-start;width:100%}}@media (width<=991px){.template-preview-highlights{display:contents}.template-gallery{order:1;width:100%}.template-preview-side{order:2;width:100%;max-width:none}.template-preview-summary{order:3}.template-preview-highlights-list{order:4}.template-preview-tags-block{order:5}.template-preview-header{flex-direction:column;align-items:stretch}.template-preview-title{font-size:clamp(3.25rem,12vw,4.25rem)}.template-preview-actions{width:100%;margin-inline-start:0}.template-preview-actions .btn{flex:1 1 0;min-width:0}.template-preview-actions .template-preview-demo-link{padding-inline:14px}.template-preview-actions:not(:has(.template-preview-demo)) .template-preview-customize{flex:100%}.template-preview-related-header{flex-wrap:wrap;align-items:flex-start;gap:12px}.template-preview-related-title{flex:auto;min-width:0}.template-preview-related-more{display:none}.template-preview-related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}