.oli-studio-product{--background:42 100% 98%;--foreground:266 35% 18%;--card:0 0% 100%;--card-foreground:266 35% 18%;--muted:267 35% 94%;--muted-foreground:265 12% 40%;--border:267 25% 84%;--secondary:267 45% 94%;--secondary-foreground:266 35% 18%;--primary:260 64% 45%;--primary-foreground:0 0% 100%;--accent:35 85% 38%;min-height:100vh;color:hsl(var(--foreground));background:radial-gradient(at 95% 0,#e9ddff 0%,#0000 48%),radial-gradient(at 0 30%,#fff0c6 0%,#0000 45%),#fffdf8;padding-bottom:6rem}.oli-product-nav{background:#fffdf8e8;border-bottom:1px solid #dcd0e9;flex-wrap:wrap;justify-content:center;gap:.5rem;padding:1rem;display:flex}.oli-product-nav a{background:#fff;border:1px solid #dcd0e9;border-radius:999px;align-items:center;min-height:44px;padding:.5rem .8rem;font-size:.875rem;font-weight:600;display:flex}.oli-product-nav a:hover{background:#efe8fc}.oli-product-landing,.oli-studio-session{max-width:760px;min-height:0;padding:1.5rem 1.25rem}.oli-product-landing header{background:#fffaf2;border:1px solid #dcd0e9;border-radius:1.5rem;padding:1.25rem}.oli-product-landing header>div:first-child{border-radius:50%;flex-shrink:0;width:80px;height:80px}.oli-product-landing header h1{font-size:clamp(1.25rem,4vw,1.8rem);line-height:1.2}.oli-product-landing header p{margin-top:.4rem;font-family:inherit;font-size:.75rem}.oli-product-landing>div{margin-top:1.5rem}.oli-product-landing h2{font-size:clamp(1.5rem,5vw,2.15rem)}.oli-product-landing footer{margin-top:1.5rem}.oli-studio-product button{min-height:44px}.oli-studio-product button:focus-visible,.oli-product-nav a:focus-visible{outline-offset:3px;outline:3px solid #7348c8}.oli-decade-grid{grid-template-columns:repeat(auto-fit,minmax(115px,1fr));gap:.5rem;display:grid}.oli-decade-grid button{min-width:0;padding:.7rem}.oli-decade-grid button span:last-child{margin-top:.2rem;font-family:inherit;line-height:1.4}.oli-studio-session [aria-label=Melody\ pads]{max-width:520px;margin-inline:auto}.oli-studio-session [aria-label=Melody\ pads] button{aspect-ratio:1.35}.oli-studio-session [aria-label=Piano\ keyboard]{height:200px}@media (max-width:639px){.oli-studio-session{padding:1rem .75rem}.oli-studio-product input,.oli-studio-product select,.oli-studio-product textarea{min-height:44px;font-size:16px}}@media (min-width:640px){.oli-product-landing>div>div:last-child{grid-template-columns:1fr 1fr;display:grid}}@media (prefers-reduced-motion:reduce){.oli-studio-product *,.oli-studio-product :before,.oli-studio-product :after{transition:none!important;animation:none!important}}