.template-detail-page.svelte-45k7j2{min-height:100dvh;display:flex;flex-direction:column;background:var(--background)}.detail-toolbar.svelte-45k7j2{position:sticky;top:0;z-index:30;padding:.625rem 0;background:color-mix(in oklch,var(--background) 80%,transparent);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-bottom:1px solid color-mix(in oklch,var(--border) 40%,transparent)}.cta-button-sm.svelte-45k7j2{display:inline-flex;align-items:center;padding:.5rem 1rem;font-size:.8125rem;font-weight:600;border-radius:9999px;color:var(--primary-foreground);background:var(--primary);box-shadow:inset 0 1px #ffffff1f,0 1px 4px color-mix(in oklch,var(--primary) 20%,transparent);transition:all .3s cubic-bezier(.34,1.56,.64,1);white-space:nowrap}.cta-button-sm.svelte-45k7j2:hover{transform:translateY(-1px);box-shadow:inset 0 1px #fff3,0 4px 16px color-mix(in oklch,var(--primary) 25%,transparent)}.color-dot-sm.svelte-45k7j2{width:.75rem;height:.75rem;border-radius:50%;background:var(--dot-color);box-shadow:0 0 0 2px color-mix(in oklch,var(--dot-color) 15%,transparent)}.page-tabs-bar.svelte-45k7j2{padding:.375rem 0;border-bottom:1px solid color-mix(in oklch,var(--border) 20%,transparent);overflow-x:auto;-ms-overflow-style:none;scrollbar-width:none}.page-tabs-bar.svelte-45k7j2::-webkit-scrollbar{display:none}.page-tab.svelte-45k7j2{position:relative;padding:.5rem 1rem;font-size:.8125rem;font-weight:500;color:var(--muted-foreground);border-radius:.5rem;transition:all .2s ease;white-space:nowrap}.page-tab.svelte-45k7j2:hover:not(.active){color:var(--foreground);background:color-mix(in oklch,var(--muted) 50%,transparent)}.page-tab.active.svelte-45k7j2{color:var(--foreground);font-weight:600}.page-tab.active.svelte-45k7j2:after{content:"";position:absolute;bottom:-.375rem;left:50%;transform:translate(-50%);width:1.5rem;height:2px;border-radius:1px;background:var(--primary)}.preview-stage.svelte-45k7j2{flex:1;display:flex;align-items:flex-start;justify-content:center;padding:1.5rem 1rem;background:radial-gradient(ellipse at 50% 0%,color-mix(in oklch,var(--primary) 4%,transparent) 0%,transparent 60%),linear-gradient(180deg,color-mix(in oklch,var(--muted) 40%,transparent) 0%,var(--background) 100%);background-size:auto,auto}@media(min-width:640px){.preview-stage.svelte-45k7j2{padding:2rem 1.5rem}}.preview-canvas.svelte-45k7j2{width:100%;display:flex;justify-content:center}.browser-frame.svelte-45k7j2{width:100%;border-radius:1rem;overflow:hidden;background:#fff;box-shadow:0 0 0 1px color-mix(in oklch,var(--border) 50%,transparent),0 25px 50px -12px #00000026,0 8px 24px -8px #0000001a;transition:max-width .5s cubic-bezier(.16,1,.3,1),border-radius .4s cubic-bezier(.16,1,.3,1),box-shadow .4s ease}.dark .browser-frame.svelte-45k7j2{box-shadow:0 0 0 1px color-mix(in oklch,var(--border) 60%,transparent),0 25px 50px -12px #0006,0 8px 24px -8px #0000004d}.browser-frame.tablet.svelte-45k7j2{border-radius:1.5rem;box-shadow:0 0 0 8px #1c1c1e,0 0 0 9px #ffffff14,0 32px 64px -16px #0006}.browser-frame.mobile.svelte-45k7j2{border-radius:2.5rem;box-shadow:0 0 0 12px #1c1c1e,0 0 0 13px #ffffff14,0 32px 64px -16px #00000080}.preview-canvas.constrained.svelte-45k7j2{padding:1.5rem 1rem 3rem}.browser-topbar.svelte-45k7j2{display:flex;align-items:center;gap:.75rem;padding:.625rem 1rem;background:color-mix(in oklch,var(--muted) 50%,white);border-bottom:1px solid color-mix(in oklch,var(--border) 30%,transparent)}.dark .browser-topbar.svelte-45k7j2{background:color-mix(in oklch,var(--muted) 80%,transparent)}.browser-dot.svelte-45k7j2{display:block;width:.625rem;height:.625rem;border-radius:50%;opacity:.7}.browser-url-bar.svelte-45k7j2{flex:1;padding:.25rem .75rem;border-radius:.5rem;background:color-mix(in oklch,var(--background) 70%,transparent);border:1px solid color-mix(in oklch,var(--border) 20%,transparent)}.browser-viewport.svelte-45k7j2{position:relative;height:clamp(450px,68vh,850px);overflow:hidden}.specs-section.svelte-45k7j2{padding:1.25rem 0;border-top:1px solid color-mix(in oklch,var(--border) 25%,transparent)}.spec-item.svelte-45k7j2{display:flex;align-items:flex-start;gap:.5rem;padding:.25rem 0}.spec-item.svelte-45k7j2>:where(.svelte-45k7j2):first-child{margin-top:.125rem}.addon-callout-bar.svelte-45k7j2{padding:.625rem 0;background:color-mix(in oklch,var(--amber-50, #fffbeb) 60%,var(--background));border-top:1px solid color-mix(in oklch,var(--border) 30%,transparent);border-bottom:1px solid color-mix(in oklch,var(--border) 20%,transparent)}.dark .addon-callout-bar.svelte-45k7j2{background:color-mix(in oklch,#451a03 20%,var(--background))}.addon-callout-detail.svelte-45k7j2{padding:.5rem 0 .75rem}.mobile-floating-cta.svelte-45k7j2{position:fixed;bottom:0;left:0;right:0;z-index:20;padding:.75rem 1rem;padding-bottom:max(.75rem,env(safe-area-inset-bottom));background:color-mix(in oklch,var(--background) 85%,transparent);backdrop-filter:blur(20px) saturate(1.4);-webkit-backdrop-filter:blur(20px) saturate(1.4);border-top:1px solid color-mix(in oklch,var(--border) 40%,transparent)}.cta-button.svelte-45k7j2{display:inline-flex;align-items:center;justify-content:center;padding:.75rem 1.5rem;font-size:.875rem;font-weight:700;border-radius:.875rem;color:var(--primary-foreground);background:linear-gradient(180deg,color-mix(in oklch,var(--primary) 90%,white),var(--primary));box-shadow:inset 0 1px #ffffff26,0 2px 8px color-mix(in oklch,var(--primary) 25%,transparent);transition:all .3s cubic-bezier(.34,1.56,.64,1);cursor:pointer}.cta-button.svelte-45k7j2:hover:not(:disabled){transform:translateY(-1px);box-shadow:inset 0 1px #ffffff40,0 8px 24px color-mix(in oklch,var(--primary) 30%,transparent)}.cta-button.svelte-45k7j2:disabled{opacity:.5;cursor:not-allowed}.action-drawer.svelte-45k7j2{animation:svelte-45k7j2-drawer-in .35s cubic-bezier(.16,1,.3,1) both}@media(min-width:1024px){.action-drawer.svelte-45k7j2{animation:svelte-45k7j2-panel-in .35s cubic-bezier(.16,1,.3,1) both}}@keyframes svelte-45k7j2-drawer-in{0%{transform:translateY(100%)}to{transform:translateY(0)}}@keyframes svelte-45k7j2-panel-in{0%{opacity:0;transform:translate(20px) scale(.97)}to{opacity:1;transform:translate(0) scale(1)}}.color-option.svelte-45k7j2{display:flex;align-items:center;gap:.75rem;width:100%;padding:.625rem;border-radius:.75rem;border:1px solid transparent;text-align:left;font-size:.8125rem;transition:all .2s ease}.color-option.svelte-45k7j2:hover:not(.active){background:color-mix(in oklch,var(--muted) 40%,transparent);border-color:color-mix(in oklch,var(--border) 30%,transparent)}.color-option.active.svelte-45k7j2{background:color-mix(in oklch,var(--primary) 6%,transparent);border-color:color-mix(in oklch,var(--primary) 20%,transparent);box-shadow:0 0 0 1px color-mix(in oklch,var(--primary) 10%,transparent)}@keyframes svelte-45k7j2-fs-in{0%{opacity:0}to{opacity:1}}