body{margin:0;font-family:Segoe UI,Aptos,system-ui,sans-serif;background:radial-gradient(circle at top,rgba(255,255,255,.22),transparent 30%),linear-gradient(160deg,#08111f,#10203a 45%,#152b45);color:#f2f6fb}.page-shell.svelte-1uha8ag{min-height:100vh;padding:2rem;display:grid;gap:1.5rem}.hero.svelte-1uha8ag,.theme-meta.svelte-1uha8ag,.theme-preview.svelte-1uha8ag,.output-panel.svelte-1uha8ag,.code-card.svelte-1uha8ag{background:#070c148c;border:1px solid rgba(255,255,255,.12);border-radius:24px;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px)}.hero.svelte-1uha8ag{padding:1.5rem;display:flex;justify-content:space-between;gap:1rem;align-items:end}.hero-copy.svelte-1uha8ag{max-width:56rem}.eyebrow.svelte-1uha8ag{margin:0 0 .5rem;font-size:.8rem;letter-spacing:.16em;text-transform:uppercase;color:#a7c4ff}h1.svelte-1uha8ag,h2.svelte-1uha8ag,p.svelte-1uha8ag{margin:0}h1.svelte-1uha8ag{font-size:clamp(2rem,4vw,4.5rem);line-height:.95;letter-spacing:-.04em;max-width:12ch}.intro.svelte-1uha8ag{margin-top:1rem;max-width:52rem;line-height:1.6;color:#f2f6fbc2}.hero-actions.svelte-1uha8ag{display:flex;align-items:center}button.svelte-1uha8ag{border:1px solid transparent;border-radius:999px;padding:.9rem 1.2rem;font:inherit;cursor:pointer}.secondary.svelte-1uha8ag{background:#ffffff1a;color:#f2f6fb}.ghost.svelte-1uha8ag{padding:.45rem .8rem;font-size:.82rem;background:#ffffff14;border-color:#ffffff14;color:#f2f6fb}.theme-meta.svelte-1uha8ag{padding:1.25rem;display:grid;grid-template-columns:minmax(0,2fr) minmax(0,1fr);gap:1rem;align-items:end}.theme-name-field.svelte-1uha8ag,.theme-meta__details.svelte-1uha8ag{display:grid;gap:.75rem}.theme-name-field.svelte-1uha8ag span:where(.svelte-1uha8ag),.theme-meta__card.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:.82rem;color:#f2f6fbc2}.theme-name-field.svelte-1uha8ag input:where(.svelte-1uha8ag){width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);border-radius:16px;padding:1rem 1.1rem;background:#ffffff0f;color:#f2f6fb;font:inherit}.theme-meta__details.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}.theme-meta__card.svelte-1uha8ag{padding:1rem;border-radius:16px;background:#ffffff0f;display:grid;gap:.45rem}.theme-preview.svelte-1uha8ag{padding:1rem}.theme-preview__swatches.svelte-1uha8ag{--theme-gradient: linear-gradient(135deg, #f94144, #f8961e, #f9c74f, #90be6d, #577590);display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem;padding:1rem;border-radius:18px;background:var(--theme-gradient)}.theme-preview__swatch.svelte-1uha8ag{min-height:6rem;padding:1rem;border-radius:16px;background:#060a1273;display:flex;flex-direction:column;justify-content:space-between}.swatch-copy.svelte-1uha8ag,.footer-copy.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;gap:.75rem}.theme-preview__swatch.svelte-1uha8ag span:where(.svelte-1uha8ag),.hex-field.svelte-1uha8ag span:where(.svelte-1uha8ag),.picker-label.svelte-1uha8ag span:where(.svelte-1uha8ag),.column-footer.svelte-1uha8ag span:where(.svelte-1uha8ag),.output-chip.svelte-1uha8ag span:where(.svelte-1uha8ag){font-size:.82rem;color:#f2f6fbc2}.builder.svelte-1uha8ag{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:1rem}.color-column.svelte-1uha8ag{--column-color: #ffffff;display:grid;grid-template-rows:auto 1fr auto auto;gap:1rem;padding:1rem;min-height:31rem;border-radius:24px;background:linear-gradient(180deg,rgba(255,255,255,.15),transparent 22%),radial-gradient(circle at top,color-mix(in srgb,var(--column-color) 45%,white),transparent 45%),#070c14c7;border:1px solid rgba(255,255,255,.12);box-shadow:0 20px 45px #00000038}.color-column.svelte-1uha8ag header:where(.svelte-1uha8ag){display:grid;gap:.35rem}.color-column.svelte-1uha8ag header:where(.svelte-1uha8ag) p:where(.svelte-1uha8ag){text-transform:uppercase;letter-spacing:.14em;font-size:.75rem;color:#f2f6fba3}.color-stage.svelte-1uha8ag{display:grid;grid-template-rows:1fr auto;gap:1rem}.color-stage__fill.svelte-1uha8ag{border-radius:18px;min-height:16rem;background:linear-gradient(180deg,rgba(255,255,255,.18),transparent 30%),var(--column-color);box-shadow:inset 0 1px #ffffff3d,0 16px 30px #00000029}.picker-label.svelte-1uha8ag,.hex-field.svelte-1uha8ag{display:grid;gap:.55rem}.picker-label.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag){width:100%;height:3.5rem;padding:.35rem;border:1px solid rgba(255,255,255,.14);border-radius:14px;background:#ffffff0f;cursor:pointer}.picker-label.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag)::-webkit-color-swatch-wrapper{padding:0}.picker-label.svelte-1uha8ag input[type=color]:where(.svelte-1uha8ag)::-webkit-color-swatch{border:0;border-radius:10px}.hex-field.svelte-1uha8ag input:where(.svelte-1uha8ag){width:100%;box-sizing:border-box;border:1px solid rgba(255,255,255,.14);border-radius:14px;padding:.9rem 1rem;background:#ffffff0f;color:#f2f6fb;font:inherit;text-transform:uppercase}.column-footer.svelte-1uha8ag,.output-chip.svelte-1uha8ag{display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:.85rem 1rem;border-radius:14px;background:#ffffff0f}code.svelte-1uha8ag{font-family:Cascadia Code,Consolas,monospace;font-size:.95rem;color:#fff}.output-panel.svelte-1uha8ag{padding:1.25rem;display:grid;gap:1rem}.output-grid.svelte-1uha8ag{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));gap:.75rem}.code-exports.svelte-1uha8ag{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem}.code-card.svelte-1uha8ag{padding:1.25rem;display:grid;gap:1rem}.code-card__header.svelte-1uha8ag{display:flex;align-items:start;justify-content:space-between;gap:1rem}pre.svelte-1uha8ag{margin:0;padding:1rem;border-radius:18px;background:#ffffff0f;overflow-x:auto;font-family:Cascadia Code,Consolas,monospace;font-size:.9rem;line-height:1.5;color:#f2f6fb}@media(max-width:1100px){.theme-meta.svelte-1uha8ag,.builder.svelte-1uha8ag,.code-exports.svelte-1uha8ag,.output-grid.svelte-1uha8ag,.theme-preview__swatches.svelte-1uha8ag{grid-template-columns:repeat(2,minmax(0,1fr))}.hero.svelte-1uha8ag{flex-direction:column;align-items:start}}@media(max-width:700px){.page-shell.svelte-1uha8ag{padding:1rem}.theme-meta.svelte-1uha8ag,.theme-meta__details.svelte-1uha8ag,.builder.svelte-1uha8ag,.code-exports.svelte-1uha8ag,.output-grid.svelte-1uha8ag,.theme-preview__swatches.svelte-1uha8ag{grid-template-columns:1fr}.color-column.svelte-1uha8ag{min-height:auto}h1.svelte-1uha8ag{max-width:100%}}