main.svelte-axwc7{max-width:820px;margin:0 auto;padding:0 1rem 4rem}.tone-page.svelte-axwc7{background:#fff;border-radius:20px;overflow:hidden;box-shadow:0 8px 32px #0000000f;margin-top:1.5rem}.tone-header.svelte-axwc7{padding:3rem 2rem;color:#fff;text-align:center;text-shadow:0 2px 8px rgba(0,0,0,.18)}.tone-header.svelte-axwc7 h1:where(.svelte-axwc7){margin:0;font-size:2.4rem;font-weight:700;letter-spacing:-1px}.short.svelte-axwc7{margin:.5rem 0 0;font-size:1.05rem;opacity:.95}.section.svelte-axwc7{padding:1.8rem 2rem;border-bottom:1px solid #f0f0f5}.section.svelte-axwc7 h2:where(.svelte-axwc7){margin:0 0 1rem;font-size:1.3rem;color:#333}.description.svelte-axwc7{font-size:1rem;line-height:1.7;color:#444;margin:0}.color-grid.svelte-axwc7{display:grid;grid-template-columns:repeat(auto-fit,minmax(140px,1fr));gap:1rem}.color-item.svelte-axwc7{text-align:center}.swatch.svelte-axwc7{width:100%;aspect-ratio:1;border-radius:14px;box-shadow:inset 0 0 0 1px #0000000f}.color-name.svelte-axwc7{margin-top:.6rem;font-weight:600;color:#333}.color-hex.svelte-axwc7{font-size:.85rem;color:#888;font-family:SF Mono,Menlo,monospace}.tip.svelte-axwc7{font-size:1.05rem;line-height:1.7;color:#444;margin:0}.cta-section.svelte-axwc7{padding:2.2rem 2rem;text-align:center;background:linear-gradient(180deg,#fff,#f8f8ff)}.cta-section.svelte-axwc7 p:where(.svelte-axwc7){margin:0 0 1rem;color:#666}.cta-button.svelte-axwc7{display:inline-block;padding:.9rem 1.8rem;background:linear-gradient(135deg,#7c83fd,#f48fb1);color:#fff;text-decoration:none;border-radius:999px;font-weight:600;box-shadow:0 4px 16px #7c83fd4d;transition:transform .2s}.cta-button.svelte-axwc7:hover{transform:translateY(-2px)}@media (max-width: 600px){.tone-header.svelte-axwc7{padding:2.2rem 1rem}.tone-header.svelte-axwc7 h1:where(.svelte-axwc7){font-size:2rem}.section.svelte-axwc7{padding:1.4rem 1rem}}