.webpage-templates-page .webpage-template-card{display:block;border-radius:var(--ux4g-radius-lg, .75rem);border:var(--ux4g-border-width-sm) solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.75rem;box-shadow:var(--ux4g-shadow-l1);text-decoration:none;transition:transform var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease),box-shadow var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease),border-color var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease)}.webpage-templates-page .webpage-template-card:hover{box-shadow:var(--ux4g-shadow-l3);border-color:var(--ux4g-border-color-primary-default);transform:translateY(-2px)}.webpage-templates-page .webpage-section-card{display:block;border-radius:var(--ux4g-radius-xl, 1rem);border:var(--ux4g-border-width-sm) solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.75rem;box-shadow:var(--ux4g-shadow-l1);text-decoration:none;transition:transform var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease),box-shadow var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease),border-color var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease)}.webpage-templates-page .webpage-section-card:hover{box-shadow:var(--ux4g-shadow-l3);border-color:var(--ux4g-border-color-primary-default);transform:translateY(-2px)}.webpage-templates-page .webpage-section-preview{display:flex;align-items:center;justify-content:center;min-height:7.5rem;background-color:color-mix(in srgb,var(--ux4g-bg-neutral-soft) 50%,transparent);border-radius:var(--ux4g-radius-md, .5rem);padding:.5rem}.webpage-template-detail-page .template-hero-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--ux4g-color-primary-600) 12%,transparent),transparent 50%,color-mix(in srgb,#a855f7 18%,transparent))}.webpage-template-detail-page .template-hero-container{padding-top:calc(var(--ux4g-space-14, 3.5rem) + 1.5rem);padding-bottom:4rem}.webpage-template-detail-page .template-back-link{display:inline-flex;align-items:center;gap:.5rem;font-size:.875rem;color:var(--ux4g-text-neutral-secondary);text-decoration:none;margin-bottom:2rem;transition:color var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease)}.webpage-template-detail-page .template-back-link:hover{color:var(--ux4g-text-neutral-primary)}.webpage-template-detail-page .template-title{font-size:1.75rem;font-weight:var(--ux4g-fw-bold);color:var(--ux4g-text-neutral-primary);margin-top:0;margin-bottom:2rem}@media(min-width:640px){.webpage-template-detail-page .template-title{font-size:2.25rem}}.webpage-template-detail-page .template-content-row{display:flex;flex-direction:column;gap:2rem;align-items:flex-start}@media(min-width:1024px){.webpage-template-detail-page .template-content-row{flex-direction:row}}.webpage-template-detail-page .template-preview-box{border-radius:var(--ux4g-radius-xl, 1rem);border:var(--ux4g-border-width-sm) solid var(--ux4g-border-color-neutral-subtle);background:linear-gradient(135deg,color-mix(in srgb,var(--ux4g-color-primary-600) 6%,transparent),color-mix(in srgb,#a855f7 10%,transparent));padding:1rem;box-shadow:var(--ux4g-shadow-l1)}.webpage-template-detail-page .template-preview-box img{width:100%;border-radius:var(--ux4g-radius-md, .5rem);display:block}.webpage-template-detail-page .template-sidebar-actions{width:100%;display:flex;flex-direction:column;gap:1rem}@media(min-width:1024px){.webpage-template-detail-page .template-sidebar-actions{width:20rem;flex-shrink:0}}.webpage-template-detail-page .template-download-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;height:2.75rem;border-radius:var(--ux4g-radius-md, .5rem);font-weight:var(--ux4g-fw-medium);font-size:.9375rem;color:var(--ux4g-text-neutral-inverse);background-color:var(--ux4g-bg-primary-strong);border:var(--ux4g-border-width-none);text-decoration:none;cursor:pointer;transition:background-color var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease),box-shadow var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease)}.webpage-template-detail-page .template-download-btn:hover{background-color:var(--ux4g-bg-primary-hover)}.webpage-template-detail-page .template-view-btn{display:inline-flex;align-items:center;justify-content:center;gap:.5rem;padding:.75rem 1.5rem;height:2.75rem;border-radius:var(--ux4g-radius-md, .5rem);font-weight:var(--ux4g-fw-medium);font-size:.9375rem;border:var(--ux4g-border-width-sm) solid var(--ux4g-border-color-primary-default);color:var(--ux4g-color-primary-600);background-color:var(--ux4g-bg-neutral-elevated);cursor:pointer;transition:background-color var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease)}.webpage-template-detail-page .template-view-btn:hover{background-color:var(--ux4g-bg-primary-soft)}.webpage-template-detail-page .template-more-section{padding-block:4rem}.webpage-template-detail-page .template-more-title{font-size:1.5rem;font-weight:var(--ux4g-fw-bold);color:var(--ux4g-text-neutral-primary);margin-top:0;margin-bottom:1.5rem}.webpage-template-detail-page .webpage-template-card{display:block;border-radius:var(--ux4g-radius-lg, .75rem);border:var(--ux4g-border-width-sm) solid var(--ux4g-border-color-neutral-subtle);background-color:var(--ux4g-bg-neutral-elevated);padding:.75rem;box-shadow:var(--ux4g-shadow-l1);text-decoration:none;transition:transform var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease),box-shadow var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease),border-color var(--ux4g-transition-duration-fast, .15s) var(--ux4g-transition-timing-ease, ease)}.webpage-template-detail-page .webpage-template-card:hover{box-shadow:var(--ux4g-shadow-l3);border-color:var(--ux4g-border-color-primary-default);transform:translateY(-2px)}.webpage-template-detail-page .webpage-template-card .card-top-row{display:flex;align-items:center;justify-content:space-between;margin-bottom:.75rem;padding-inline:.25rem;font-size:.875rem;font-weight:var(--ux4g-fw-medium);color:var(--ux4g-text-neutral-primary)}.webpage-template-detail-page .webpage-template-card img{width:100%;border-radius:var(--ux4g-radius-md, .5rem);background-color:#fff;object-fit:cover;display:block}.webpage-template-preview-page .preview-hero-gradient{background:linear-gradient(135deg,color-mix(in srgb,var(--ux4g-color-primary-600) 12%,transparent),transparent 50%,color-mix(in srgb,#a855f7 18%,transparent));min-height:100vh;padding-top:calc(var(--ux4g-space-14, 3.5rem) + 1.5rem);padding-bottom:2rem}.webpage-template-preview-page .preview-viewport-frame{width:100%;height:80vh;border-radius:var(--ux4g-radius-xl, 1rem);overflow:hidden;background-color:var(--ux4g-bg-neutral-elevated);box-shadow:var(--ux4g-shadow-l3);border:1.25rem solid #333333}