.lesson-preview.lesson-preview{max-width:1240px;margin:48px auto 56px}.lesson-preview .lesson-preview-intro{text-align:center;margin:0 auto 28px}.lesson-preview .lesson-preview-eyebrow{color:#7451ec;letter-spacing:.16em;font:700 11px/1.5 Manrope,sans-serif}.lesson-preview h2{color:#2a2454;margin:12px 0;font:600 clamp(30px,3vw,44px)/1.12 Cormorant Garamond,Georgia,serif}.lesson-preview .lesson-preview-intro p{color:#74718a;font-size:15px;line-height:1.6}.lesson-preview .lesson-preview-window{background:#fbfaff;border:1px solid #ddd4f3;border-radius:22px;overflow:hidden;box-shadow:0 28px 70px #49359826,0 0 0 6px #ffffff90}.lesson-preview .lesson-preview-bar{color:#696079;border-bottom:1px solid #eee8f8;justify-content:space-between;align-items:center;gap:12px;padding:17px 20px;font-size:11px;display:flex}.lesson-preview .lesson-preview-bar>span{align-items:center;gap:12px;display:flex}.lesson-preview .lesson-preview-brand{color:#6751a6;margin-right:12px;font:italic 600 22px/1 Georgia,serif}.lesson-preview .lesson-preview-bar small{letter-spacing:.08em;color:#aaa0b8;font-size:9px}.lesson-preview .lesson-preview-bar i,.lesson-preview .lesson-preview-stage-heading i,.lesson-preview .lesson-preview-video i,.lesson-preview .lesson-preview-keyboard-toolbar i{background:#65c6a4;border-radius:50%;width:6px;height:6px;display:inline-block}.lesson-preview .lesson-preview-app{grid-template-columns:44px minmax(0,1fr) 220px;display:grid}.lesson-preview .lesson-preview-rail{background:#f6f2fc;border-right:1px solid #e9e2f4;flex-direction:column;align-items:center;gap:18px;padding:22px 4px;display:flex}.lesson-preview .lesson-preview-rail>span{color:#a89ab9;border-radius:10px;place-items:center;width:32px;height:34px;display:grid}.lesson-preview .lesson-preview-rail>span.selected{color:#8756d4;background:#e5d9fc}.lesson-preview .lesson-preview-rail svg{fill:none;stroke:currentColor;stroke-width:1.4px;width:17px;height:17px}.lesson-preview .lesson-preview-workspace{min-width:0}.lesson-preview .lesson-preview-stage{background:radial-gradient(at 50% 40%,#393048,#23202d 75%);padding:20px 18px 12px}.lesson-preview .lesson-preview-stage-heading{color:#a99db8;letter-spacing:.1em;justify-content:space-between;align-items:center;margin-bottom:22px;font-size:9px;display:flex}.lesson-preview .lesson-preview-stage-heading i{margin-right:7px}.lesson-preview .lesson-preview-stage-grid{grid-template-columns:minmax(0,1fr) 174px minmax(0,1fr);align-items:center;gap:12px;display:grid}.lesson-preview .lesson-preview-video{aspect-ratio:1;background:#ded7ef;border-radius:13px;position:relative;overflow:hidden;box-shadow:0 10px 25px #0003}.lesson-preview .lesson-preview-video img{width:200%;max-width:none;height:100%;display:block}.lesson-preview .lesson-preview-video>span{color:#fff;background:#27203099;border-radius:7px;align-items:center;gap:6px;padding:5px 8px;font-size:9px;display:flex;position:absolute;bottom:8px;left:8px}.lesson-preview .lesson-preview-floating-tools{gap:12px;display:grid}.lesson-preview .lesson-preview-notation{background:#fff;border:1px solid #baa7df;border-radius:13px;padding:10px 12px 8px;box-shadow:0 8px 24px #0003,0 0 0 3px #b297df15}.lesson-preview .lesson-preview-tool-heading{color:#6d5b83;justify-content:space-between;align-items:center;gap:8px;font-size:10px;font-weight:600;display:flex}.lesson-preview .lesson-preview-tool-heading small{color:#b5a5c8;font-size:9px}.lesson-preview .lesson-preview-notation svg{width:100%;height:146px;margin:-10px auto 0;display:block}.lesson-preview .lesson-preview-metronome{text-align:center;background:#fbf8ff;border:1px solid #e4d9f3;border-radius:12px;padding:11px 13px}.lesson-preview .lesson-preview-tempo{color:#5c457c;margin:5px 0;font:500 28px/1.3 Manrope,sans-serif}.lesson-preview .lesson-preview-tempo span{color:#a08ab8;letter-spacing:.1em;font-size:8px}.lesson-preview .lesson-preview-beats{justify-content:center;gap:7px;margin:7px 0;display:flex}.lesson-preview .lesson-preview-beats i{background:#dfd4ed;border-radius:50%;width:6px;height:6px}.lesson-preview .lesson-preview-beats i:first-child{background:#9f71db;box-shadow:0 0 0 3px #b594df20}.lesson-preview .lesson-preview-metronome>small{color:#ae9abe;font-size:8px}.lesson-preview .lesson-preview-tempo-track{display:none}.lesson-preview .lesson-preview-callbar{justify-content:center;gap:8px;margin-top:18px;display:flex}.lesson-preview .lesson-preview-callbar>span{background:#ffffff09;border:1px solid #ffffff12;border-radius:8px;place-items:center;width:30px;height:29px;display:grid}.lesson-preview .lesson-preview-callbar svg{fill:none;stroke:#d5cadd;stroke-width:1.5px;width:14px;height:14px}.lesson-preview .lesson-preview-callbar .end-call{background:#d55c82}.lesson-preview .lesson-preview-callbar .end-call svg{stroke:#fff}.lesson-preview .lesson-preview-keyboard-toolbar{background:#f9f6ff;border-bottom:1px solid #eee5f9;flex-wrap:wrap;align-items:center;gap:7px;padding:9px 10px;display:flex}.lesson-preview .lesson-preview-keyboard-toolbar>span{color:#8d75a7;background:#fff;border:1px solid #e5daf2;border-radius:6px;align-items:center;gap:5px;padding:5px 7px;font-size:8px;display:flex}.lesson-preview .lesson-preview-keyboard-toolbar b{background:#b69ae0;border-radius:4px;width:36px;height:3px;display:block}.lesson-preview .lesson-preview-piano{background:#fcfaff;padding:10px 12px 13px}.lesson-preview .lesson-preview-piano>.lesson-preview-tool-heading{margin-bottom:10px}.lesson-preview .lesson-preview-keybed{background:#302c3e;border:6px solid #302c3e;border-top-width:12px;border-radius:10px;height:130px;padding:0 2px 3px;display:flex;position:relative;box-shadow:0 10px 22px #36234b24,inset 0 3px 4px #0008}.lesson-preview .lesson-preview-white-key{background:linear-gradient(90deg,#e9e7ef 0%,#fff 14% 75%,#f2eff5 100%);border:1px solid #c7c1d3;border-top:0;border-radius:0 0 5px 5px;flex:1;position:relative;box-shadow:inset 0 -5px #d4cedd,0 2px 2px #0003}.lesson-preview .lesson-preview-white-key.pressed{background:linear-gradient(#ddd1ff,#c3aaff);box-shadow:inset 0 -4px #a78bd7,0 0 15px #ab80ff55}.lesson-preview .lesson-preview-white-key>span{text-align:center;color:#a59baf;font:500 10px/1 sans-serif;position:absolute;bottom:13px;left:0;right:0}.lesson-preview .lesson-preview-white-key.pressed>span{color:#6743b1}.lesson-preview .lesson-preview-white-key small{margin-left:1px;font-size:7px}.lesson-preview .lesson-preview-black-key{z-index:2;background:linear-gradient(90deg,#16151e,#3d3947 40%,#24212c 80%,#14131b);border:1px solid #15121c;border-radius:0 0 4px 4px;width:64%;height:64%;position:absolute;top:-1px;right:-34%;box-shadow:inset 0 -5px #08070d,1px 4px 4px #0005}.lesson-preview .lesson-preview-piano-caption{color:#a39aad;justify-content:space-between;gap:10px;padding-top:13px;font-size:10px;display:flex}.lesson-preview .lesson-preview-piano-caption span:first-child{color:#8763ce}.lesson-preview .lesson-preview-piano-caption i{background:#b594ef;border-radius:50%;width:5px;height:5px;margin:0 4px;display:inline-block}.lesson-preview .lesson-preview-black-key.pressed{background:linear-gradient(90deg,#76509f,#c6a2f1 45%,#9567c5);box-shadow:inset 0 -5px #604080,1px 4px 4px #0004}.lesson-preview .lesson-preview-keybed{border-width:10px 5px 5px;height:126px}.lesson-preview .lesson-preview-piano-caption{padding-top:10px;font-size:8px}.lesson-preview .lesson-preview-library{background:#fff;border-left:1px solid #e8e0f1;min-width:0;padding:20px 14px}.lesson-preview .lesson-preview-library-title{color:#41344f;justify-content:space-between;align-items:center;font-size:15px;display:flex}.lesson-preview .lesson-preview-library-title>span{color:#8e61c8;border:1px solid #e3d5f5;border-radius:7px;padding:6px 9px;font-size:9px}.lesson-preview .lesson-preview-library>p{color:#aaa0b5;margin:7px 0 18px;font-size:9px}.lesson-preview .lesson-preview-library-search{color:#b7a8c5;border:1px solid #dac9ee;border-radius:9px;justify-content:space-between;padding:10px 8px;font-size:8px;display:flex}.lesson-preview .lesson-preview-library-filters{justify-content:space-between;gap:6px;margin:10px 0 18px;display:flex}.lesson-preview .lesson-preview-library-filters>span{color:#a294af;border:1px solid #e8e0f2;border-radius:7px;flex:1;padding:7px;font-size:8px}.lesson-preview .lesson-preview-file{border-bottom:1px solid #f2edf7;align-items:center;gap:8px;padding:14px 5px;display:flex}.lesson-preview .lesson-preview-file.selected{background:#f8f3ff;border:1px solid #e3d2f6;border-radius:8px}.lesson-preview .lesson-preview-file-icon{color:#ab82c2;border:1px solid #e5d4ee;border-radius:4px;padding:5px 3px;font-size:7px}.lesson-preview .lesson-preview-file strong{color:#655471;font-size:9px;font-weight:600;line-height:1.5;display:block}.lesson-preview .lesson-preview-file small{color:#b4a6bf;margin-top:3px;font-size:8px;display:block}.lesson-preview .lesson-preview-library-note{background:#fbf9ff;border:1px solid #ede3f8;border-radius:10px;margin-top:24px;padding:12px}.lesson-preview .lesson-preview-library-note>span{color:#a28bb8;letter-spacing:.1em;font-size:8px}.lesson-preview .lesson-preview-library-note p{color:#9785a8;margin-top:8px;font-size:9px;line-height:1.7}@media (max-width:1000px){.lesson-preview .lesson-preview-app{grid-template-columns:36px minmax(0,1fr) 170px}.lesson-preview .lesson-preview-stage{padding:16px 12px 12px}.lesson-preview .lesson-preview-stage-grid{grid-template-columns:minmax(0,1fr) 150px minmax(0,1fr);gap:8px}.lesson-preview .lesson-preview-library{padding:16px 10px}.lesson-preview .lesson-preview-notation svg{height:130px}.lesson-preview .lesson-preview-rail>span{width:28px}}@media (max-width:700px){.lesson-preview .lesson-preview-app{grid-template-columns:32px minmax(0,1fr)}.lesson-preview .lesson-preview-library{border-top:1px solid #e8e0f1;grid-column:2}.lesson-preview .lesson-preview-rail{grid-row:1/3;gap:15px}.lesson-preview .lesson-preview-stage-grid{grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:start;gap:10px}.lesson-preview .lesson-preview-video.teacher{grid-area:1/1}.lesson-preview .lesson-preview-video.student{grid-area:1/2}.lesson-preview .lesson-preview-floating-tools{grid-area:2/1/auto/-1;grid-template-columns:1fr 1fr;align-items:center}.lesson-preview .lesson-preview-notation svg{height:130px}.lesson-preview .lesson-preview-stage-heading{letter-spacing:0;margin-bottom:14px;font-size:7px}.lesson-preview .lesson-preview-bar{padding:14px 12px}.lesson-preview .lesson-preview-bar>span:last-child{display:none}.lesson-preview .lesson-preview-brand{margin-right:0;font-size:19px}.lesson-preview .lesson-preview-keyboard-toolbar{gap:4px}.lesson-preview .lesson-preview-keyboard-toolbar>span{padding:4px;font-size:7px}.lesson-preview .lesson-preview-piano{padding:10px 5px}.lesson-preview .lesson-preview-keybed{border-width:8px 3px 3px;height:100px}.lesson-preview .lesson-preview-white-key>span{font-size:6px}.lesson-preview .lesson-preview-white-key small,.lesson-preview .lesson-preview-piano-caption span:last-child{display:none}.lesson-preview .lesson-preview-library-note{margin-top:14px}}.lesson-preview .lesson-preview-stage{padding:0;position:relative}.lesson-preview .lesson-preview-stage-heading{z-index:5;text-shadow:0 1px 4px #0008;color:#f6f1ff;position:absolute;top:14px;left:16px;right:16px}.lesson-preview .lesson-preview-stage-grid{height:390px;display:block;position:relative;overflow:hidden}.lesson-preview .lesson-preview-video.student{aspect-ratio:auto;width:100%;height:100%;box-shadow:none;border-radius:0;position:absolute;inset:0}.lesson-preview .lesson-preview-video.student img{object-fit:cover;object-position:center 58%;filter:brightness(.9);width:200%;height:100%;transform:translate(-50%)}.lesson-preview .lesson-preview-video.student>span{bottom:12px;left:auto;right:14px}.lesson-preview .lesson-preview-video.teacher{z-index:4;border:2px solid #fffa;border-radius:12px;width:150px;position:absolute;top:44px;right:14px;box-shadow:0 8px 22px #0004}.lesson-preview .lesson-preview-video.teacher img{width:200%;height:100%}.lesson-preview .lesson-preview-notation{z-index:4;background:#fffffff5;width:170px;position:absolute;top:56px;left:18px}.lesson-preview .lesson-preview-metronome{box-sizing:border-box;z-index:4;background:#ffffffed;width:170px;position:absolute;bottom:16px;left:18px}.lesson-preview .lesson-preview-metronome .lesson-preview-tool-heading{font-size:9px}.lesson-preview .lesson-preview-metronome .lesson-preview-tempo{margin:2px 8px 0 0;font-size:23px;display:inline-block}.lesson-preview .lesson-preview-metronome .lesson-preview-beats{margin:0;display:inline-flex}.lesson-preview .lesson-preview-metronome>small{display:none}.lesson-preview .lesson-preview-callbar{background:#272331;flex-wrap:wrap;gap:4px;margin:0;padding:10px 8px}.lesson-preview .lesson-preview-callbar>span{background:0 0;border:0;flex-shrink:0;width:32px;height:31px}.lesson-preview .lesson-preview-callbar>span:nth-child(4){background:#7950d2}.lesson-preview .lesson-preview-callbar .end-call{background:#d75374;margin-left:6px}.lesson-preview .lesson-preview-rail{background:#f4f0fa;gap:14px}.lesson-preview .lesson-preview-rail .rail-selected{color:#8150bc;background:#e6d9fa}.lesson-preview .lesson-preview-rail .rail-special-6{color:#539f7c;background:#e0f1e8;margin-top:12px}.lesson-preview .lesson-preview-rail .rail-special-7{color:#b38e40;background:#faf0d7}.lesson-preview .lesson-preview-rail .rail-special-8{color:#c2738f;background:#f8e1e9}.lesson-preview .lesson-preview-library-title>span{color:#fff;background:#8056ca;border-color:#8056ca;box-shadow:0 3px 10px #8056ca25}.lesson-preview .lesson-preview-file{background:#ffffffc0;border:1px solid #eee7f5;border-radius:9px;gap:9px;margin-bottom:6px;padding:16px 7px;box-shadow:0 3px 10px #50317004}.lesson-preview .lesson-preview-file-icon{color:#a46bb9;text-align:center;background:#faf4ff;border-color:#e5d1f2;min-width:29px;padding:8px 4px;font-size:6px}.lesson-preview .lesson-preview-file:nth-of-type(6) .lesson-preview-file-icon{color:#d28b9a;background:#fef0f3;border-color:#f3d6df}.lesson-preview .lesson-preview-file strong{color:#594768;font-size:10px}@media (max-width:1000px){.lesson-preview .lesson-preview-stage-grid{height:365px}.lesson-preview .lesson-preview-video.teacher{width:120px}.lesson-preview .lesson-preview-notation{width:150px}.lesson-preview .lesson-preview-notation svg{height:142px}.lesson-preview .lesson-preview-metronome{width:150px}.lesson-preview .lesson-preview-callbar>span{width:27px}}@media (max-width:700px){.lesson-preview .lesson-preview-stage-grid{height:360px}.lesson-preview .lesson-preview-video.teacher{width:96px;top:40px;right:8px}.lesson-preview .lesson-preview-notation{width:126px;padding:8px;top:55px;left:8px}.lesson-preview .lesson-preview-notation svg{height:120px}.lesson-preview .lesson-preview-metronome{width:126px;padding:8px;bottom:12px;left:8px}.lesson-preview .lesson-preview-metronome .lesson-preview-tempo{font-size:20px}.lesson-preview .lesson-preview-metronome .lesson-preview-beats{gap:5px}.lesson-preview .lesson-preview-callbar{gap:2px;padding:8px 4px}.lesson-preview .lesson-preview-callbar>span{width:23px;height:27px}.lesson-preview .lesson-preview-callbar svg{width:12px}.lesson-preview .lesson-preview-stage-heading{left:8px;right:8px}}.lesson-preview .lesson-preview-stage-grid{box-sizing:border-box;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:4px;height:420px;padding:4px;display:grid}.lesson-preview .lesson-preview-video.teacher,.lesson-preview .lesson-preview-video.student{aspect-ratio:auto;width:100%;min-width:0;height:100%;box-shadow:none;z-index:1;box-sizing:border-box;border:1px solid #ffffff1f;border-radius:8px;position:relative;inset:auto}.lesson-preview .lesson-preview-video.student{border:2px solid #9f83e8}.lesson-preview .lesson-preview-video.teacher img,.lesson-preview .lesson-preview-video.student img{object-fit:cover;object-position:center;filter:none;width:200%;height:100%}.lesson-preview .lesson-preview-video.teacher img{transform:none}.lesson-preview .lesson-preview-video.student img{transform:translate(-50%)}.lesson-preview .lesson-preview-video.teacher>span,.lesson-preview .lesson-preview-video.student>span{bottom:10px;left:10px;right:auto}.lesson-preview .lesson-preview-floating-tools{display:contents}.lesson-preview .lesson-preview-notation{width:158px;top:58px;left:50%;transform:translate(-50%)}.lesson-preview .lesson-preview-notation svg{height:146px}.lesson-preview .lesson-preview-metronome{width:158px;top:260px;bottom:auto;left:50%;transform:translate(-50%)}.lesson-preview .lesson-preview-stage-heading{justify-content:center;top:15px}.lesson-preview .lesson-preview-stage-heading>span:last-child{display:none}@media (max-width:1000px){.lesson-preview .lesson-preview-stage-grid{height:390px}.lesson-preview .lesson-preview-notation{width:142px}.lesson-preview .lesson-preview-notation svg{height:132px}.lesson-preview .lesson-preview-metronome{width:142px;top:245px}}@media (max-width:700px){.lesson-preview .lesson-preview-stage-grid{gap:3px;height:340px;padding:3px}.lesson-preview .lesson-preview-video.teacher,.lesson-preview .lesson-preview-video.student{grid-area:auto;width:100%;top:auto;right:auto}.lesson-preview .lesson-preview-notation{width:112px;padding:6px;top:55px;left:50%}.lesson-preview .lesson-preview-notation svg{height:104px}.lesson-preview .lesson-preview-metronome{width:112px;padding:7px;top:215px;bottom:auto;left:50%}.lesson-preview .lesson-preview-metronome .lesson-preview-tool-heading{font-size:8px}.lesson-preview .lesson-preview-metronome .lesson-preview-tempo{font-size:18px}.lesson-preview .lesson-preview-metronome .lesson-preview-beats{gap:4px}.lesson-preview .lesson-preview-metronome .lesson-preview-beats i{width:4px;height:4px}}.lesson-preview .lesson-preview-metronome{text-align:left;background:linear-gradient(145deg,#fff,#f7f3ff);border:1px solid #d5c7ee;border-radius:15px;width:174px;padding:13px;inset:56px 16px auto auto;transform:none;box-shadow:0 8px 26px #24153c35,0 0 0 3px #ffffff35}.lesson-preview .lesson-preview-metro-label{color:#746287;letter-spacing:.09em;margin-bottom:10px;font-size:8px;font-weight:700}.lesson-preview .lesson-preview-metro-top{align-items:center;gap:7px;display:flex}.lesson-preview .lesson-preview-metro-value{color:#8063aa;background:#fcfaff;border:1px solid #e0d4f0;border-radius:9px;flex:1;padding:8px;font-size:10px}.lesson-preview .lesson-preview-metro-value strong{color:#6846a9;font-size:20px;font-weight:700}.lesson-preview .lesson-preview-metro-play{background:#f7f0ff;border:1px solid #b69ade;border-radius:50%;place-items:center;width:32px;height:32px;display:grid}.lesson-preview .lesson-preview-metro-play svg{fill:#8960c5;width:14px;height:14px}.lesson-preview .lesson-preview-metronome .lesson-preview-beats{justify-content:center;gap:6px;margin:12px 0;display:flex}.lesson-preview .lesson-preview-metronome .lesson-preview-beats i{background:#e9e0f5;border:1px solid #cbb9e0;width:6px;height:6px}.lesson-preview .lesson-preview-metronome .lesson-preview-beats i:first-child{background:#9d79cd}.lesson-preview .lesson-preview-metro-slider{align-items:center;gap:8px;margin:0 0 12px;display:flex}.lesson-preview .lesson-preview-metro-slider>span{color:#fff;background:linear-gradient(#a078dd,#8457c4);border-radius:50%;place-items:center;width:20px;height:20px;font-size:14px;display:grid;box-shadow:0 2px 5px #8854be30}.lesson-preview .lesson-preview-metro-slider>div{background:linear-gradient(90deg,#9570cd 48%,#ded2ee 48%);border-radius:3px;flex:1;height:3px;position:relative}.lesson-preview .lesson-preview-metro-slider>div i{background:#9066c9;border-radius:50%;width:13px;height:13px;position:absolute;top:-5px;left:40%;box-shadow:0 2px 5px #69419940}.lesson-preview .lesson-preview-metro-signature{color:#847195;border:1px solid #e1d6ef;border-radius:9px;justify-content:space-between;align-items:center;gap:8px;padding:8px;font-size:9px;line-height:1.5;display:flex}.lesson-preview .lesson-preview-metro-signature strong{color:#72548f;background:#fff;border:1px solid #dfd0ed;border-radius:6px;justify-content:space-between;gap:19px;padding:5px 7px;font-size:10px;display:flex}.lesson-preview .lesson-preview-metro-accent{color:#9b88ad;align-items:center;gap:5px;margin:9px 0;font-size:8px;display:flex}.lesson-preview .lesson-preview-metro-accent i{background:#fff;border:1px solid #c3b1d5;border-radius:2px;width:8px;height:8px;display:inline-block}.lesson-preview .lesson-preview-metro-volume{align-items:center;gap:8px;display:flex}.lesson-preview .lesson-preview-metro-volume svg{stroke:#a181c7;fill:none;stroke-width:1.6px;width:13px;height:13px}.lesson-preview .lesson-preview-metro-volume>div{background:#e4d8f0;border-radius:4px;width:65px;height:3px;position:relative}.lesson-preview .lesson-preview-metro-volume i{background:#a17dc8;border-radius:50%;width:10px;height:10px;position:absolute;top:-4px;right:7px}.lesson-preview .lesson-preview-metro-sync{border-top:1px solid #e9e1f2;justify-content:flex-end;margin-top:12px;padding-top:9px;display:flex}.lesson-preview .lesson-preview-metro-sync>span{color:#8c72a8;background:#fff;border:1px solid #dfd1ef;border-radius:7px;align-items:center;gap:5px;padding:6px 7px;font-size:9px;font-weight:700;display:flex;box-shadow:0 2px 5px #8c60b910}.lesson-preview .lesson-preview-metro-sync b{color:#fff;background:#a07ad3;border-radius:5px;place-items:center;width:15px;height:15px;font-size:9px;display:grid}.lesson-preview .lesson-preview-bar{padding:13px 18px}.lesson-preview .lesson-preview-rail{background:linear-gradient(#f7f2ff,#eee5fc);gap:13px;padding:18px 5px}.lesson-preview .lesson-preview-rail>span{color:#9976ba;background:#ffffffdb;border:1px solid #e3d5f3;width:32px;height:34px;box-shadow:0 3px 7px #7344a812}.lesson-preview .lesson-preview-callbar{background:linear-gradient(#332a42,#292333);gap:7px;padding:10px 8px}.lesson-preview .lesson-preview-callbar>span{background:linear-gradient(145deg,#ffffff18,#ffffff08);border:1px solid #ffffff20;border-radius:9px;width:34px;height:32px;box-shadow:0 3px 7px #0002}.lesson-preview .lesson-preview-callbar svg{stroke:#f5eaff;width:15px;height:15px}.lesson-preview .lesson-preview-keyboard-toolbar{background:linear-gradient(#f8f3ff,#f0e8fc);gap:7px;padding:10px 12px}.lesson-preview .lesson-preview-keyboard-toolbar>span{color:#8b62b1;border:1px solid #dac8ed;border-radius:8px;min-height:28px;padding:6px 9px;font-size:9px;box-shadow:0 2px 5px #8d60b413,inset 0 1px #fff}.lesson-preview .lesson-preview-keyboard-toolbar>span:first-child strong{color:#fff;background:#ab84d5;border-radius:4px;padding:2px 4px}@media (max-width:1000px){.lesson-preview .lesson-preview-metronome{width:154px;padding:10px;top:56px;right:10px}.lesson-preview .lesson-preview-callbar{gap:5px}.lesson-preview .lesson-preview-callbar>span{width:29px}}@media (max-width:700px){.lesson-preview .lesson-preview-metronome{width:126px;padding:8px;top:56px;left:auto;right:8px}.lesson-preview .lesson-preview-metro-label{margin-bottom:7px;font-size:6px}.lesson-preview .lesson-preview-metro-value{padding:5px;font-size:8px}.lesson-preview .lesson-preview-metro-value strong{font-size:16px}.lesson-preview .lesson-preview-metro-play{width:24px;height:24px}.lesson-preview .lesson-preview-metro-signature{padding:5px;font-size:7px}.lesson-preview .lesson-preview-metro-signature strong{gap:10px;padding:4px;font-size:8px}.lesson-preview .lesson-preview-metro-accent{font-size:6px}.lesson-preview .lesson-preview-metro-sync{margin-top:8px;padding-top:6px}.lesson-preview .lesson-preview-notation{width:112px;top:56px;left:8px;transform:none}.lesson-preview .lesson-preview-callbar{gap:3px}.lesson-preview .lesson-preview-callbar>span{width:23px;height:27px}.lesson-preview .lesson-preview-keyboard-toolbar{gap:5px;padding:7px}.lesson-preview .lesson-preview-keyboard-toolbar>span{min-height:24px;padding:4px 6px;font-size:8px}}.lesson-preview .lesson-preview-library{background:linear-gradient(155deg,#fff 15%,#f3edff 100%)}.lesson-preview .lesson-preview-library-title strong{color:#34244d;font-size:16px}.lesson-preview .lesson-preview-library-title>span{color:#fff;background:linear-gradient(130deg,#a04ff0,#7240df);border:1px solid #8043dd;font-weight:600;box-shadow:0 4px 12px #8541dc38}.lesson-preview .lesson-preview-library>p{color:#83718f}.lesson-preview .lesson-preview-library-search{color:#877496;background:#fff;border-color:#c6a8ee;box-shadow:0 3px 10px #8250ad08}.lesson-preview .lesson-preview-library-filters>span{color:#7c6694;background:#fff;border-color:#ddccf4}.lesson-preview .lesson-preview-file{background:#fff;border-color:#e3d3f5;padding:14px 9px;box-shadow:0 4px 12px #7543990a}.lesson-preview .lesson-preview-file.selected strong{color:#fff}.lesson-preview .lesson-preview-file.selected small{color:#f0ddff}.lesson-preview .lesson-preview-file.selected .lesson-preview-file-icon{color:#fff;background:#ffffff20;border-color:#fff6}.lesson-preview .lesson-preview-file strong{color:#493451;font-size:10px;font-weight:600}.lesson-preview .lesson-preview-file small{color:#94809d;font-size:8px}.lesson-preview .lesson-preview-file-icon{letter-spacing:.02em;border-radius:6px;font-size:6px;font-weight:700;box-shadow:0 3px 7px #a371bd10}.lesson-preview .file-tone-1{background:linear-gradient(110deg,#f2fcfa,#fff);border-color:#c6e9e1}.lesson-preview .file-tone-1 .lesson-preview-file-icon{color:#249879;background:#dcf5ee;border-color:#9edac9}.lesson-preview .file-tone-2{background:linear-gradient(110deg,#fff3f7,#fff);border-color:#f2d3df}.lesson-preview .file-tone-2 .lesson-preview-file-icon{color:#dc558b;background:#ffe2ee;border-color:#f3b2cd}.lesson-preview .file-tone-3{background:linear-gradient(110deg,#f4f0ff,#fff)}.lesson-preview .file-tone-4{background:linear-gradient(110deg,#fff9ed,#fff);border-color:#f1e0bb}.lesson-preview .lesson-preview-library-note{background:linear-gradient(125deg,#fff1dc,#ffe9ee 80%);border:1px solid #f0c6cc;border-left:3px solid #e68ca8;box-shadow:0 5px 14px #cc7b9711}.lesson-preview .lesson-preview-library-note>span{color:#b75f87;font-size:9px;font-weight:700}.lesson-preview .lesson-preview-library-note p{color:#80546a;font-size:10px;line-height:1.65}.lesson-preview .lesson-preview-rail{background:linear-gradient(#eee2ff,#f7edff)}.lesson-preview .lesson-preview-keyboard-toolbar{background:linear-gradient(#eee1ff,#e6d6fc);border-top:1px solid #d3b8ee;border-bottom:1px solid #cdb1eb}.lesson-preview .lesson-preview-keyboard-toolbar>span{color:#7a3fb2;background:linear-gradient(145deg,#fff,#faf5ff);border-color:#c7a5e9;font-weight:500;box-shadow:0 3px 6px #9c60cb20}.lesson-preview .lesson-preview-callbar>span{background:linear-gradient(145deg,#51405f,#3d324b);border-color:#84629d;box-shadow:0 3px 7px #0003}.lesson-preview .lesson-preview-callbar .end-call{background:linear-gradient(135deg,#f477ac,#dc4d8b);border-color:#ff99c1}.lesson-preview .lesson-preview-metronome{transform-origin:0 0;width:164px;top:56px;left:calc(50% + 98px);right:auto;transform:scale(.76)}@media (max-width:1000px){.lesson-preview .lesson-preview-notation{left:calc(50% - 72px)}.lesson-preview .lesson-preview-metronome{top:56px;left:calc(50% + 12px);right:auto;transform:scale(.72)}}@media (max-width:700px){.lesson-preview .lesson-preview-notation{top:56px;left:8px;transform:none}.lesson-preview .lesson-preview-metronome{width:164px;top:56px;left:calc(50% + 6px);right:auto;transform:scale(.6)}}.lesson-preview .lesson-preview-library-title>span{background:linear-gradient(120deg,#a624ed,#6634e9);border-color:#7c2cdf;box-shadow:0 5px 14px #8f2ce54a}.lesson-preview .lesson-preview-file.selected{background:linear-gradient(115deg,#a735ef,#6931de);border-color:#8b37e1;box-shadow:0 5px 15px #8735dd38}.lesson-preview .lesson-preview-file.selected .lesson-preview-file-icon{background:#ffffff30;border-color:#ffffff80}.lesson-preview .file-tone-1 .lesson-preview-file-icon{color:#fff;background:linear-gradient(130deg,#24cfb2,#0da989);border-color:#0eaf91;box-shadow:0 3px 8px #10b59a32}.lesson-preview .file-tone-2 .lesson-preview-file-icon{color:#fff;background:linear-gradient(130deg,#ff6baf,#ed397f);border-color:#ef438d;box-shadow:0 3px 8px #ed498b32}.lesson-preview .file-tone-3 .lesson-preview-file-icon{color:#fff;background:linear-gradient(130deg,#ac63f2,#7c3ee1);border-color:#9149e6}.lesson-preview .file-tone-4 .lesson-preview-file-icon{color:#79440d;background:linear-gradient(130deg,#ffc34f,#f69b29);border-color:#eeaa39}.lesson-preview .lesson-preview-library-note{background:linear-gradient(125deg,#ffe09a,#ffbad9);border-color:#ee9eb8 #ee9eb8 #ee9eb8 #e94e97;border-left-style:solid;border-left-width:4px;box-shadow:0 5px 16px #e5539c20}.lesson-preview .lesson-preview-library-note>span{color:#ac2965}.lesson-preview .lesson-preview-library-note p{color:#6e3459;font-weight:500}.lesson-preview .lesson-preview-rail>span{color:#8737d5;background:#fff;border-color:#c19aeb;box-shadow:0 3px 8px #a266d52c}.lesson-preview .lesson-preview-rail>span:nth-child(2){color:#e2479f;background:#fff0f9;border-color:#f2a9d2}.lesson-preview .lesson-preview-rail>span:nth-child(3){color:#5e56dd;background:#efedff;border-color:#b9b0f4}.lesson-preview .lesson-preview-rail>span:nth-child(4){color:#b240de;background:#f8eaff;border-color:#d5a0f1}.lesson-preview .lesson-preview-rail .rail-selected{color:#fff;background:linear-gradient(130deg,#b13de9,#7138d7);border-color:#8c40dc;box-shadow:0 4px 12px #9734dc50}.lesson-preview .lesson-preview-rail .rail-special-6{color:#075c40;background:linear-gradient(#3be8b0,#13c789);border-color:#12ba80}.lesson-preview .lesson-preview-rail .rail-special-7{color:#92590a;background:linear-gradient(#ffe36a,#ffbd32);border-color:#eeb32d}.lesson-preview .lesson-preview-rail .rail-special-8{color:#961b58;background:linear-gradient(#ff8dc7,#f354a4);border-color:#e950a0}.lesson-preview .lesson-preview-keyboard-toolbar{background:linear-gradient(110deg,#e4c7ff,#f3d5ff 55%,#e1d0ff);border-color:#bc89e4}.lesson-preview .lesson-preview-keyboard-toolbar>span{color:#7332b4;background:#fff;border-color:#c18ae8;box-shadow:0 3px 7px #9a42cf2b}.lesson-preview .lesson-preview-keyboard-toolbar>span:first-child strong{background:#9234df}.lesson-preview .lesson-preview-keyboard-toolbar>span:nth-child(2){color:#fff;background:#19c393;border-color:#12ae81}.lesson-preview .lesson-preview-keyboard-toolbar>span:nth-child(2) i{background:#d7fff1}.lesson-preview .lesson-preview-keyboard-toolbar>span:nth-child(4){color:#fff;background:linear-gradient(120deg,#b23eea,#7c38dc);border-color:#9140de}.lesson-preview .lesson-preview-keyboard-toolbar>span:nth-child(5){color:#fff;background:linear-gradient(120deg,#fa83c0,#e94b9c);border-color:#e96cab}.lesson-preview .lesson-preview-keyboard-toolbar b{background:linear-gradient(90deg,#e44fc3,#8338e4)}.lesson-preview .lesson-preview-callbar>span:nth-child(4){background:linear-gradient(135deg,#b53bed,#7c36d9);border-color:#c46cf3}.lesson-preview .lesson-preview-callbar .end-call{background:linear-gradient(135deg,#ff67ab,#e93280);border-color:#ff83b7;box-shadow:0 3px 10px #ee3b8b40}.landing-page .hero+.lesson-preview{margin-top:8px}.lesson-preview *,.lesson-preview :before,.lesson-preview :after{box-sizing:border-box}@media (max-width:700px){.lesson-preview.lesson-preview{width:100%;max-width:100%;margin:30px auto 36px}.lesson-preview .lesson-preview-intro{margin-bottom:20px}.lesson-preview .lesson-preview-eyebrow{letter-spacing:.09em;line-height:1.7;display:block}.lesson-preview h2{overflow-wrap:break-word;font-size:29px;line-height:1.18}.lesson-preview .lesson-preview-intro p{font-size:14px;line-height:1.65}.lesson-preview .lesson-preview-window{border-radius:16px;min-width:0}.lesson-preview .lesson-preview-app{display:block}.lesson-preview .lesson-preview-bar{padding:12px}.lesson-preview .lesson-preview-rail{scrollbar-width:thin;overscroll-behavior-x:contain;border-bottom:1px solid #dfccf1;border-right:0;flex-direction:row;justify-content:flex-start;gap:8px;padding:10px;overflow-x:auto}.lesson-preview .lesson-preview-rail>span{flex:0 0 30px;width:30px;height:32px;margin-top:0}.lesson-preview .lesson-preview-rail svg{width:16px;height:16px}.lesson-preview .lesson-preview-workspace{min-width:0}.lesson-preview .lesson-preview-stage-grid{grid-template-rows:180px 1fr;grid-template-columns:repeat(2,minmax(0,1fr));align-items:start;height:408px}.lesson-preview .lesson-preview-video.teacher,.lesson-preview .lesson-preview-video.student{grid-area:1;min-width:0;height:180px;position:relative;inset:auto}.lesson-preview .lesson-preview-stage-heading{font-size:8px;top:195px}.lesson-preview .lesson-preview-notation{width:130px;padding:8px;top:224px;left:14px;transform:none}.lesson-preview .lesson-preview-notation svg{height:140px}.lesson-preview .lesson-preview-metronome{transform-origin:100% 0;width:174px;top:224px;left:auto;right:14px;transform:scale(.67)}.lesson-preview .lesson-preview-keyboard-toolbar{gap:6px;padding:9px}.lesson-preview .lesson-preview-keyboard-toolbar>span{min-height:28px;padding:6px 8px;font-size:9px}.lesson-preview .lesson-preview-keybed{height:112px}.lesson-preview .lesson-preview-white-key:nth-child(n+15){display:none}.lesson-preview .lesson-preview-white-key>span{font-size:8px;bottom:12px}.lesson-preview .lesson-preview-callbar{grid-template-columns:repeat(6,minmax(0,1fr));justify-items:center;gap:7px;padding:12px;display:grid}.lesson-preview .lesson-preview-callbar>span{width:32px;height:32px;margin:0}.lesson-preview .lesson-preview-callbar svg{width:15px;height:15px}.lesson-preview .lesson-preview-library{border-top:1px solid #dfccec;border-left:0;padding:20px 16px}.lesson-preview .lesson-preview-library-title{font-size:17px}.lesson-preview .lesson-preview-library-title>span{padding:8px 13px;font-size:11px}.lesson-preview .lesson-preview-library>p{font-size:11px;line-height:1.5}.lesson-preview .lesson-preview-library-search{padding:12px;font-size:11px}.lesson-preview .lesson-preview-library-filters>span{padding:9px;font-size:10px}.lesson-preview .lesson-preview-file{gap:12px;padding:14px 10px}.lesson-preview .lesson-preview-file strong{font-size:12px}.lesson-preview .lesson-preview-file small{font-size:10px;line-height:1.6}.lesson-preview .lesson-preview-file-icon{min-width:38px;padding:10px 4px;font-size:8px}.lesson-preview .lesson-preview-library-note>span{font-size:10px}.lesson-preview .lesson-preview-library-note p{font-size:12px}}@media (max-width:360px){.lesson-preview .lesson-preview-notation{width:116px;left:10px}.lesson-preview .lesson-preview-notation svg{height:132px}.lesson-preview .lesson-preview-metronome{right:10px;transform:scale(.61)}}@media (max-width:700px){.lesson-preview .lesson-preview-rail{justify-content:center;gap:14px;padding:10px 12px;overflow:visible}.lesson-preview .lesson-preview-rail>span{display:none}.lesson-preview .lesson-preview-rail>span[title=Whiteboard],.lesson-preview .lesson-preview-rail>span[title=Chat],.lesson-preview .lesson-preview-rail>span[title=Keyboard],.lesson-preview .lesson-preview-rail>span[title=Library]{flex:0 0 34px;width:34px;height:34px;display:grid}.lesson-preview .lesson-preview-stage-grid{grid-template-rows:auto 176px;grid-template-columns:repeat(2,minmax(0,1fr));gap:3px;height:auto;padding:3px;display:grid}.lesson-preview .lesson-preview-video.teacher,.lesson-preview .lesson-preview-video.student{aspect-ratio:4/3;border-radius:8px;grid-row:1;width:100%;min-width:0;height:auto}.lesson-preview .lesson-preview-video.teacher{grid-column:1}.lesson-preview .lesson-preview-video.student{grid-column:2}.lesson-preview .lesson-preview-video img{object-fit:cover;object-position:center 35%;width:200%;height:100%}.lesson-preview .lesson-preview-video>span{padding:4px 6px;font-size:8px;bottom:5px;left:5px}.lesson-preview .lesson-preview-stage-heading{display:none}.lesson-preview .lesson-preview-floating-tools{grid-area:2/1/auto/-1;width:100%;height:176px;display:block;position:relative}.lesson-preview .lesson-preview-notation{width:114px;padding:8px;top:12px;bottom:auto;left:12px;transform:none}.lesson-preview .lesson-preview-notation svg{height:116px}.lesson-preview .lesson-preview-metronome{transform-origin:100% 0;width:174px;inset:12px 12px auto auto;transform:scale(.6)}.lesson-preview .lesson-preview-keyboard-toolbar{flex-wrap:nowrap;justify-content:center;gap:6px;padding:8px}.lesson-preview .lesson-preview-keyboard-toolbar>span{white-space:nowrap;min-height:26px;padding:5px 7px;font-size:8px;display:none}.lesson-preview .lesson-preview-keyboard-toolbar>span:nth-child(-n+3){display:flex}.lesson-preview .lesson-preview-piano{padding:8px 9px 10px}.lesson-preview .lesson-preview-keybed{border-width:7px 4px 4px;height:96px;margin-top:7px}.lesson-preview .lesson-preview-white-key:nth-child(n+11){display:none}.lesson-preview .lesson-preview-white-key>span{font-size:9px;bottom:10px}.lesson-preview .lesson-preview-callbar{flex-wrap:nowrap;justify-content:center;gap:10px;padding:12px 8px;display:flex}.lesson-preview .lesson-preview-callbar>span{flex:0 0 32px;width:32px;height:32px;margin:0;display:none}.lesson-preview .lesson-preview-callbar>span[title=Microphone],.lesson-preview .lesson-preview-callbar>span[title=Camera],.lesson-preview .lesson-preview-callbar>span[title=Share\ screen],.lesson-preview .lesson-preview-callbar>span[title=More\ actions],.lesson-preview .lesson-preview-callbar>span[title=Leave\ call]{display:grid}.lesson-preview .lesson-preview-library{padding:16px 14px}.lesson-preview .lesson-preview-library>p{margin-bottom:12px}.lesson-preview .lesson-preview-library-filters{display:none}.lesson-preview .lesson-preview-library-search{margin-bottom:12px;padding:10px;font-size:10px}.lesson-preview .lesson-preview-file{gap:9px;padding:10px 8px}.lesson-preview .lesson-preview-file.file-tone-3,.lesson-preview .lesson-preview-file.file-tone-4{display:none}.lesson-preview .lesson-preview-library-note{margin-top:12px;padding:10px}.lesson-preview .lesson-preview-stage-grid{grid-template-rows:auto 94px}.lesson-preview .lesson-preview-floating-tools{height:94px}.lesson-preview .lesson-preview-notation{transform-origin:0 0;top:8px;left:calc(25% - 28.5px);transform:scale(.5)}.lesson-preview .lesson-preview-metronome{transform-origin:100% 0;top:8px;right:calc(25% - 26.1px);transform:scale(.3)}}.lesson-preview .lesson-preview-timer{display:none}@media (max-width:700px){.lesson-preview .lesson-preview-notation{left:calc(16.666% - 28.5px)}.lesson-preview .lesson-preview-metronome{right:calc(50% - 26.1px)}.lesson-preview .lesson-preview-timer{transform-origin:100% 0;background:linear-gradient(140deg,#fff0fc,#e6dcff 70%,#d5fff1);border:1px solid #bc94f2;border-radius:18px;width:172px;padding:12px;display:block;position:absolute;top:8px;right:calc(16.666% - 43px);transform:scale(.5);box-shadow:0 8px 24px #120b3533,inset 0 1px #fff}.lesson-preview .lesson-preview-timer-title{color:#7040a9;letter-spacing:.04em;white-space:nowrap;align-items:center;gap:5px;margin-bottom:10px;font:800 8px/1.4 Manrope,sans-serif;display:flex}.lesson-preview .lesson-preview-timer-title svg{fill:none;stroke:#9d3ed9;stroke-width:1.8px;flex-shrink:0;width:15px;height:15px}.lesson-preview .lesson-preview-timer-presets{grid-template-columns:repeat(5,minmax(0,1fr));gap:5px;display:grid}.lesson-preview .lesson-preview-timer-presets>span{color:#7637bd;background:#ffffffd9;border:1px solid #c7a4ee;border-radius:8px;justify-content:center;align-items:center;min-height:26px;font:700 13px/1 Manrope,sans-serif;display:flex;box-shadow:0 2px 4px #8c53bc14}.lesson-preview .lesson-preview-timer-presets .timer-preset-selected{color:#fff;background:linear-gradient(130deg,#ac48e9,#7635da);border-color:#9444da;box-shadow:0 3px 8px #9e3fdb30}.lesson-preview .lesson-preview-timer-presets .lesson-preview-timer-start{color:#087c61;background:linear-gradient(120deg,#d9fff1,#b1f3df);border-color:#72d5b8;grid-column:span 3;justify-content:space-between;padding:0 10px}.lesson-preview .lesson-preview-timer-start svg{fill:#159c79;width:14px;height:14px}}