.rr-hero.rr-hero--mode{grid-template:"copy studio""sample studio"1fr/minmax(0,.88fr) minmax(0,1.12fr);gap:22px 48px;width:min(100%,1280px);padding-block:24px 56px}.rr-hero--mode .rr-hero-copy{grid-area:copy;padding:0}.rr-hero--mode .rr-hero-copy h1{letter-spacing:-.03em;text-wrap:balance;max-width:none;margin:14px 0;font-size:60px;line-height:1.02}.rr-hero--mode .rr-lead{max-width:42ch;font-size:18px;line-height:1.5}.rr-hero--mode>.rr-studio{grid-area:studio}.rr-hero--mode:is([data-page-kind=duo],[data-page-kind=battle]){--rr-mode-video-width:320px;--rr-mode-video-gap:20px}.rr-hero--mode .rr-hero-sample{grid-template-columns:minmax(0, var(--rr-mode-video-width,280px)) minmax(0, 1fr);align-self:start;gap:var(--rr-mode-video-gap,24px)}.rr-hero--mode .rr-mode-sample-description{margin:0;font-size:15px;line-height:1.6}.rr-hero--mode .rr-checks{gap:10px;margin:18px 0}.rr-hero--mode .rr-checks li{align-items:flex-start;font-size:12px;line-height:1.5}.rr-hero--mode .rr-checks svg{width:15px;height:15px;margin-top:1px}.rr-hero--mode .rr-example-lyrics{font-size:12px}.rr-hero--mode .rr-example-lyrics blockquote{white-space:pre-line}.rr-hero--mode .rr-hero-sample-link{text-align:left;margin-top:4px}.rr-studio--compact .rr-lyrics-fields .rr-flow-select{margin-top:8px}.rr-studio--compact .rr-lyrics-fields .rr-flow-select,.rr-studio--compact .rr-tone-select{flex-direction:row;justify-content:space-between;align-items:center;gap:12px;display:flex}.rr-studio--compact .rr-lyrics-fields .rr-flow-select select,.rr-studio--compact .rr-tone-select select{width:48%}.rr-studio--compact .rr-lyrics-fields textarea{min-height:102px}@media (width>=1180px) and (height<=950px){.rr-hero.rr-hero--mode{row-gap:18px;padding-top:16px}.rr-hero--mode .rr-hero-copy h1{margin-block:10px;font-size:56px}.rr-hero--mode .rr-hero-sample{grid-template-columns:minmax(0, var(--rr-mode-video-width,clamp(244px, calc(56.25svh - 160px), 320px))) minmax(0, 1fr)}}@media (width<=1179px) and (width>=1001px){.rr-hero.rr-hero--mode{grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);column-gap:28px}.rr-hero--mode .rr-hero-copy h1{font-size:52px}.rr-hero--mode .rr-hero-sample{max-width:var(--rr-mode-video-width,300px);grid-template-columns:minmax(0,1fr);gap:14px}}@media (width<=1000px){.rr-hero.rr-hero--mode{grid-template-columns:minmax(0,1fr);grid-template-areas:"copy""studio""sample";gap:24px;max-width:720px}.rr-hero--mode>.rr-studio{width:100%;max-width:none}.rr-hero--mode .rr-hero-sample{max-width:none;margin-top:0}}@media (width<=600px){.rr-hero.rr-hero--mode{gap:20px;padding:20px 16px 40px}.rr-hero--mode .rr-hero-copy h1{margin:14px 0 12px;font-size:clamp(40px,12vw,54px)}.rr-hero--mode .rr-lead{font-size:16px}.rr-hero--mode .rr-hero-sample{grid-template-columns:minmax(0,1fr);gap:16px}.rr-hero--mode .rr-hero-sample-video{width:min(100%, var(--rr-mode-video-width,320px));margin-inline:auto}.rr-hero--mode .rr-checks{margin-block:12px}.rr-hero--mode .rr-checks li{font-size:13px}}
