.piano-page.svelte-18qfjdr{width:100%;overflow-x:hidden;background:var(--studio-tools-page-bg);min-height:100vh}.dark .piano-page.svelte-18qfjdr{background:#1a1a1a}.dark .divider-fill.svelte-18qfjdr{fill:#1a1a1a}.hero-section.svelte-18qfjdr{position:relative;min-height:20vh;display:flex;align-items:center;justify-content:center;padding:2rem 2rem 5rem;background:linear-gradient(135deg,var(--studio-tools-hero-start) 0%,var(--studio-tools-hero-mid) 50%,var(--studio-tools-hero-end) 100%)}.hero-content.svelte-18qfjdr{text-align:center;max-width:700px;z-index:1}.hero-title.svelte-18qfjdr{font-size:clamp(2rem,6vw,3.5rem);font-weight:200;color:#fff;text-shadow:0 2px 10px rgba(0,0,0,.2);margin-bottom:1rem;line-height:1.1}.hero-divider.svelte-18qfjdr{position:absolute;bottom:-1px;left:0;width:100%;height:81px;z-index:0}.hero-divider.svelte-18qfjdr svg:where(.svelte-18qfjdr){width:100%;height:100%}.divider-fill.svelte-18qfjdr{fill:var(--studio-tools-page-bg)}.content-area.svelte-18qfjdr{max-width:900px;margin:0 auto;padding:2rem 1.5rem 3rem;outline:none}.breadcrumb.svelte-18qfjdr{display:inline-flex;align-items:center;gap:.5rem;margin-bottom:1.5rem;font-size:.875rem;white-space:nowrap}.breadcrumb.svelte-18qfjdr a:where(.svelte-18qfjdr){display:inline-flex;width:auto;flex:0 0 auto;color:var(--studio-tools-accent);text-decoration:none;font-weight:500;transition:color .15s ease}.breadcrumb.svelte-18qfjdr a:where(.svelte-18qfjdr):hover{color:var(--studio-tools-accent-hover);text-decoration:underline}.breadcrumb.svelte-18qfjdr svg:where(.svelte-18qfjdr){width:14px;height:14px;color:#94a3b8;flex-shrink:0}.breadcrumb.svelte-18qfjdr span:where(.svelte-18qfjdr){color:#64748b;font-weight:500}@media (max-width: 640px){.content-area.svelte-18qfjdr{padding:1.5rem 1rem 2rem}.hero-section.svelte-18qfjdr{padding:1.5rem 1rem 4rem}}