.music-studio{--studio-text:1rem;font-size:var(--studio-text)}.music-studio[data-large-text=true]{--studio-text:1.25rem}.studio-header nav{gap:20px}.studio-team-link{align-items:center;gap:8px;min-height:48px;font-size:15px;font-weight:600;display:inline-flex}.studio-team-link svg{width:19px;height:19px}.studio-welcome{grid-template-columns:1.08fr 1fr;align-items:center;gap:52px;padding:55px 0 42px;display:grid}.studio-welcome h1{letter-spacing:-.045em;font-size:clamp(2.75em,4.3vw,3.6em);font-weight:750;line-height:1.06}.studio-welcome p{max-width:37em;color:var(--muted-foreground);margin-top:20px;font-size:1.05em;line-height:1.75}.welcome-actions{flex-wrap:wrap;gap:10px;margin-top:24px;display:flex}.music-studio [data-slot=button],.studio-tool-buttons [data-slot=toggle]{white-space:normal;height:auto;min-height:48px;padding:11px 16px;font-size:.9em}.welcome-score{background:var(--person-bg);color:var(--person-ink);border-radius:22px 22px 70px;padding:28px;transform:rotate(2deg)}.welcome-score-label{align-items:center;gap:10px;font-weight:600;display:flex}.welcome-score-label svg{width:25px;height:25px}.score-caption{flex-direction:column;gap:4px;font-size:.85em;line-height:1.5;display:flex}.score-caption span:last-child{font-weight:600}.music-score{padding:25px 0 24px 48px;position:relative}.score-labels{flex-direction:column;justify-content:space-between;font-size:.65em;display:flex;position:absolute;top:28px;bottom:57px;left:0}.score-grid{height:124px;position:relative}.score-line{opacity:.28;background:currentColor;height:1px;position:absolute;inset-inline:0}.score-note{border:1.5px solid var(--person-ink);background:var(--person-bg);border-radius:7px;min-width:10px;height:23px;position:absolute}.score-note[data-playing=true]{outline:3px solid var(--person-ink);outline-offset:3px}.score-count{grid-template-columns:repeat(8,1fr);margin-top:15px;font-size:.68em;display:grid}.studio-tools{border-top:1px solid var(--border);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:12px;padding:18px 0;display:flex}.studio-tools>span{color:var(--muted-foreground);align-items:center;gap:9px;font-size:.85em;display:inline-flex}.studio-tools>span svg{width:20px;height:20px}.studio-tool-buttons{flex-wrap:wrap;gap:8px;display:flex}.studio-workbook{margin-top:15px}.studio-tabs[data-slot=tabs-list]{width:440px;max-width:100%;height:auto;min-height:60px;padding:5px}.studio-tabs [data-slot=tabs-trigger]{white-space:normal;gap:10px;min-height:50px;padding:12px 26px;font-size:1em}.studio-panel{margin-top:24px;scroll-margin-top:20px;font-size:1em}.studio-panel[hidden]{display:none}.knowledge-panel{grid-template-columns:230px minmax(0,1fr);gap:42px;display:grid}.lesson-topics h2{font-size:1em;font-weight:650;line-height:1.4}.lesson-topics svg{flex-shrink:0;width:20px;height:20px}.lesson-topics>p{color:var(--muted-foreground);margin-top:9px;font-size:.88em;line-height:1.6}.topic-options{flex-direction:column;align-items:stretch;gap:8px;width:100%;margin-top:22px;display:flex}.topic-options [data-slot=toggle-group-item]{justify-content:flex-start;min-height:50px;padding:12px 17px;font-size:1em}.lesson-page{background:var(--card);border:1px solid var(--border);border-radius:16px;min-width:0;padding:30px}.lesson-title-row{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.lesson-title-row h3{letter-spacing:-.035em;font-size:1.65em;font-weight:650;line-height:1.18}.lesson-text{max-width:65ch;margin-top:18px;line-height:1.85}.lesson-examples{grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:28px;display:grid}.lesson-example{flex-direction:column;min-width:0;display:flex}.example-pattern{background:var(--person-bg);height:88px;color:var(--person-ink);border-radius:12px;justify-content:space-evenly;align-items:center;gap:8px;padding:16px 20px;display:flex}.example-pattern i{background:currentColor;border-radius:10px;width:10px}.lesson-example h4{margin-top:15px;font-size:1.1em;font-weight:650}.lesson-example>p{color:var(--muted-foreground);margin:7px 0 16px;font-size:.9em;line-height:1.7}.example-actions{flex-wrap:wrap;gap:8px;margin-top:auto;display:flex}.example-player{padding:18px 0 0}.example-player>p{align-items:center;gap:8px;margin-bottom:10px;font-size:.9em;display:flex}.example-player>p svg{width:18px;height:18px}.music-studio audio{border-radius:8px;width:100%;min-width:0;min-height:54px}.music-studio audio[hidden]{display:none}.lesson-takeaway{border-top:1px solid var(--border);align-items:flex-start;gap:10px;margin-top:27px;padding-top:22px;font-size:.9em;line-height:1.7;display:flex}.lesson-takeaway svg{flex-shrink:0;width:20px;height:20px;margin-top:2px}.creation-panel{grid-template-columns:minmax(0,1.4fr) minmax(0,1fr);align-items:start;gap:46px;display:grid}.creator-intro{margin-bottom:25px}.creator-intro h2{letter-spacing:-.03em;font-size:1.55em;font-weight:650;line-height:1.2}.creator-intro p{color:var(--muted-foreground);margin-top:10px;line-height:1.65}.music-form [data-slot=field-group]{gap:25px}.music-form [data-slot=field-legend],.music-form [data-slot=field-label]{font-size:1em}.music-form [data-slot=input]{min-height:50px;font-size:1em}.music-choices{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;width:100%;display:grid}.music-choices:has(>:last-child:nth-child(2)){grid-template-columns:repeat(2,minmax(0,1fr))}.music-choice[data-slot=toggle-group-item]{white-space:normal;text-align:left;flex-direction:column;justify-content:flex-start;align-items:flex-start;gap:12px;height:auto;min-height:122px;padding:15px 12px;font-size:1em;display:flex;position:relative}.music-choice>svg:first-child{width:24px;height:24px}.music-choice strong{font-size:.93em;font-weight:600;line-height:1.4;display:block}.music-choice small{color:var(--muted-foreground);margin-top:4px;font-size:.74em;line-height:1.6;display:block}.music-choice .choice-check{opacity:0;width:17px;height:17px;position:absolute;top:12px;right:10px}.music-choice[data-state=on] .choice-check{opacity:1}.music-choice[data-state=on]{outline:2px solid var(--primary);outline-offset:-2px}.create-action{flex-wrap:wrap;gap:12px;display:flex}.create-action>button[type=submit]{min-width:220px}.studio-fine-print{color:var(--muted-foreground);font-size:.8em;line-height:1.75}.choice-carried{align-items:center;gap:8px;margin:-5px 0 25px;font-size:.85em;line-height:1.5;display:flex}.choice-carried svg{flex-shrink:0;width:18px;height:18px}.your-music{background:var(--card);border:1px solid var(--border);border-radius:18px;flex-direction:column;gap:18px;padding:25px;display:flex}.your-music h2{font-size:1.2em;font-weight:650}.your-music>div>svg{width:21px;height:21px}.piece-cover{background:var(--person-bg);color:var(--person-ink);border-radius:10px;padding:22px}.piece-cover-title{flex-wrap:wrap;justify-content:space-between;gap:8px;font-size:.65em;display:flex}.piece-cover .music-score{padding-top:20px;padding-bottom:18px;padding-left:35px}.piece-cover .score-grid{height:95px}.piece-cover .score-note{height:18px}.piece-cover h3{overflow-wrap:anywhere;font-size:1.5em;font-weight:700;line-height:1.2}.piece-cover>p{margin-top:8px;font-size:.75em}.piece-description{font-size:.94em;line-height:1.8}.song-status{font-size:.9em;line-height:1.65}.changed-note{align-items:flex-start;gap:8px;font-size:.83em;line-height:1.7;display:flex}.changed-note svg{flex-shrink:0;width:16px;height:16px;margin-top:3px}.studio-about{border-block:1px solid var(--border);margin-top:48px}.studio-about summary{cursor:pointer;min-height:60px;padding:18px 0;font-size:.95em;line-height:1.6}.studio-about summary:focus-visible{outline:3px solid var(--ring);outline-offset:4px}.studio-about>div{max-width:70ch;padding:0 0 26px}.studio-about h2{margin:8px 0 12px;font-size:1.4em;font-weight:650}.studio-about p,.studio-about li{margin:12px 0;font-size:.92em;line-height:1.8}.studio-about li{gap:10px;display:flex}.studio-about li svg{flex-shrink:0;width:18px;height:18px;margin-top:5px}.studio-about a{text-underline-offset:4px;padding:12px 0;text-decoration:underline;display:inline-block}.studio-footer{color:var(--muted-foreground);flex-wrap:wrap;justify-content:space-between;align-items:center;gap:15px 24px;padding:28px 0 35px;font-size:.8em;display:flex}.studio-footer a{text-underline-offset:4px;align-items:center;min-height:44px;text-decoration:underline;display:inline-flex}@media (max-width:1050px){.studio-welcome{gap:28px}.knowledge-panel{grid-template-columns:185px minmax(0,1fr);gap:25px}.lesson-title-row{flex-direction:column;gap:15px}.creation-panel{gap:25px}.music-choices{grid-template-columns:1fr}.music-choice[data-slot=toggle-group-item]{flex-direction:row;align-items:center;gap:14px;min-height:74px;padding:14px}.music-choice>span{padding-right:18px}.music-choice .choice-check{top:16px}}@media (max-width:760px){.studio-welcome{grid-template-columns:1fr;padding:35px 0 25px}.studio-welcome h1{font-size:2.9em}.welcome-score{max-width:540px;padding:22px;transform:none}.welcome-score .score-grid{height:90px}.welcome-score .score-caption{flex-flow:wrap;gap:4px 12px}.knowledge-panel{grid-template-columns:1fr;gap:25px}.topic-options{flex-flow:wrap;margin-top:15px}.topic-options [data-slot=toggle-group-item]{flex:1;justify-content:center;min-width:82px;padding:12px}.lesson-topics>p{margin-top:5px}.creation-panel{grid-template-columns:1fr}.music-choices{grid-template-columns:repeat(3,minmax(0,1fr))}.music-choice[data-slot=toggle-group-item]{flex-direction:column;align-items:flex-start}.music-choice>span{padding-right:0}.music-studio[data-large-text=true] .music-choices{grid-template-columns:1fr}.music-studio[data-large-text=true] .music-choice{flex-direction:row;align-items:center}.studio-header nav{gap:14px}.studio-current-link{display:none}}@media (max-width:480px){.studio-header{gap:12px;min-height:87px}.studio-header nav{gap:6px}.studio-team-link{gap:5px;font-size:14px}.studio-welcome h1{font-size:2.65em}.welcome-actions{flex-direction:column;align-items:stretch}.welcome-actions [data-slot=button]{justify-content:flex-start}.studio-tools{align-items:flex-start}.studio-tool-buttons{gap:6px}.studio-tabs[data-slot=tabs-list]{width:100%}.studio-tabs [data-slot=tabs-trigger]{gap:7px;padding:12px 10px}.lesson-page{padding:22px 18px}.lesson-title-row h3{font-size:1.55em}.lesson-examples{grid-template-columns:1fr;gap:25px}.lesson-example>p{margin-bottom:10px}.example-pattern{height:65px;padding-block:9px}.music-choices{grid-template-columns:1fr}.music-choices:has(>:last-child:nth-child(2)){grid-template-columns:1fr}.music-choice[data-slot=toggle-group-item]{flex-direction:row;align-items:center}.music-choice>span{padding-right:15px}.your-music{padding:20px}.piece-cover{padding:18px}.studio-footer{flex-direction:column;align-items:flex-start;gap:4px}.studio-footer>span{margin-bottom:10px}}@media (prefers-reduced-motion:reduce){.music-studio *,.music-studio :before,.music-studio :after{scroll-behavior:auto!important;transition:none!important;animation:none!important}.music-studio .score-note[data-playing=true]{outline:none}}