.theme-workbench.svelte-1c0qzk8{max-width:118rem;margin-inline:auto;padding:clamp(.5rem,1.4vw,.9rem)}.theme-workbench-pending.svelte-1c0qzk8{visibility:hidden}.builder-shell.svelte-1c0qzk8{display:grid;grid-template-columns:minmax(18rem,22rem) minmax(0,1fr);gap:1rem;align-items:start}.customizer.svelte-1c0qzk8,.preview-column.svelte-1c0qzk8{border:1px solid var(--border);background:var(--card);box-shadow:0 18px 48px color-mix(in oklch,var(--foreground) 6%,transparent)}.customizer.svelte-1c0qzk8{position:sticky;top:4.5rem;display:flex;max-height:calc(100svh - 4.75rem);flex-direction:column;gap:1rem;overflow:auto;border-radius:.75rem;padding:1rem}.preview-column.svelte-1c0qzk8{--mock-space: 1rem;--mock-padding: 1rem;--mock-radius: var(--radius);--mock-hero-size: clamp(2.1rem, 3.25vw, 3.65rem);position:sticky;top:4.5rem;display:flex;max-height:calc(100svh - 4.75rem);flex-direction:column;overflow:hidden;border-radius:.75rem;color:var(--foreground);background:var(--background);font-family:var(--pp-theme-font)}.preview-column.style-default.svelte-1c0qzk8{--mock-space: .95rem;--mock-padding: .95rem;--mock-hero-size: clamp(2rem, 3.1vw, 3.35rem)}.preview-column.style-new-york.svelte-1c0qzk8{--mock-space: .75rem;--mock-padding: .85rem;--mock-hero-size: clamp(1.9rem, 2.9vw, 3.05rem)}.preview-column.style-compact.svelte-1c0qzk8{--mock-space: .65rem;--mock-padding: .75rem;--mock-hero-size: clamp(1.75rem, 2.7vw, 2.85rem);font-size:.92rem}.preview-column.style-editorial.svelte-1c0qzk8{--mock-space: 1.35rem;--mock-padding: 1.35rem;--mock-hero-size: clamp(2.3rem, 3.7vw, 4.15rem)}.preview-column.style-soft.svelte-1c0qzk8{--mock-space: 1.15rem;--mock-padding: 1.15rem;--mock-radius: calc(var(--radius) + .3rem);--mock-hero-size: clamp(2.1rem, 3.25vw, 3.55rem)}.preview-column.style-sharp.svelte-1c0qzk8{--mock-space: .9rem;--mock-padding: .95rem;--mock-radius: .2rem;--mock-hero-size: clamp(2rem, 3vw, 3.25rem)}.preview-column.style-mono.svelte-1c0qzk8{--mock-space: .85rem;--mock-padding: .95rem;--mock-hero-size: clamp(1.85rem, 2.9vw, 3rem);font-family:JetBrains Mono Variable,ui-monospace,monospace}.preview-column.style-console.svelte-1c0qzk8{--mock-space: .85rem;--mock-padding: .9rem;--mock-radius: .25rem;font-family:JetBrains Mono Variable,ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace}.preview-column.style-spacious.svelte-1c0qzk8{--mock-space: 1.45rem;--mock-padding: 1.45rem;--mock-hero-size: clamp(2.3rem, 3.6vw, 4rem)}.preview-column.style-sharp.svelte-1c0qzk8 .mock-nav:where(.svelte-1c0qzk8),.preview-column.style-sharp.svelte-1c0qzk8 .mock-hero:where(.svelte-1c0qzk8),.preview-column.style-sharp.svelte-1c0qzk8 .mock-grid:where(.svelte-1c0qzk8)>div:where(.svelte-1c0qzk8),.preview-column.style-sharp.svelte-1c0qzk8 .mock-panel:where(.svelte-1c0qzk8),.preview-column.style-sharp.svelte-1c0qzk8 .mock-table:where(.svelte-1c0qzk8),.preview-column.style-sharp.svelte-1c0qzk8 .mock-form:where(.svelte-1c0qzk8),.preview-column.style-sharp.svelte-1c0qzk8 .mock-sidebar-card:where(.svelte-1c0qzk8),.preview-column.style-console.svelte-1c0qzk8 .mock-nav:where(.svelte-1c0qzk8),.preview-column.style-console.svelte-1c0qzk8 .mock-hero:where(.svelte-1c0qzk8),.preview-column.style-console.svelte-1c0qzk8 .mock-grid:where(.svelte-1c0qzk8)>div:where(.svelte-1c0qzk8),.preview-column.style-console.svelte-1c0qzk8 .mock-panel:where(.svelte-1c0qzk8),.preview-column.style-console.svelte-1c0qzk8 .mock-table:where(.svelte-1c0qzk8),.preview-column.style-console.svelte-1c0qzk8 .mock-form:where(.svelte-1c0qzk8),.preview-column.style-console.svelte-1c0qzk8 .mock-sidebar-card:where(.svelte-1c0qzk8){border-style:dashed}.customizer-top.svelte-1c0qzk8,.export-actions.svelte-1c0qzk8,.preset-input.svelte-1c0qzk8>div:where(.svelte-1c0qzk8){display:flex;align-items:center;gap:.6rem}.customizer-top.svelte-1c0qzk8{justify-content:space-between}.customizer-top.svelte-1c0qzk8 p:where(.svelte-1c0qzk8),.customizer-top.svelte-1c0qzk8 strong:where(.svelte-1c0qzk8),.control-section.svelte-1c0qzk8 h2:where(.svelte-1c0qzk8){margin:0}.customizer-top.svelte-1c0qzk8 p:where(.svelte-1c0qzk8),.control-section.svelte-1c0qzk8 h2:where(.svelte-1c0qzk8){color:var(--muted-foreground);font-size:.75rem;font-weight:800;text-transform:uppercase}.customizer-top.svelte-1c0qzk8 strong:where(.svelte-1c0qzk8){font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,monospace;font-size:.92rem}.icon-actions.svelte-1c0qzk8{display:flex;gap:.45rem}.control-section.svelte-1c0qzk8{display:grid;gap:.65rem;border-top:1px solid var(--border);padding-top:1rem}.mode-row.svelte-1c0qzk8,.option-grid.svelte-1c0qzk8,.swatch-grid.svelte-1c0qzk8,.export-actions.svelte-1c0qzk8{display:grid;gap:.5rem}.mode-row.svelte-1c0qzk8{grid-template-columns:repeat(3,minmax(0,1fr));border:1px solid var(--border);border-radius:.65rem;background:var(--muted);padding:.25rem}.mode-row.svelte-1c0qzk8 button:where(.svelte-1c0qzk8),.choice-card.svelte-1c0qzk8,.swatch-grid.svelte-1c0qzk8 button:where(.svelte-1c0qzk8){border:1px solid transparent;background:transparent;color:var(--foreground);font:inherit;text-align:left}.mode-row.svelte-1c0qzk8 button:where(.svelte-1c0qzk8){display:inline-flex;align-items:center;justify-content:center;gap:.35rem;min-height:2.15rem;border-radius:.45rem;color:var(--muted-foreground);font-size:.78rem;font-weight:750}.mode-row.svelte-1c0qzk8 button.active:where(.svelte-1c0qzk8){background:var(--background);color:var(--foreground);box-shadow:0 6px 18px color-mix(in oklch,var(--foreground) 8%,transparent)}.mode-row.svelte-1c0qzk8 button:where(.svelte-1c0qzk8) svg{width:.95rem;height:.95rem}.preset-input.svelte-1c0qzk8 input:where(.svelte-1c0qzk8){min-width:0;height:2.25rem;flex:1;border:1px solid var(--border);border-radius:.5rem;background:var(--background);padding:0 .7rem;color:var(--foreground);font-size:.86rem}.preset-input.svelte-1c0qzk8 p:where(.svelte-1c0qzk8),.export-error.svelte-1c0qzk8{margin:0;color:var(--destructive);font-size:.78rem}.option-grid.two.svelte-1c0qzk8{grid-template-columns:repeat(2,minmax(0,1fr))}.option-grid.one.svelte-1c0qzk8,.menu-colors.svelte-1c0qzk8,.export-actions.svelte-1c0qzk8{grid-template-columns:minmax(0,1fr)}.choice-card.svelte-1c0qzk8,.swatch-grid.svelte-1c0qzk8 button:where(.svelte-1c0qzk8){min-width:0;border-color:var(--border);border-radius:.65rem;background:var(--background);padding:.7rem;transition:border-color .14s ease,background-color .14s ease,transform .14s ease}.choice-card.svelte-1c0qzk8:hover,.swatch-grid.svelte-1c0qzk8 button:where(.svelte-1c0qzk8):hover,.choice-card.active.svelte-1c0qzk8,.swatch-grid.svelte-1c0qzk8 button.active:where(.svelte-1c0qzk8){border-color:var(--primary);background:color-mix(in oklch,var(--primary) 10%,var(--background))}.choice-card.active.svelte-1c0qzk8,.swatch-grid.svelte-1c0qzk8 button.active:where(.svelte-1c0qzk8){box-shadow:inset 0 0 0 1px var(--primary)}.choice-card.svelte-1c0qzk8 strong:where(.svelte-1c0qzk8),.choice-card.svelte-1c0qzk8 small:where(.svelte-1c0qzk8),.swatch-grid.svelte-1c0qzk8 small:where(.svelte-1c0qzk8){display:block;min-width:0}.choice-card.svelte-1c0qzk8 strong:where(.svelte-1c0qzk8){font-size:.86rem}.choice-card.svelte-1c0qzk8 small:where(.svelte-1c0qzk8),.swatch-grid.svelte-1c0qzk8 small:where(.svelte-1c0qzk8){margin-top:.25rem;color:var(--muted-foreground);font-size:.72rem;line-height:1.3}.color-choice.svelte-1c0qzk8,.radius-choice.svelte-1c0qzk8{display:flex;align-items:center;gap:.6rem}.color-choice.svelte-1c0qzk8 i:where(.svelte-1c0qzk8){display:block;width:1rem;height:1rem;border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--foreground) 16%,transparent)}.radius-choice.svelte-1c0qzk8 b:where(.svelte-1c0qzk8){display:block;width:1.35rem;height:1.35rem;border:1px solid var(--primary);background:color-mix(in oklch,var(--primary) 14%,transparent)}.swatch-grid.svelte-1c0qzk8{grid-template-columns:repeat(2,minmax(0,1fr))}.swatch-grid.svelte-1c0qzk8 button:where(.svelte-1c0qzk8){display:flex;align-items:center;gap:.55rem;padding:.55rem}.swatch-grid.svelte-1c0qzk8 span:where(.svelte-1c0qzk8){width:1.25rem;height:1.25rem;flex:0 0 auto;border-radius:999px;box-shadow:inset 0 0 0 1px color-mix(in oklch,var(--foreground) 18%,transparent)}.export-panel.svelte-1c0qzk8{display:grid;gap:.75rem;border-top:1px solid var(--border);padding-top:1rem}.export-actions.svelte-1c0qzk8{grid-template-columns:repeat(3,minmax(0,1fr))}.export-actions.svelte-1c0qzk8 button{min-width:0}.export-panel.svelte-1c0qzk8 pre:where(.svelte-1c0qzk8){max-height:17rem;margin:0;overflow:auto;border:1px solid var(--border);border-radius:.65rem;background:var(--muted);padding:.85rem;color:var(--muted-foreground);font-size:.72rem;line-height:1.6}.preview-toolbar.svelte-1c0qzk8{display:flex;align-items:center;gap:1rem;min-width:0;border-bottom:1px solid var(--border);background:var(--card);padding:.8rem 1rem}.preview-toolbar.svelte-1c0qzk8 div:where(.svelte-1c0qzk8){display:flex;gap:.4rem}.preview-toolbar.svelte-1c0qzk8 span:where(.svelte-1c0qzk8){width:.7rem;height:.7rem;border-radius:999px;background:var(--muted)}.preview-toolbar.svelte-1c0qzk8 span:where(.svelte-1c0qzk8):nth-child(1){background:#fb5b40}.preview-toolbar.svelte-1c0qzk8 span:where(.svelte-1c0qzk8):nth-child(2){background:#efa800;background:oklch(.78 .17 78)}.preview-toolbar.svelte-1c0qzk8 span:where(.svelte-1c0qzk8):nth-child(3){background:#2ea957}.preview-toolbar.svelte-1c0qzk8 p:where(.svelte-1c0qzk8){min-width:0;margin:0;overflow:hidden;color:var(--muted-foreground);font-size:.78rem;font-weight:650;text-overflow:ellipsis;white-space:nowrap}.mock-page.svelte-1c0qzk8{display:grid;grid-template-columns:minmax(11rem,14rem) minmax(0,1fr);height:min(56rem,calc(100svh - 8rem));min-height:min(42rem,calc(100svh - 8rem));overflow:auto;background:linear-gradient(color-mix(in oklch,var(--primary) 5%,transparent) 1px,transparent 1px),linear-gradient(90deg,color-mix(in oklch,var(--primary) 5%,transparent) 1px,transparent 1px),var(--background);background-size:42px 42px}.mock-sidebar.svelte-1c0qzk8{display:flex;flex-direction:column;gap:var(--mock-space);border-right:1px solid var(--sidebar-border);background:var(--sidebar);color:var(--sidebar-foreground);padding:var(--mock-padding)}.mock-brand.svelte-1c0qzk8,.mock-sidebar.svelte-1c0qzk8 nav:where(.svelte-1c0qzk8),.mock-content.svelte-1c0qzk8,.mock-actions.svelte-1c0qzk8,.mock-panel.svelte-1c0qzk8,.mock-lower.svelte-1c0qzk8,.mock-form.svelte-1c0qzk8{display:grid;gap:var(--mock-space)}.mock-brand.svelte-1c0qzk8{grid-template-columns:auto 1fr;align-items:center}.mock-brand.svelte-1c0qzk8 span:where(.svelte-1c0qzk8){width:1.9rem;height:1.9rem;border-radius:calc(var(--mock-radius) * .75);background:var(--sidebar-primary)}.mock-brand.svelte-1c0qzk8 strong:where(.svelte-1c0qzk8){font-size:.9rem}.mock-sidebar.svelte-1c0qzk8 nav:where(.svelte-1c0qzk8) a:where(.svelte-1c0qzk8){border-radius:calc(var(--mock-radius) * .8);padding:.62rem .7rem;color:color-mix(in oklch,var(--sidebar-foreground) 72%,transparent);font-size:.84rem;font-weight:700}.mock-sidebar.svelte-1c0qzk8 nav:where(.svelte-1c0qzk8) a.active:where(.svelte-1c0qzk8){background:var(--sidebar-accent);color:var(--sidebar-accent-foreground)}.mock-sidebar-card.svelte-1c0qzk8{margin-top:auto;border:var(--pp-theme-border-width) solid var(--sidebar-border);border-radius:var(--mock-radius);background:color-mix(in oklch,var(--sidebar-accent) 50%,transparent);padding:var(--mock-padding)}.mock-sidebar-card.svelte-1c0qzk8 small:where(.svelte-1c0qzk8),.mock-sidebar-card.svelte-1c0qzk8 span:where(.svelte-1c0qzk8){display:block;color:color-mix(in oklch,var(--sidebar-foreground) 68%,transparent);font-size:.76rem}.mock-sidebar-card.svelte-1c0qzk8 strong:where(.svelte-1c0qzk8){display:block;margin:.2rem 0}.mock-content.svelte-1c0qzk8{padding:clamp(1rem,2.3vw,2rem)}.mock-nav.svelte-1c0qzk8,.mock-hero.svelte-1c0qzk8,.mock-grid.svelte-1c0qzk8>div:where(.svelte-1c0qzk8),.mock-panel.svelte-1c0qzk8,.mock-table.svelte-1c0qzk8,.mock-form.svelte-1c0qzk8{border:var(--pp-theme-border-width) solid var(--border);border-radius:var(--mock-radius);background:color-mix(in oklch,var(--card) 96%,transparent);color:var(--card-foreground);box-shadow:0 14px 32px color-mix(in oklch,var(--foreground) var(--pp-theme-shadow-alpha),transparent)}.mock-nav.svelte-1c0qzk8{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:calc(var(--mock-padding) * .85) var(--mock-padding)}.mock-nav.svelte-1c0qzk8 p:where(.svelte-1c0qzk8),.mock-nav.svelte-1c0qzk8 strong:where(.svelte-1c0qzk8),.mock-hero.svelte-1c0qzk8 h1:where(.svelte-1c0qzk8),.mock-hero.svelte-1c0qzk8 p:where(.svelte-1c0qzk8),.mock-grid.svelte-1c0qzk8 h2:where(.svelte-1c0qzk8),.mock-grid.svelte-1c0qzk8 p:where(.svelte-1c0qzk8),.mock-panel-header.svelte-1c0qzk8 p:where(.svelte-1c0qzk8),.mock-panel-header.svelte-1c0qzk8 span:where(.svelte-1c0qzk8){margin:0}.mock-nav.svelte-1c0qzk8 p:where(.svelte-1c0qzk8){color:var(--muted-foreground);font-size:.75rem;font-weight:750}.mock-nav.svelte-1c0qzk8 nav:where(.svelte-1c0qzk8),.mock-actions.svelte-1c0qzk8,.mock-panel-header.svelte-1c0qzk8,.mock-stats.svelte-1c0qzk8{display:flex;align-items:center;gap:.75rem}.mock-nav.svelte-1c0qzk8 a:where(.svelte-1c0qzk8){color:var(--muted-foreground);font-size:.82rem;font-weight:750}.mock-preview-button{width:fit-content;border-radius:calc(var(--mock-radius) * .85)}.mock-preview-button-full{width:100%}.mock-hero.svelte-1c0qzk8{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(16rem,.9fr);gap:clamp(1rem,2vw,2rem);align-items:center;padding:clamp(1.25rem,3vw,3rem)}.mock-eyebrow.svelte-1c0qzk8{color:var(--primary);font-size:.78rem;font-weight:850}.mock-hero.svelte-1c0qzk8 h1:where(.svelte-1c0qzk8){max-width:20ch;font-family:var(--pp-theme-heading-font);font-size:var(--mock-hero-size);font-weight:760;letter-spacing:0;line-height:1.02}.mock-hero.svelte-1c0qzk8 p:where(.svelte-1c0qzk8):not(.mock-eyebrow){max-width:36rem;margin-top:1rem;color:var(--muted-foreground);line-height:1.65}.mock-actions.svelte-1c0qzk8{flex-wrap:wrap;margin-top:1.25rem}.mock-panel.svelte-1c0qzk8{padding:var(--mock-padding)}.mock-panel-header.svelte-1c0qzk8{justify-content:space-between}.mock-panel-header.svelte-1c0qzk8 p:where(.svelte-1c0qzk8){font-weight:760}.mock-panel-header.svelte-1c0qzk8 span:where(.svelte-1c0qzk8){border-radius:999px;background:var(--accent);padding:.25rem .55rem;color:var(--accent-foreground);font-size:.72rem}.mock-chart.svelte-1c0qzk8{display:flex;align-items:end;gap:.45rem;height:12rem;border-radius:calc(var(--mock-radius) * .9);background:var(--muted);padding:1rem}.mock-chart.svelte-1c0qzk8 span:where(.svelte-1c0qzk8){flex:1;min-width:.75rem;border-radius:999px 999px 0 0;background:var(--chart-1)}.mock-chart.svelte-1c0qzk8 span:where(.svelte-1c0qzk8):nth-child(2n){background:var(--chart-2)}.mock-chart.svelte-1c0qzk8 span:where(.svelte-1c0qzk8):nth-child(3n){background:var(--chart-3)}.mock-stats.svelte-1c0qzk8{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.mock-stats.svelte-1c0qzk8 div:where(.svelte-1c0qzk8){border:1px solid var(--border);border-radius:calc(var(--mock-radius) * .8);padding:.8rem}.mock-stats.svelte-1c0qzk8 strong:where(.svelte-1c0qzk8){display:block;font-size:1.45rem}.mock-stats.svelte-1c0qzk8 span:where(.svelte-1c0qzk8),.mock-grid.svelte-1c0qzk8 p:where(.svelte-1c0qzk8),.mock-row.svelte-1c0qzk8,.mock-form.svelte-1c0qzk8 span:where(.svelte-1c0qzk8){color:var(--muted-foreground);font-size:.82rem}.mock-grid.svelte-1c0qzk8{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:var(--mock-space)}.mock-grid.svelte-1c0qzk8>div:where(.svelte-1c0qzk8){padding:var(--mock-padding)}.mock-grid.svelte-1c0qzk8 h2:where(.svelte-1c0qzk8){font-size:1rem}.mock-grid.svelte-1c0qzk8 p:where(.svelte-1c0qzk8){margin-top:.45rem;line-height:1.5}.mock-lower.svelte-1c0qzk8{grid-template-columns:minmax(0,1fr) minmax(17rem,.45fr)}.mock-table.svelte-1c0qzk8{overflow:hidden}.mock-row.svelte-1c0qzk8{display:grid;grid-template-columns:minmax(0,1fr) 6rem 5rem;gap:1rem;border-bottom:1px solid var(--border);padding:.85rem var(--mock-padding)}.mock-row.svelte-1c0qzk8:last-child{border-bottom:0}.mock-row.heading.svelte-1c0qzk8{background:var(--muted);color:var(--foreground);font-weight:800}.mock-form.svelte-1c0qzk8{align-content:start;padding:var(--mock-padding)}.mock-form.svelte-1c0qzk8 label:where(.svelte-1c0qzk8){display:grid;gap:.35rem}.mock-form.svelte-1c0qzk8 input:where(.svelte-1c0qzk8),.mock-form.svelte-1c0qzk8 select:where(.svelte-1c0qzk8){min-width:0;height:2.35rem;border:1px solid var(--border);border-radius:calc(var(--mock-radius) * .75);background:var(--background);padding:0 .7rem;color:var(--foreground)}@media(max-width:1180px){.builder-shell.svelte-1c0qzk8{grid-template-columns:1fr}.customizer.svelte-1c0qzk8{position:relative;top:auto;max-height:none}.preview-column.svelte-1c0qzk8{order:-1;position:relative;top:auto;max-height:none}.mock-page.svelte-1c0qzk8{height:min(44rem,calc(100svh - 7.5rem))}}@media(max-width:820px){.mock-page.svelte-1c0qzk8,.mock-hero.svelte-1c0qzk8,.mock-lower.svelte-1c0qzk8{grid-template-columns:1fr}.mock-sidebar.svelte-1c0qzk8{display:none}.mock-nav.svelte-1c0qzk8 nav:where(.svelte-1c0qzk8){display:none}.mock-grid.svelte-1c0qzk8{grid-template-columns:1fr}}@media(max-width:560px){.theme-workbench.svelte-1c0qzk8{padding:.75rem}.option-grid.two.svelte-1c0qzk8,.swatch-grid.svelte-1c0qzk8,.export-actions.svelte-1c0qzk8,.mode-row.svelte-1c0qzk8{grid-template-columns:1fr}.mock-row.svelte-1c0qzk8{grid-template-columns:1fr;gap:.25rem}}