.tool-page{--tool-width:1180px;--tool-reading-width:896px;--tool-gutter:5%;--tool-space:clamp(48px, 6vw, 80px);--tool-surface:#151820;--tool-panel:#171920;--tool-line:#f5f1e824;--tool-radius:24px}.marketing-dark.public-playful-page.tool-page .tool-hero{isolation:isolate;border:0;justify-content:center;align-items:center;min-height:650px;padding:clamp(140px,15vw,184px) 32px 96px;display:flex;position:relative;overflow:hidden;background:linear-gradient(#ff6b4a09 1px, transparent 1px), linear-gradient(90deg, #ff6b4a09 1px, transparent 1px), radial-gradient(circle at 88% 22%, #9d8cff24, transparent 22rem), radial-gradient(circle at 8% 76%, #ff6b4a1c, transparent 18rem), var(--marketing-base)!important;background-size:42px 42px,42px 42px,auto,auto,auto!important}.tool-hero__glow{z-index:-1;background:rgb(var(--public-accent-rgb) / 7%);filter:blur(110px);pointer-events:none;border-radius:50%;position:absolute;inset:20% 25% 0}.tool-hero__inner{width:100%;max-width:var(--tool-reading-width);text-align:center;flex-direction:column;align-items:center;margin-inline:auto;display:flex;position:relative}.tool-hero__eyebrow{color:var(--public-accent);letter-spacing:.12em;margin-bottom:20px;font-size:14px;font-weight:700;line-height:20px}.marketing-dark.public-playful-page.tool-page .tool-hero h1{max-width:var(--tool-reading-width);color:var(--marketing-ink);letter-spacing:-.062em;text-wrap:balance;overflow-wrap:anywhere;margin:0;font-size:clamp(3rem,7vw,6.5rem);font-weight:800;line-height:.98}.marketing-dark.public-playful-page.tool-page .tool-hero__description{max-width:768px;color:var(--marketing-muted);margin:0;font-size:20px;line-height:32px}.tool-hero__actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:16px;margin-top:40px;display:flex}.tool-hero__primary{border-radius:999px;max-width:100%;padding:1px;display:inline-flex}.tool-page .tool-hero__primary>span{border:2px solid var(--marketing-ink);background:var(--public-accent);box-shadow:0 7px 0 var(--marketing-ink);color:#fff;letter-spacing:.03em;border-radius:999px;justify-content:center;padding:16px 28px;font-size:14px;font-weight:700;line-height:20px;transition:transform .18s,box-shadow .18s;display:inline-flex}.tool-hero__primary:hover>span{transform:translateY(-2px)rotate(-.5deg)}.tool-hero__secondary{border:1px solid var(--tool-line);min-height:52px;color:var(--marketing-ink);background:#191c24;border-radius:999px;justify-content:center;align-items:center;padding:12px 26px;font-size:14px;font-weight:600;display:inline-flex}.tool-hero__meta{color:var(--marketing-muted);margin-top:24px;font-size:12px}.marketing-dark.public-playful-page.tool-page main#main-content>.tool-section{padding:var(--tool-space) var(--tool-gutter);background:var(--marketing-base)!important}.marketing-dark.public-playful-page.tool-page main#main-content>.tool-section--muted{background:var(--tool-surface)!important}.tool-page .tool-container{width:100%;max-width:var(--tool-width);margin-inline:auto}.tool-page .tool-section-heading h2{letter-spacing:-.025em;font-size:clamp(28px,2.6vw,40px);line-height:1.3}.tool-page main :is(section[id],h2[id],#generator){scroll-margin-top:104px}.marketing-dark.public-playful-page.tool-page main#main-content .beat-generator-section{background:#11131a!important}.marketing-dark.public-playful-page.tool-page main#main-content :is(.playful-generator-section,.public-tool-workbench,.instrumental-generator-section){padding:clamp(76px, 8vw, 112px) var(--tool-gutter) 80px;border-block:1px solid var(--tool-line);background:#11131a!important}.tool-page :is(.playful-generator-section__inner,.music-generator-layout){width:100%;max-width:var(--tool-width);margin-inline:auto}.tool-page :is(.playful-generator-section__decoration,.music-generator-decoration){display:none}.tool-page .playful-generator-section__heading{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);margin-inline:0}.tool-page :is(.playful-generator-section__heading,.instrumental-generator-section .instrumental-section-heading) h2{letter-spacing:-.055em;max-width:12ch;font-size:clamp(3rem,6vw,5.75rem);font-weight:800;line-height:.98}.marketing-dark.public-playful-page.tool-page :is(.playful-generator-console,.instrumental-console){border-radius:30px;background:var(--tool-panel)!important;border:2px solid #f5f1e83d!important;box-shadow:0 26px 68px #0000005c!important}.tool-page .instrumental-wrap{width:min(var(--tool-width), calc(100% - 2 * var(--tool-gutter)));max-width:var(--tool-width)}.tool-page .instrumental-generator-section>.instrumental-wrap,.tool-page .tool-section>.instrumental-wrap{width:100%}.tool-page .instrumental-generator-section .instrumental-section-heading{grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:14px clamp(36px,8vw,120px);max-width:none;margin-bottom:50px;display:grid}.tool-page .instrumental-generator-section .instrumental-section-heading>span{grid-column:1/-1}.tool-page .instrumental-generator-section .instrumental-section-heading>p{margin:0}.tool-page .tool-faq-list{width:100%;max-width:var(--tool-reading-width);border:1px solid var(--tool-line);border-radius:var(--tool-radius);background:#191c24;margin-inline:auto;padding:0 22px;overflow:hidden}.tool-faq-list>div+div{border-top:1px solid var(--tool-line)}.tool-faq-list button{text-align:left;width:100%;min-height:60px;color:var(--marketing-ink);cursor:pointer;justify-content:space-between;align-items:center;gap:16px;padding:20px 0;font-size:16px;font-weight:500;line-height:24px;display:flex}.tool-faq-list button:hover,.tool-faq-list button[aria-expanded=true] svg{color:var(--public-accent)}.tool-faq-list button svg{width:20px;height:20px;color:var(--marketing-muted);flex-shrink:0}.tool-faq-answer{color:var(--marketing-muted);padding:0 32px 20px 0;font-size:14px;line-height:28px}.tool-faq-answer a{color:var(--public-accent);text-underline-offset:3px;text-decoration:underline}.tool-faq-answer[hidden]{display:none}@media (width<=720px){.tool-page{--tool-gutter:20px}.marketing-dark.public-playful-page.tool-page .tool-hero{min-height:590px;padding:128px 20px 80px}.marketing-dark.public-playful-page.tool-page .tool-hero h1{font-size:clamp(2.65rem,13vw,4.35rem)}.marketing-dark.public-playful-page.tool-page .tool-hero__description{font-size:16px;line-height:28px}.tool-page .tool-hero__primary>span{padding:14px 24px}.tool-hero__actions{gap:20px}.tool-page :is(.playful-generator-section__heading,.instrumental-generator-section .instrumental-section-heading){grid-template-columns:minmax(0,1fr);gap:16px}.tool-page .instrumental-generator-section .instrumental-section-heading>span{grid-column:auto}.tool-page .tool-faq-list{padding-inline:18px}.tool-faq-answer{padding-right:0}}@media (prefers-reduced-motion:reduce){.tool-hero__primary>span{transition:none}.tool-hero__primary:hover>span{transform:none}}.tool-section-eyebrow{color:var(--public-accent);letter-spacing:.12em;margin-bottom:16px;font-size:11px;font-weight:650;display:block}.tool-page main [data-public-tone]{--public-accent:var(--public-green);--public-accent-soft:var(--public-mint);--public-accent-rgb:54 185 138}.tool-page .playful-generator-console button[aria-pressed=true]{color:#a1ecd6;background:#00e5a026;border-color:#00e5a099}.tool-page .playful-generator-console input[type=range]{accent-color:#36b98a}.marketing-dark.public-playful-page.tool-page #slowed-reverb-tool input[type=range]{border-radius:999px;height:6px;min-height:0;padding:0;box-shadow:none!important;background:#34473f!important;border:0!important}.marketing-dark.public-playful-page.tool-page main#main-content .playful-generator-console__body>button>span{color:#102a22!important}.marketing-dark.public-playful-page.tool-page main#main-content .playful-generator-console__body>button+p{margin-top:20px}.marketing-dark.public-playful-page.tool-page main#main-content .playful-generator-console__body fieldset button{min-height:42px;box-shadow:none;border-color:var(--tool-line)!important;color:var(--marketing-ink)!important;background:#20232c!important}.marketing-dark.public-playful-page.tool-page main#main-content .playful-generator-console__body button[aria-pressed=true],.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-form button:is([aria-selected=true],[data-active=true]){box-shadow:none;transform:none;color:#d9f9ed!important;background:#24493d!important;border-color:#61d4b0!important}.tool-page .playful-generator-section__eyebrow>span{width:8px;height:8px;box-shadow:none;flex-shrink:0}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-intro{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;border:0;border-radius:0;grid-template-columns:minmax(0,1.15fr) minmax(280px,.85fr);align-items:end;gap:14px clamp(36px,8vw,120px);padding:0;display:grid;background:0 0!important}.tool-page .music-generator-intro-copy{display:contents}.tool-page .music-generator-intro .music-generator-workflow{display:none}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-kicker{color:#a1ecd6;background:#36b98a1a;border-color:#36b98a66;grid-column:1/-1;align-items:center;gap:9px;margin:0;font-size:11px;font-weight:700;display:inline-flex}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-intro h2{letter-spacing:-.055em;margin:0;font-size:clamp(3rem,6vw,5.75rem);font-weight:800;line-height:.98}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-intro p{margin:0}.marketing-dark.public-playful-page.tool-page main#main-content :is(.music-generator-composer,.music-generator-output){border-radius:30px;overflow:hidden;background:var(--tool-panel)!important;border:2px solid #f5f1e83d!important;box-shadow:0 26px 68px #0000005c!important}.marketing-dark.public-playful-page.tool-page main#main-content :is(.music-generator-output-bar,.music-generator-console-bar){border-color:var(--tool-line)!important;background:#20232c!important}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-empty{background:radial-gradient(circle at 50% 36%, #36b98a1f, transparent 42%), var(--tool-panel)!important}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-empty-icon{box-shadow:none;background:#24493d;border-color:#b7ddca44}.marketing-dark.public-playful-page.tool-page main#main-content :is(.music-generator-empty-icon svg,.music-generator-output-title svg,.music-generator-studio-link,.music-generator-empty-steps span){color:#a1ecd6!important}.marketing-dark.public-playful-page.tool-page main#main-content :is(.music-generator-wave-bar,.music-generator-console-mark>span:first-child){background:#91c6af!important}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-console-mark>span:not(:first-child){background:#91c6af66}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-form button.music-generator-submit{color:#102a22;background:#36b98a;border-color:#b7ddca;box-shadow:0 5px #d7eee3}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-form button.music-generator-submit:hover{background:#49c99b;box-shadow:0 5px #d7eee3}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-form [role=switch]{background:#34473f;border-color:#65736d}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-form [role=switch][aria-checked=true]{background:#36b98a;border-color:#61d4b0}.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-form :is(input:not([type=radio]),textarea):focus{box-shadow:0 0 0 3px #36b98a24;border-color:#61d4b0!important}.tool-page .music-generator-empty-corner{border-color:#91c6af}@media (width<=720px){.marketing-dark.public-playful-page.tool-page main#main-content .music-generator-intro{grid-template-columns:minmax(0,1fr);gap:16px}.tool-page .music-generator-intro .music-generator-kicker{grid-column:auto}}