.tutorial-lesson-main{width:min(1800px,100% - 64px);margin-inline:auto;padding:20px 0}.tutorial-back-link{align-items:center;gap:8px;min-height:24px;margin-bottom:12px;font-size:13px;display:inline-flex}.tutorial-back-link:hover{text-decoration:underline}.tutorial-lesson-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:20px;display:flex}.tutorial-lesson-heading h1{letter-spacing:-1px;margin:0 0 4px;font-size:30px}.tutorial-lesson-heading p{color:#666;margin:0;font-size:14px}.tutorial-lesson-links{flex-wrap:wrap;align-items:center;gap:20px;display:flex}.tutorial-lesson-links .song-youtube{font-size:13px}.tutorial-lesson-main .tutorial-player{border:1px solid #dedede;border-radius:8px;overflow:hidden}.tutorial-lesson-main .tutorial-controls{padding-bottom:16px}@media (min-width:1100px){.tutorial-workspace-split{--tutorial-panel-height:calc(100dvh - 246px);grid-template-columns:minmax(0, 1fr) minmax(0, min(50%, max(400px, calc((var(--tutorial-panel-height) - 135px) * 1920 / 1105))));height:var(--tutorial-panel-height);grid-template-areas:"chart player";align-items:start;gap:24px;min-height:320px;display:grid}.tutorial-workspace-split>.tutorial-player{grid-area:player;min-width:0;max-height:100%;overflow-y:auto}.tutorial-workspace-split>.tutorial-player:not(.tutorial-player-expanded) .tutorial-composition{width:100%}.tutorial-workspace-split>.tutorial-player:not(.tutorial-player-expanded) .tutorial-controls{padding:12px}.tutorial-workspace-split>.tutorial-player:not(.tutorial-player-expanded) .tutorial-options{gap:8px;margin-top:8px}.tutorial-workspace-split>.tutorial-player:not(.tutorial-player-expanded) :is(button,select){min-height:36px;padding:6px 9px;font-size:12px}.tutorial-workspace-split>.tutorial-player:not(.tutorial-player-expanded) .tutorial-play{min-width:60px}.tutorial-workspace-split>.tutorial-chart-scroll{overscroll-behavior-y:contain;scrollbar-gutter:stable;background:#fff;border:1px solid #dedede;border-radius:8px;grid-area:chart;min-width:0;height:100%;overflow:clip auto}.tutorial-workspace-split .tutorial-chart:not(.tutorial-chart-expanded){border:0;margin:0;padding:0 18px 18px}.tutorial-workspace-split .tutorial-chart:not(.tutorial-chart-expanded) .tutorial-chart-heading{z-index:2;background:#fff;border-bottom:1px solid #e3e3e3;padding:16px 0;position:sticky;top:0}.tutorial-workspace-split .tutorial-chart-heading h3{letter-spacing:-.4px;font-size:20px}}@media (max-width:1099px){.tutorial-lesson-main{width:min(960px,100% - 32px)}.tutorial-lesson-heading{flex-direction:column;align-items:flex-start}}