.student-lessons{position:fixed;inset:0;z-index:220;display:grid;place-items:center;padding:max(12px,env(safe-area-inset-top)) max(12px,env(safe-area-inset-right)) max(12px,env(safe-area-inset-bottom)) max(12px,env(safe-area-inset-left));background:#190608ac;backdrop-filter:blur(5px);color:#ffe5cf;font:16px Arial,sans-serif;touch-action:manipulation}
.student-lessons[hidden],.student-lessons [hidden]{display:none!important}.student-lessons *{box-sizing:border-box}
.student-lessons section{width:min(940px,100%);max-height:100%;display:flex;flex-direction:column;overflow:hidden;border:1px solid #b7664f;border-radius:20px;background:linear-gradient(145deg,#4f171f,#291018);box-shadow:0 24px 90px #100207aa}
.student-lessons header{display:flex;justify-content:space-between;align-items:center;gap:12px;padding:18px 24px}.student-lessons h2{margin:0;font-size:28px}
.student-lessons button{font:inherit;color:inherit;border:1px solid #966154;border-radius:10px;background:#67302c;cursor:pointer;min-height:44px;padding:9px 13px;touch-action:none;user-select:none}
.student-lessons button:hover{background:#864236}.student-lessons button:focus-visible{outline:3px solid #ffe2a0;outline-offset:-3px}.student-close{font-size:14px!important;white-space:nowrap}
.student-song{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:8px;padding:10px 24px;background:#210a12;color:#efc68c;font-size:14px}.student-song strong{color:#ffdfa9;font-weight:normal}
.student-scale{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:15px 24px 0}.student-scale button{min-width:0;padding:8px 2px;font-size:13px;background:#392126;border-color:#8e564c}
.student-scale bdi{white-space:nowrap}.student-scale .playing{background:#7b592f;border-color:#ffdc91}.student-lessons kbd{display:block;direction:ltr;font:12px monospace;color:#e8b7a0;margin-top:5px}
.student-content{padding:20px 24px;min-height:0;overflow:auto;overscroll-behavior:contain}.student-lessons footer{display:flex;flex-wrap:wrap;gap:10px;justify-content:space-between;padding:14px 24px;background:#210b13;font-size:14px}.student-lessons footer small{color:#cfaa9c;font-size:12px}.student-feedback{min-height:20px;color:#ffdea1}
.student-keyboard{position:relative;height:205px;border:8px solid #150c11;border-radius:10px;background:#150c11;margin:4px 0}
.student-keyboard button{position:absolute;left:var(--x);top:0;width:var(--w);height:100%;border:1px solid #776e61;border-radius:0 0 6px 6px;background:#c4bdb2;color:#332425;padding:5px 2px;display:flex;align-items:center;justify-content:flex-end;flex-direction:column}
.student-keyboard button span{display:flex;gap:3px;flex-wrap:wrap;justify-content:center;font-size:12px}.student-keyboard button.student-black{height:60%;z-index:2;background:#241a1f;color:#d4b6aa;border-color:#100c10}.student-keyboard button.student-black span{font-size:10px}
.student-keyboard button.in-scale{background:#ffe2a5;box-shadow:inset 0 -7px #cf8547}.student-keyboard button.student-black.in-scale{background:#6c4931;color:#fff0ce;box-shadow:inset 0 -5px #efbf78}
.student-chromatic summary{cursor:pointer;min-height:44px;display:list-item;align-content:center;color:#e8b7a0;font-size:14px;padding:10px 4px;user-select:none;touch-action:manipulation}.student-chromatic summary:focus-visible{outline:2px solid #ffe2a0;outline-offset:-2px;border-radius:5px}
.student-lessons:is([data-kind="guitar"],[data-kind="bass"]) .student-scale button{min-height:84px;font-size:16px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px}.student-lessons:is([data-kind="guitar"],[data-kind="bass"]) .student-feedback{font-size:16px;font-weight:bold}
.student-note-position{display:block;font-size:11px;line-height:1.35;color:#efc68c;white-space:nowrap}.student-harmony{min-height:32px;padding:9px 24px 0;color:#a8e5d7;font-size:14px;line-height:20px}.student-scale button.suggested{outline:2px solid #a8e5d7;outline-offset:-3px}
.student-neck-scroll{overflow-x:auto;overscroll-behavior:contain;padding-bottom:5px}.student-neck{min-width:var(--neck-width,689px);padding:6px 0;background:#3e2720;border-radius:10px}
.student-fret-numbers,.student-string{display:grid;grid-template-columns:65px repeat(var(--frets,13),minmax(0,1fr))}.student-fret-numbers span{text-align:center;padding:4px 1px;font-size:11px;color:#d8b899}
.student-string{position:relative}.student-string:before{content:'';position:absolute;height:2px;left:65px;right:0;top:50%;background:#a28364;pointer-events:none}.student-string-name{font-size:11px;align-self:center;text-align:center;z-index:1;background:#3e2720;color:#d4b7a4}
.student-string button{position:relative;min-height:47px;border:0;border-right:2px solid #b4a09666;border-radius:0;padding:2px;background:transparent}
.student-string button span{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:2px;border-radius:16px;min-height:26px;background:#39241f;color:#d8b899;font-size:0;opacity:.35}
.student-string button span:after{content:'';height:7px;width:7px;border-radius:50%;background:#9d7d66}.student-string button.in-scale span{opacity:1;font-size:11px;color:#ffe2a5;background:#513923}.student-string button.in-scale span:after{display:none}
.student-string button.hit span,.student-string button:hover span,.student-string button:focus-visible span{font-size:11px;background:#efd098;color:#402421;opacity:1}.student-string button.hit span:after,.student-string button:hover span:after,.student-string button:focus-visible span:after{display:none}
.student-pads{display:grid;grid-template-columns:repeat(5,minmax(0,1fr));direction:ltr;gap:12px;margin:10px 0}.student-pads>button{direction:rtl;min-width:0;min-height:180px;border-radius:16px;display:flex;align-items:center;justify-content:center;flex-direction:column;gap:10px;box-shadow:0 6px #210b13}.student-pads svg{width:100%;max-width:100px;height:92px;flex-shrink:0}.student-pads .kit-head{fill:#f3e8d2;stroke:#8c755d;stroke-width:3}.student-pads .kit-shell{fill:#b87560;stroke:#44343a;stroke-width:3}.student-pads .kit-ring{fill:none;stroke:#bfa885;stroke-width:1.5}.student-pads .kit-cymbal{fill:#d9ae56;stroke:#96703a;stroke-width:2}.student-pads .kit-metal{fill:none;stroke:#b8b4b6;stroke-width:4;stroke-linecap:round;stroke-linejoin:round}
.student-lessons .hit{filter:brightness(1.18);box-shadow:inset 0 -4px #ffcd75!important}
.creation-modes{display:flex;gap:5px;padding:0 24px 12px}.creation-modes button{flex:1;font-size:14px;min-height:44px;background:#29151d;color:#cdb8a9;padding-inline:6px}.creation-modes button[aria-pressed="true"]{background:#efd5a3;color:#37221c;border-color:#efd5a3;font-weight:bold}
.creation-library{padding:14px 24px;overflow:auto;min-height:240px}.creation-library-head,.creation-library-piece,.creation-library-pages{display:flex;align-items:center;gap:12px;justify-content:space-between}.creation-library-head strong{color:#efd5a3}.creation-library p{font-size:14px;color:#cdb8a9}.creation-library-piece{border-bottom:1px solid #96615455;padding:12px 0}.creation-library-piece>div{flex:1;min-width:0;overflow-wrap:anywhere}.creation-library-piece strong,.creation-library-piece small{display:block}.creation-library-piece small{font-size:12px;color:#cdb8a9;margin-top:5px}.creation-library-piece button{font-size:13px;white-space:nowrap}.creation-library-remove{background:transparent!important;color:#d9b5a6!important}.creation-library-pages{justify-content:center;margin-top:15px}.creation-library-mode .creation-panel,.creation-library-mode .student-song,.creation-library-mode .student-scale,.creation-library-mode .student-content,.creation-library-mode footer{display:none!important}.creation-publish{display:flex;flex-wrap:wrap;gap:8px;align-items:center;border-top:1px solid #96615455;padding:12px 0;margin-top:8px}.creation-publish label{display:flex;align-items:center;gap:8px;font-size:14px}.creation-publish input{width:180px;max-width:100%;font:inherit;color:#ffe5cf;background:#38272b;border:1px solid #876454;border-radius:7px;min-height:44px;padding:8px}.creation-publish>span{flex-basis:100%;font-size:12px;color:#d1b799}.creation-publish button{font-size:13px}.creation-library-mode section{display:flex!important}
.creation-mic{border-top:1px solid #80645440;margin:6px 0;font-size:13px}.creation-mic summary{min-height:44px;align-content:center;cursor:pointer;color:#e8c796}.creation-mic p{font-size:12px;line-height:1.55;color:#cdb8a9;max-width:500px;margin:3px 0 10px}.creation-mic>div{display:flex;gap:6px;flex-wrap:wrap}.creation-mic button{font-size:12px}.creation-mic [data-mic-status]{display:block;font-size:12px;color:#a5dcc6;margin:7px 0}.creation-mic [data-mic-record]{background:#745077}.creation-mode section>header,.creation-mode .creation-modes,.creation-mode .creation-panel,.creation-mode .student-song,.creation-mode .student-scale,.creation-mode footer{flex-shrink:0}
.creation-starters{margin:7px 0}.creation-starters summary{font-size:13px;color:#cdb8a9;min-height:36px;align-content:center;cursor:pointer}.creation-starters>div{display:flex;gap:5px;flex-wrap:wrap;padding-bottom:7px}.creation-starters button{font-size:12px;min-height:40px;padding:6px 10px;background:#283b36;border-color:#627d69}
.creation-mic [data-mic-level]{display:flex;gap:10px;align-items:center;margin:10px 0;font-size:12px}.creation-mic input[type="range"]{min-height:44px;flex:1;min-width:70px;accent-color:#d6a0d0}.creation-settings>small{display:block;color:#cdb8a9;margin-bottom:10px}
.creation-save-details>summary{min-height:40px;align-content:center;color:#a5dcc6;cursor:pointer;font-size:13px}.creation-save-details>summary small{font-size:10px;color:#bda997;margin-inline-start:8px}.creation-save-details .creation-save{border-top:0;padding-bottom:8px}.creation-mode .student-keyboard{height:155px}
.creation-export-format{display:flex;gap:6px;align-items:center;font-size:12px;color:#d1b799}.creation-export-format select{font:inherit;color:#f6dec0;background:#38272b;border:1px solid #876454;border-radius:7px;min-height:44px;padding:5px}.creation-export-format select:focus-visible{outline:2px solid #efd5a3}
@media(max-width:560px){.creation-mode[data-kind="piano"] .student-scale{display:none}.creation-mode .student-content{padding-block:10px}.creation-mode .student-keyboard{height:145px}}
.creation-mode section{overflow-y:auto;overscroll-behavior:contain}.creation-mode .student-content{flex-shrink:0}.creation-panel{padding:12px 24px;background:#201319;color:#ead8c4;border-top:1px solid #7e544052}
.creation-transport{display:flex;align-items:center;gap:8px;flex-wrap:wrap}.creation-transport button{white-space:nowrap;font-size:14px}.creation-record{background:#a93f49!important;border-color:#d37b7d!important}.creation-transport [data-create-status]{flex:1;min-width:150px;font-size:13px;color:#e8c796}
.creation-progress{height:18px;position:relative;display:grid;grid-template-columns:repeat(16,1fr);overflow:hidden;margin:10px 0}.creation-progress i{border-left:1px solid #85615355;height:6px;align-self:center}.creation-progress i.bar{height:12px;border-color:#b28c69}.creation-progress [data-create-playhead]{position:absolute;inset:0;width:100%;pointer-events:none;border-left:3px solid #a5dcc6;will-change:transform}.is-recording .creation-progress [data-create-playhead]{border-color:#ff9d97}
.creation-tracks{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}.creation-tracks button{min-width:0;text-align:right;border-color:#5c4241;background:#302029;padding:8px 10px}.creation-tracks button[aria-pressed="true"]{border-color:var(--track-color);box-shadow:inset 0 0 0 1px var(--track-color)}.creation-tracks strong{font-size:14px;color:var(--track-color)}.creation-tracks small{display:block;font-size:11px;color:#d3bcae}.creation-track-notes{display:block;height:24px;position:relative;overflow:hidden;margin:3px 0;background:repeating-linear-gradient(90deg,transparent 0,transparent calc(25% - 1px),#ac8c7026 calc(25% - 1px),#ac8c7026 25%)}.creation-track-notes i{position:absolute;width:3px;height:4px;border-radius:2px;background:var(--track-color)}
.creation-track-tools{display:flex;gap:7px;margin:9px 0}.creation-track-tools button{font-size:12px;padding:7px 11px;min-height:44px;background:transparent}.creation-panel button:disabled{opacity:.42;cursor:default}.creation-settings{font-size:13px}.creation-settings summary{cursor:pointer;min-height:36px;align-content:center;color:#d1b799}.creation-settings-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;padding:8px 0 12px}.creation-settings label{display:flex;gap:6px;align-items:center;flex-wrap:wrap;min-width:0}.creation-settings input,.creation-settings select{font:inherit;color:#f6dec0;background:#38272b;border:1px solid #876454;border-radius:7px;min-width:0;min-height:44px;padding:5px;max-width:100%}.creation-settings input[type="number"]{width:68px}.creation-settings input[type="checkbox"]{width:19px;min-height:19px;accent-color:#d79a69}.creation-settings .creation-volume{grid-column:1/-1}.creation-volume input{flex:1;accent-color:#d79a69;min-width:110px}.creation-settings input:focus-visible,.creation-settings select:focus-visible{outline:2px solid #efd5a3}
.creation-save{display:flex;align-items:center;flex-wrap:wrap;gap:8px;border-top:1px solid #80645440;padding-top:8px}.creation-save [data-create-saved]{font-size:11px;color:#bda997;margin-inline-end:auto}.creation-save button{font-size:12px;padding:7px 11px;background:transparent;min-height:44px}.creation-save a{font-size:13px;color:#a9dec6;min-height:44px;align-content:center}.creation-mode footer [data-help]{display:none}.creation-mode .student-harmony{display:none}
@media(max-width:560px){.creation-modes{padding:0 13px 10px}.creation-panel{padding:10px 12px}.creation-transport [data-create-status]{flex-basis:100%;min-height:18px}.creation-tracks{gap:5px}.creation-tracks button{padding:6px}.creation-tracks strong{font-size:13px}.creation-tracks small{font-size:10px}.creation-save [data-create-saved]{flex-basis:100%}.creation-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.creation-track-tools{gap:5px}.creation-track-tools button{padding:7px}}
@media(max-height:520px) and (min-width:650px){.creation-mode section{display:grid;grid-template-columns:minmax(290px,.85fr) minmax(310px,1.15fr)}.creation-mode header,.creation-mode .creation-modes{grid-column:1/-1}.creation-mode header{padding:5px 16px}.creation-mode .creation-modes{padding:0 16px 5px}.creation-mode .creation-modes button{min-height:36px;padding:5px}.creation-mode .creation-panel{grid-column:1;grid-row:3/7;padding:8px 12px}.creation-mode .student-song{grid-column:2;grid-row:3;padding:6px 12px;align-self:start}.creation-mode .student-scale{grid-column:2;grid-row:4;padding:6px 12px 0}.creation-mode .student-content{grid-column:2;grid-row:5;padding:6px 12px}.creation-mode footer{grid-column:2;grid-row:6;padding:6px 12px}.creation-mode .creation-transport [data-create-status]{flex-basis:100%;font-size:12px}.creation-mode .creation-progress{margin:5px 0;height:12px}.creation-mode .creation-tracks{gap:4px}.creation-mode .creation-tracks button{padding:5px}.creation-mode .creation-track-notes{height:15px}.creation-mode .creation-track-tools{margin:5px 0}.creation-mode .creation-save{padding-top:4px;gap:4px}.creation-mode .creation-save [data-create-saved]{flex-basis:100%}.creation-mode .creation-settings summary{min-height:30px}.creation-mode .student-keyboard{height:110px}.creation-mode .student-pads{grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin:0}.creation-mode .student-pads>button{min-height:76px;gap:1px;padding:3px}.creation-mode .student-pads svg{height:36px}.creation-mode .student-pads strong{font-size:12px}}
@media(max-width:560px){.student-lessons{padding:8px}.student-lessons header{padding:13px}.student-lessons h2{font-size:23px}.student-song,.student-lessons footer{padding:10px 14px}.student-song{font-size:13px}.student-scale{padding:12px 12px 0;gap:4px}.student-scale button{font-size:11px;display:flex;flex-direction:column;align-items:center;gap:2px}.student-note-position{font-size:10px}.student-harmony{padding-inline:14px;font-size:13px}.student-content{padding:15px 12px}.student-keyboard{height:190px}.student-keyboard button span{flex-direction:column;font-size:11px}.student-keyboard button.student-black span{font-size:9px}.student-pads{gap:8px;grid-template-columns:repeat(3,minmax(0,1fr))}.student-pads>button{min-height:132px;padding:9px 5px}.student-pads svg{height:64px;max-width:70px}.student-string button{min-height:44px}}
@media(pointer:coarse){.student-lessons kbd{display:none}.student-lessons [data-help]{display:none}}
@media(max-width:560px){.student-lessons:is([data-kind="guitar"],[data-kind="bass"]) .student-scale button{font-size:12px;min-height:78px}.student-lessons:is([data-kind="guitar"],[data-kind="bass"]) .student-feedback{font-size:14px}}
@media(max-height:520px){.student-lessons header{padding:8px 18px}.student-lessons h2{font-size:22px}.student-song,.student-lessons footer{padding:7px 18px}.student-scale{padding:7px 18px 0}.student-scale button{padding:3px;min-height:39px;font-size:12px}.student-scale kbd{margin-top:1px}.student-harmony{padding:5px 18px 0;min-height:26px}.student-content{padding:8px 18px}.student-keyboard{height:125px}.student-string button{min-height:27px}.student-string button span{min-height:23px}.student-fret-numbers span{padding:2px;font-size:10px}.student-neck{padding:0}.student-pads{margin:5px 0}.student-pads>button{min-height:112px;gap:4px}.student-pads svg{height:58px;max-width:65px}}

/* Song sections: a small tape strip above the instruments, in the studio palette. */
.creation-arrangement{border-bottom:1px solid #a87b564d;margin-bottom:12px;padding-bottom:9px;min-width:0}
.creation-arrangement-head{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:7px}.creation-arrangement-head>strong{font-size:15px;color:#efd5a3;letter-spacing:.02em}.creation-arrangement-head button{font-size:12px;min-height:40px;background:#33443a;border-color:#89ac83}
.creation-sections{display:flex;gap:6px;overflow-x:auto;padding:3px 2px 8px;max-width:100%;scrollbar-width:thin;scrollbar-color:#b18a64 transparent}.creation-sections button{flex:0 0 auto;min-width:86px;max-width:180px;padding:7px 10px;background:#33252a;border-color:#755349;text-align:start}.creation-sections strong{display:block;font-size:13px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.creation-sections small{display:block;font-size:11px;color:#c4aa93;margin-top:3px}.creation-sections button[aria-pressed="true"]{background:#614b39;border-color:#e6bd80}.creation-sections button.is-playing{box-shadow:inset 0 -3px #a5dcc6}.creation-sections button.is-playing small{color:#a5dcc6}
.creation-section-edit{display:flex;gap:7px;align-items:end;flex-wrap:wrap}.creation-section-edit label,.creation-record-length{display:flex;gap:5px;align-items:center;font-size:11px;color:#d1b799;min-width:0}.creation-section-edit label:first-child{flex:1}.creation-section-edit input,.creation-section-edit select,.creation-record-length select{font:inherit;font-size:12px;color:#f6dec0;background:#38272b;border:1px solid #876454;border-radius:7px;min-height:40px;padding:5px;min-width:0;max-width:100%}.creation-section-edit input{width:90px;flex:1}.creation-section-edit button{font-size:12px;min-height:40px;padding:6px 9px;background:#614b39}.creation-section-edit input:focus-visible,.creation-section-edit select:focus-visible,.creation-record-length select:focus-visible{outline:2px solid #efd5a3;outline-offset:2px}
.creation-section-order summary{color:#bda997;font-size:11px;min-height:30px;align-content:center;cursor:pointer}.creation-section-order>div{display:flex;gap:6px}.creation-section-order button{font-size:12px;min-height:40px;padding:6px 10px;background:transparent}.creation-section-order [data-section-remove]{margin-inline-start:auto;color:#e8a9a4}
.creation-transport .creation-record-length{margin-inline-start:auto}.creation-transport [data-create-status]{flex-basis:100%;min-height:18px}.creation-tracks small{min-height:14px}.creation-mic .creation-record-length{margin-inline-end:auto}
@media(max-width:560px){.creation-section-edit{gap:5px}.creation-section-edit label{flex-direction:column;align-items:stretch;gap:2px}.creation-section-edit label:first-child{min-width:80px}.creation-section-edit input{width:100%}.creation-arrangement{margin-bottom:8px}.creation-record-length{font-size:10px}.creation-record-length select{font-size:11px}.creation-transport{gap:5px}.creation-transport button{font-size:12px;padding-inline:8px}.creation-tracks small{font-size:9px}.creation-sections button{min-width:78px}}
/* Keep the instrument playable while scrolling through the song's controls. */
.creation-mode section{height:min(900px,calc(100dvh - 24px));overflow:hidden}.creation-mode .creation-panel{flex:1 1 auto;min-height:150px;overflow-y:auto;overscroll-behavior:contain}.creation-mode .student-content{flex:0 0 auto;max-height:36vh;overflow:auto}.creation-mode .student-pads>button{min-height:90px;gap:3px}.creation-mode .student-pads svg{height:50px}.creation-mode footer{padding-block:8px}.creation-mode .student-pads{margin:0}
@media(max-width:560px){.creation-mode section{height:calc(100dvh - 16px)}.creation-mode .student-content{max-height:30vh}.creation-mode .student-pads{gap:6px}.creation-mode .student-pads>button{min-height:78px;padding:5px}.creation-mode .student-pads svg{height:40px}.creation-mode .student-pads strong{font-size:12px}}
@media(max-height:520px) and (min-width:650px){.creation-mode section{grid-template-rows:auto auto auto auto minmax(0,1fr) auto}.creation-mode .creation-panel{min-height:0;align-self:stretch}.creation-mode .student-scale{align-self:start}.creation-mode .student-content{min-height:0;max-height:none;align-self:stretch}.creation-mode .student-pads>button{min-height:60px}.creation-mode .student-pads svg{height:30px}.creation-mode footer{padding-block:5px}}

/* A compact loop desk: one section length, clear instrument lanes, direct actions. */
.creation-panel{background:#1d191b;padding:14px 20px}
.creation-arrangement-head>strong{font-size:18px}.creation-section-edit{align-items:center}
.creation-section-edit label:first-child{min-width:90px}.creation-section-edit input{font-size:16px;font-weight:700;background:transparent;border-color:transparent;border-bottom-color:#806d58;border-radius:0}
.creation-section-edit select{font-size:14px;min-height:44px;background:#3d352a;border-color:#b39969}
.creation-section-edit label{font-size:12px}.creation-section-order summary{min-height:34px}
.creation-transport{position:sticky;top:-14px;z-index:2;background:#1d191b;padding:9px 0 5px}
.creation-transport button{min-height:46px!important;min-width:105px;font-weight:700}.creation-transport [data-create-play]{background:#a9c9b5!important;color:#18251e!important;border-color:#a9c9b5!important}
.creation-transport [data-create-status]{font-size:12px;color:#c2b7a6}.creation-progress{margin:5px 0 10px}
.creation-tracks{grid-template-columns:1fr;gap:6px}
.creation-tracks button{display:grid;grid-template-columns:94px minmax(50px,1fr) 80px;align-items:center;gap:10px;padding:8px 10px;min-height:54px;border-radius:9px;border-inline-start:3px solid var(--track-color);background:#282426}
.creation-tracks button[aria-pressed="true"]{background:#36302d;box-shadow:inset 0 0 0 1px var(--track-color)}
.creation-tracks strong{font-size:14px;display:flex;gap:9px;align-items:center}.creation-instrument-icon{font-size:22px;line-height:1;width:24px;text-align:center}
.creation-tracks small{font-size:10px;text-align:end}.creation-track-notes{margin:0;height:28px;background:repeating-linear-gradient(90deg,#ffffff03 0,#ffffff03 calc(25% - 1px),#ac8c7035 calc(25% - 1px),#ac8c7035 25%)}
.creation-track-notes i{height:5px;width:4px}.creation-track-tools{justify-content:flex-end}.creation-track-tools button{min-height:40px}
.creation-mic summary,.creation-starters summary,.creation-settings summary,.creation-save-details summary{font-size:14px;min-height:44px;color:#e5d7bd}
.creation-mic,.creation-starters,.creation-settings,.creation-save-details{border-top:1px solid #76695340;margin:0;padding-block:2px}
.creation-mic[open],.creation-settings[open],.creation-save-details[open]{padding-bottom:10px}
@media(max-width:560px){.creation-panel{padding:10px 12px}.creation-tracks button{grid-template-columns:77px minmax(35px,1fr) 66px;gap:7px;min-height:50px}.creation-tracks strong{font-size:13px;gap:5px}.creation-section-edit label{flex-direction:row;align-items:center}.creation-section-edit label:first-child{flex-basis:100%}.creation-section-edit input{min-height:32px}.creation-transport{top:-10px}.creation-section-edit select{min-height:40px}}
@media(max-height:520px) and (min-width:650px){.creation-tracks button{grid-template-columns:72px minmax(30px,1fr) 60px;min-height:43px;padding:5px 8px;gap:5px}.creation-tracks strong{font-size:12px;gap:4px}.creation-tracks small{font-size:9px}.creation-transport{top:-8px}.creation-transport button{min-height:42px!important;min-width:95px}.creation-arrangement-head>strong{font-size:16px}}

.student-songs{border-bottom:1px solid #96615477;padding-bottom:18px;margin-bottom:18px}.student-songs h3{font-size:18px;color:#efd5a3;margin:5px 0}.student-songs summary{min-height:44px;align-content:center;cursor:pointer;color:#a5dcc6}.student-songs details{background:#29151d;padding:8px 12px;border-radius:12px}.student-songs label{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:9px 0;font-size:14px}.student-songs input{min-height:44px;max-width:100%;min-width:0;padding:6px;border-radius:6px;background:#38272b;border:1px solid #876454;color:#ffe5cf;font:inherit}.student-songs input[type=file]{width:100%}.student-songs small{font-size:12px;color:#cdb8a9}.student-songs audio{width:100%;margin:8px 0}.song-upload-actions{display:flex;gap:8px;flex-wrap:wrap}.student-songs [data-song-upload-status]{display:block;font-size:13px;margin:8px 0;color:#a5dcc6}.student-songs progress{width:100%;margin-top:10px}.student-songs .creation-library-piece{flex-wrap:wrap}

.creation-modes{flex-wrap:wrap}.creation-modes [data-instrument-videos]{color:#c8edd7;border-color:#648775;background:#283b36}

.student-lesson-link{margin:0 24px 12px;background:#283b36!important;border-color:#648775!important;color:#c8edd7!important;flex-shrink:0}