.page.svelte-c8k2rg{background:var(--k-surface);min-height:100vh;color:var(--k-text)}.hero.svelte-c8k2rg{padding:140px var(--grid-margin) 60px;border-bottom:1px solid var(--k-line)}.page.compact.svelte-c8k2rg .hero:where(.svelte-c8k2rg){padding:48px var(--grid-margin) 32px}.page.compact.svelte-c8k2rg .title:where(.svelte-c8k2rg){font-size:clamp(32px,5vw,56px)}.page.compact.svelte-c8k2rg .layouts:where(.svelte-c8k2rg),.page.compact.svelte-c8k2rg .overlays:where(.svelte-c8k2rg){padding:48px var(--grid-margin)}.hero-inner.svelte-c8k2rg{max-width:var(--container-max);flex-direction:column;gap:16px;margin:0 auto;display:flex}.overline.svelte-c8k2rg,.kicker.svelte-c8k2rg{letter-spacing:.18em;text-transform:uppercase;color:var(--k-text-dim);margin:0;font-size:11px}.title.svelte-c8k2rg{letter-spacing:-.035em;margin:0;font-size:clamp(48px,9vw,120px);line-height:.95}.subtitle.svelte-c8k2rg{color:var(--k-text-mute);max-width:60ch;margin:0;font-size:16px;line-height:1.55}.layouts.svelte-c8k2rg,.overlays.svelte-c8k2rg{max-width:var(--container-max);padding:80px var(--grid-margin);margin:0 auto}.section-head.svelte-c8k2rg{flex-direction:column;gap:8px;margin-bottom:40px;display:flex}.sec-title.svelte-c8k2rg{font-family:var(--font-display);font-weight:var(--type-wght-display);letter-spacing:-.025em;margin:0;font-size:clamp(32px,5vw,56px);line-height:1}.sec-sub.svelte-c8k2rg{color:var(--k-text-mute);margin:0;font-size:14px}.layout-grid.svelte-c8k2rg{grid-template-columns:1fr;gap:32px;display:grid}.layout-card.svelte-c8k2rg{background:var(--k-surface-alt);border:1px solid var(--k-line);transition:border-color var(--dur-mid) var(--ease-snap), background var(--dur-mid) var(--ease-snap);flex-direction:column;display:flex}.layout-card.selected.svelte-c8k2rg{border-color:var(--pulse)}.card-head.svelte-c8k2rg{border-bottom:1px solid var(--k-line);grid-template-columns:auto 1fr auto;align-items:start;gap:16px;padding:24px 28px;display:grid}.card-num.svelte-c8k2rg{letter-spacing:.12em;color:var(--k-text-dim);font-size:12px}.card-titles.svelte-c8k2rg{flex-direction:column;gap:4px;display:flex}.card-name.svelte-c8k2rg{font-family:var(--font-display);font-weight:var(--type-wght-bold);letter-spacing:-.02em;color:var(--k-text);margin:0;font-size:22px}.card-desc.svelte-c8k2rg{color:var(--k-text-mute);margin:0;font-size:14px}.card-badge.svelte-c8k2rg{letter-spacing:.16em;text-transform:uppercase;color:var(--paper);background:var(--pulse);align-self:flex-start;padding:4px 10px;font-size:10px}.preview-frame.svelte-c8k2rg{background:#0a0a0a;justify-content:center;padding:24px 16px;display:flex;overflow-x:auto}.preview-shrink.svelte-c8k2rg{width:100%;min-width:720px;max-width:980px}.card-actions.svelte-c8k2rg{border-top:1px solid var(--k-line);justify-content:flex-end;padding:16px 28px;display:flex}.select-btn.svelte-c8k2rg{font-family:var(--font-sans);color:var(--k-text);border:1px solid var(--k-line);cursor:pointer;transition:background var(--dur-fast) var(--ease-snap), border-color var(--dur-fast) var(--ease-snap), color var(--dur-fast) var(--ease-snap);background:0 0;border-radius:999px;padding:10px 22px;font-size:13px;font-weight:600}.select-btn.svelte-c8k2rg:hover{border-color:var(--k-text-mute)}.select-btn.active.svelte-c8k2rg{background:var(--pulse);border-color:var(--pulse);color:var(--paper)}.custom-panel.svelte-c8k2rg{border-top:1px solid var(--k-line);background:var(--k-surface);flex-direction:column;gap:12px;padding:20px 28px 28px;display:flex}.custom-label.svelte-c8k2rg{letter-spacing:.14em;text-transform:uppercase;color:var(--k-text-dim);margin:0;font-size:11px}.opt-row.svelte-c8k2rg{border-bottom:1px solid color-mix(in srgb, var(--k-line) 50%, transparent);justify-content:space-between;align-items:center;gap:16px;padding:8px 0;display:flex}.opt-row.svelte-c8k2rg:last-child{border-bottom:none}.opt-label.svelte-c8k2rg{letter-spacing:.1em;color:var(--k-text-mute);font-size:11px}.opt-color.svelte-c8k2rg{border:1px solid var(--k-line);cursor:pointer;background:0 0;width:36px;height:28px;padding:2px}.opt-select.svelte-c8k2rg{font-family:var(--font-sans);background:var(--k-surface);color:var(--k-text);border:1px solid var(--k-line);padding:6px 10px;font-size:13px}.layout-hint.svelte-c8k2rg{letter-spacing:.06em;color:var(--k-text-dim);margin:32px 0 0;font-size:11px}.layout-hint.svelte-c8k2rg a:where(.svelte-c8k2rg){color:var(--pulse);text-decoration:none}.overlay-grid.svelte-c8k2rg{background:var(--k-line);border:1px solid var(--k-line);grid-template-columns:1fr;gap:1px;display:grid}.overlay-card.svelte-c8k2rg{background:var(--k-surface);transition:background var(--dur-fast) var(--ease-snap);flex-direction:column;display:flex}.overlay-card.svelte-c8k2rg:hover{background:color-mix(in srgb, var(--k-text) 3%, var(--k-surface))}.overlay-preview.svelte-c8k2rg{justify-content:center;align-items:center;height:80px;display:flex}.overlay-sample.svelte-c8k2rg{font-family:var(--font-mono);opacity:.75;letter-spacing:.06em;font-size:16px;font-weight:600}.overlay-body.svelte-c8k2rg{flex-direction:column;flex:1;gap:6px;padding:20px;display:flex}.overlay-name.svelte-c8k2rg{font-family:var(--font-display);font-weight:var(--type-wght-bold);color:var(--k-text);margin:0;font-size:16px}.overlay-by.svelte-c8k2rg{color:var(--k-text-dim);margin:0;font-size:11px}.overlay-desc.svelte-c8k2rg{color:var(--k-text-mute);flex:1;margin:4px 0 0;font-size:13px;line-height:1.5}.overlay-actions.svelte-c8k2rg{gap:8px;margin-top:12px;display:flex}.overlay-btn.svelte-c8k2rg{font-family:var(--font-sans);text-align:center;border:1px solid var(--k-line);color:var(--k-text);cursor:pointer;transition:all var(--dur-fast) var(--ease-snap);background:0 0;flex:1;padding:9px 12px;font-size:12px;font-weight:600;text-decoration:none}.overlay-btn.ghost.svelte-c8k2rg:hover{border-color:var(--k-text-mute);background:color-mix(in srgb, var(--k-text) 4%, transparent)}.overlay-btn.primary.svelte-c8k2rg{background:var(--pulse);color:var(--paper);border-color:var(--pulse)}.overlay-btn.primary.svelte-c8k2rg:hover{background:var(--pulse-deep);border-color:var(--pulse-deep)}.empty.svelte-c8k2rg{border:1px dashed var(--k-line);text-align:center;flex-direction:column;align-items:center;gap:12px;padding:80px 24px;display:flex}.empty-numeral.svelte-c8k2rg{color:var(--k-line);margin:0;font-size:clamp(72px,12vw,140px);font-weight:600;line-height:.9}.empty-title.svelte-c8k2rg{font-family:var(--font-display);font-weight:var(--type-wght-bold);margin:0;font-size:22px}.empty-body.svelte-c8k2rg{color:var(--k-text-mute);max-width:420px;margin:0;font-size:14px}@media (width>=768px){.overlay-grid.svelte-c8k2rg{grid-template-columns:1fr 1fr}}@media (width>=1024px){.overlay-grid.svelte-c8k2rg{grid-template-columns:1fr 1fr 1fr}}