@font-face{font-family:Playpen;src:url('./fonts/PlaypenSans.woff2') format('woff2');font-weight:100 800;font-style:normal;font-display:swap}
:root{--ink:#343446;--muted:#77777c;--line:#c6c5bf;--bg:#f6f5ee;font-family:Playpen,'Comic Sans MS',sans-serif}
body{background-color:#f6f5ee;background-image:linear-gradient(#c6c9c12e 1px,transparent 1px),linear-gradient(90deg,#c6c9c12e 1px,transparent 1px);background-size:36px 36px;color:#343446}.sidebar,.intro,.discovery,.tip{display:none!important}main,.class-view main{margin:0 auto;padding:0 32px 20px;max-width:1800px}.topbar{height:65px;border-bottom:1px dashed #c5c5bd;display:flex;align-items:center;justify-content:space-between;gap:20px;font-family:Playpen,sans-serif}.stage-brand{display:flex;align-items:center;gap:13px;font-size:16px;font-weight:700;letter-spacing:-.7px}.brand-symbol{width:25px;gap:3px;transform:rotate(-12deg)}.brand-symbol i{height:22px;width:5px}.brand-symbol i:nth-child(2){height:29px}.brand-symbol i:nth-child(3){height:35px}.brand-symbol i:nth-child(4){height:25px}.topbar nav{display:flex;align-items:center;gap:14px}.topbar nav button{display:inline-flex;align-items:center;gap:7px;font-size:11px;padding:7px 3px;font-weight:550;color:#67676d}.topbar nav button svg{width:16px;height:16px}.topbar nav button:hover{color:#30303f}.topbar nav b{font-size:9px;font-weight:650;background:#ffe56f;padding:1px 5px;border-radius:50%}.nav-separator{height:20px;border-left:1px solid #c5c5bd;margin:0 4px}.studio{border:0;background:transparent;box-shadow:none;border-radius:0;overflow:visible;display:flex;flex-direction:column}.sheet-heading{padding:25px 16px 9px;display:grid;grid-template-columns:180px minmax(0,1fr) 180px;align-items:center;gap:20px;order:0}.song-info{text-align:center;min-width:0}.song-info h2,.class-view .song-info h2{font-family:Playpen,sans-serif;font-size:clamp(34px,4.2vw,65px);font-weight:800;line-height:1.4;letter-spacing:-1.2px;color:#38304e;-webkit-text-stroke:7px #ffe25b;paint-order:stroke fill;margin:0 0 0;overflow-wrap:anywhere}.song-info .difficulty{font-family:Playpen,sans-serif;letter-spacing:5px;color:#bc343f;font-size:22px;line-height:1.5;display:block}.song-info p{display:flex;align-items:center;justify-content:center;color:#9b9b94;font-size:9px;gap:4px;margin-top:4px}.song-credit{text-align:center;align-self:center}.song-credit>p{font-size:20px;line-height:1.6;font-weight:800;color:#ce3551;-webkit-text-stroke:4px #ffdf65;paint-order:stroke fill;margin:0 0 9px;overflow-wrap:anywhere}.song-credit #editTitle{font-family:Playpen,sans-serif;color:#98958a;font-size:9px;gap:5px;padding:4px}.song-credit #editTitle svg{width:12px}.xylophone-art{height:110px;display:flex;align-items:center;gap:5px;position:relative;justify-content:center;transform:rotate(-7deg);isolation:isolate}.xylophone-art>span{height:var(--h);width:17px;border:2px solid #575655;background:var(--c);position:relative;border-radius:2px;box-shadow:2px 3px #3434341c}.xylophone-art>span::before,.xylophone-art>span::after{content:'';position:absolute;width:3px;height:3px;border:1px solid #555;border-radius:50%;background:#efeee4;left:50%;transform:translateX(-50%)}.xylophone-art>span::before{top:6px}.xylophone-art>span::after{bottom:6px}.xylo-rails{position:absolute;inset:25px 4px;z-index:-1;border-top:8px solid #99988a;border-bottom:8px solid #99988a;background:#dcdacf50;transform:rotate(-3deg)}.score-meta{order:1;padding:5px 23px 10px;justify-content:space-between;gap:12px}.mode-tabs{background:transparent;gap:17px;border-radius:0;padding:0}.mode-tabs button{font-family:Playpen,sans-serif;font-size:11px;padding:5px 1px;border:0;border-radius:0;color:#909088;position:relative;font-weight:500}.mode-tabs button.selected{background:transparent;box-shadow:none;color:#535253;font-weight:650}.mode-tabs button.selected:after{content:'';position:absolute;bottom:0;height:3px;background:#ffe25b;left:0;right:0;transform:rotate(-2deg)}.mode-tabs button svg{width:13px}.chord-edit-button{display:flex;align-items:center;gap:5px;font-size:10px;color:#8b8981;font-family:Playpen,sans-serif}.chord-edit-button svg{width:13px}.track-label{margin-left:auto;font-size:10px;flex-direction:row;align-items:center}.track-label select{font-family:Playpen,sans-serif;background:#f6f5ee;border-color:#cdcdc4}.settings-panel{order:2;border:1px dashed #c2c2b5;background:#f6f5ebd9;border-radius:0;gap:21px;padding:16px 24px;margin:0 14px 8px}.settings-panel label{font-family:Playpen,sans-serif;font-size:11px;color:#77756a}.settings-panel select,.settings-panel button{font-family:Playpen,sans-serif;font-size:11px;border:1px solid #c3c1b5;border-radius:4px;background:#fffef5}.notice,.practice-banner{order:2;margin:6px 20px 15px;font-family:Playpen,sans-serif;border-radius:2px}.practice-banner{background:#f9eaa7;color:#70613d;font-size:12px}.notice{background:#eee8d2;border:1px dashed #cfc5a8;color:#867856;font-size:10px}.score-paper,.class-view .score-paper{order:3;margin:0;padding:21px 28px 7px 65px;border:0;border-radius:0;background:#bebfba;background-image:none;clip-path:polygon(0 4%,1% 3%,1% 1%,3% 2%,5% 0,9% 1%,13% 0,17% 1%,22% 0,26% 1%,31% 0,35% 1%,40% 0,44% 1%,50% 0,55% 1%,60% 0,65% 1%,70% 0,75% 1%,80% 0,85% 1%,90% 0,95% 1%,98% 0,99% 2%,100% 4%,99.7% 15%,100% 25%,99.7% 35%,100% 45%,99.7% 55%,100% 70%,99.6% 85%,100% 96%,98% 98%,95% 97%,91% 99%,85% 98%,80% 100%,75% 99%,70% 100%,65% 99%,60% 100%,55% 99%,50% 100%,45% 99%,40% 100%,35% 99%,30% 100%,25% 99%,20% 100%,15% 99%,10% 100%,5% 99%,2% 100%,0 97%,.5% 85%,0 70%,.5% 55%,0 40%,.5% 25%)}.score-grid,.class-view .score-grid{display:grid;grid-template-columns:repeat(var(--stage-columns,4),minmax(0,1fr));gap:17px 0}.measure,.measure:first-child,.measure:nth-child(4n+1),.measure:nth-child(2n+1){container-type:inline-size;border:0;padding:0 7px;position:relative;min-width:0}.measure::after{content:'';position:absolute;top:66px;bottom:17px;right:-2px;width:4px;background:#4e5352}.measure.row-start::before{content:'';position:absolute;top:66px;bottom:17px;left:-2px;width:4px;background:#4e5352}.measure.repeat-end::after{width:11px;border-left:3px solid #4e5352;background:linear-gradient(to right,transparent 4px,#4e5352 4px)}.measure.repeat-end .measure-notes::after{content:'•\A•';white-space:pre;position:absolute;right:4px;top:24px;font-family:Arial,sans-serif;font-size:24px;line-height:17px;color:#4e5352;pointer-events:none}.measure-number{position:absolute;bottom:-2px;left:12px;font-size:8px;color:#858881;height:auto;margin:0;line-height:1}.time-mark{position:absolute;left:-43px;top:66px;font-size:31px;line-height:1.3;letter-spacing:-2px;color:#414848;font-weight:800;text-align:center}.chord-lane{height:66px;position:relative;overflow:visible}.chord-mark{position:absolute;bottom:15px;padding:0 4px;font-family:Playpen,sans-serif;font-weight:800;font-size:clamp(22px,12cqw,39px);line-height:1.4;-webkit-text-stroke:5px #fff;paint-order:stroke fill;white-space:nowrap;letter-spacing:-1px}.chord-mark:hover{transform:rotate(-5deg);filter:none}.chord-mark:active{transform:rotate(3deg)}.chord-add{font-family:Playpen,sans-serif;position:absolute;left:5px;bottom:20px;font-size:20px;color:#858b80;opacity:.25}.chord-add:hover,.chord-add:focus-visible{opacity:1}.measure-notes,.note-block,.class-view .measure-notes,.class-view .note-block{height:104px}.note-block,.class-view .note-block{font-family:Playpen,sans-serif;font-size:clamp(9px,calc(var(--note-pct) * var(--font-factor,.5) * 1cqw),35px);font-weight:800;letter-spacing:-1px;border:3px solid #60635f;border-radius:1px;box-shadow:none;color:#fff;overflow:hidden;isolation:isolate;line-height:1.3;padding:0 1px;text-shadow:0 1px #0000000b}.note-block[data-root="2"]{color:#584b3f}.note-block:hover{transform:translateY(-3px);box-shadow:0 4px #494b4b25;filter:brightness(1.05);z-index:2}.note-block.rest{background:repeating-linear-gradient(-45deg,#d5d6d0,#d5d6d0 6px,#d0d2ca 6px,#d0d2ca 7px);border:2px dashed #a0a49a;font-family:Playpen,sans-serif;color:#8a9082;font-size:22px;letter-spacing:1px}.note-block.active{outline:4px solid #fff5a0;outline-offset:1px;transform:translateY(-3px) scale(1.015);box-shadow:0 5px #4c4f4e44;filter:brightness(1.12);z-index:5}.note-block.played{opacity:.62}.note-block .octave{font-size:10px;opacity:.8}.note-block .stack-note{font-family:Playpen,sans-serif;font-size:clamp(10px,calc(var(--note-pct) * .38cqw),25px)}.note-block .continuation{font-size:18px;line-height:12px;bottom:4px}.tuplet-bracket{position:absolute;top:-14px;left:0;height:11px;border:3px solid #4d5351;border-bottom:0;z-index:1;pointer-events:none}.tuplet-bracket b{font-family:Playpen,sans-serif;position:absolute;left:50%;top:-20px;transform:translateX(-50%);font-size:16px;line-height:1.2;padding:0 5px;background:#bebfba;color:#3b4441}.beat-row{height:20px;line-height:20px;font-family:Playpen,sans-serif;font-size:9px;color:#72786d}.score-footer{border:0;margin:8px 0 0;padding:4px 0 10px;min-height:22px;font-family:Playpen,sans-serif;font-size:8px;color:#858b80;display:flex;flex-direction:row;align-items:center;justify-content:space-between}.score-footer>span:last-child{color:#6e7867;font-size:9px}.score-footer>span:first-child{color:#858b80;font-size:8px}.footer-dot{display:none}.play-progress{order:4;height:3px;border-radius:0;margin:5px 28px 0;background:#dedfd4}.play-progress div{background:#9aa87a}.transport{order:5;border:0;background:transparent;padding:17px 24px 4px;display:flex;justify-content:center;gap:35px}.transport-left,.transport-right{display:flex;align-items:center;gap:13px}.play-button{font-family:Playpen,sans-serif;border:2px solid #3e4240;border-radius:28% 9% 22% 8%/10% 25% 10% 30%;background:#ffe260;color:#454443;padding:10px 23px;font-size:13px;min-width:150px;box-shadow:2px 3px #5f60581a;gap:10px}.play-button:hover{background:#ffe97e;color:#353534;filter:none}.play-button svg{width:19px}.icon-button{color:#74776b;border-radius:50%;width:33px;height:33px}.icon-button[aria-pressed=true]{background:#eee09b;color:#575837}.icon-button:hover{background:#eae9db}.toolbar-divider{background:#cecec3;height:25px}.tempo-control{gap:11px;margin:0}.tempo-control label{font-family:Playpen,sans-serif;font-weight:500;font-size:9px;color:#92937f;display:flex;flex-direction:row;gap:8px;align-items:center}.tempo-control strong{font-family:Playpen,sans-serif;font-weight:650;color:#6f735f;font-size:13px;white-space:nowrap}.tempo-control small{font-size:8px;color:#9b9e89}input[type=range]{width:110px;accent-color:#8a986d;height:3px}.transport .class-button{font-family:Playpen,sans-serif;font-size:10px;color:#858775}.palette-area{order:6;justify-content:center;padding:17px 22px 8px;gap:19px}.palette-label{display:none}.keyboard{flex:0 1 580px;max-width:75%;gap:8px;align-items:center}.piano-key,.class-view .keyboard .piano-key{font-family:Playpen,sans-serif;font-weight:750;font-size:20px;height:59px;border-radius:3px;border:2px solid #696a63;box-shadow:1px 3px #5d5b4a1a;color:white;position:relative;gap:1px}.piano-key:nth-child(3){color:#584b3f}.piano-key small{font-family:Playpen,sans-serif;color:#54594e;opacity:.4;font-size:7px}.piano-key.pressed{transform:translateY(4px);filter:brightness(1.18)}.edit-notes{font-family:Playpen,sans-serif;background:transparent;border:0;font-size:10px;gap:6px;color:#91917f;padding:8px}.edit-notes:hover{background:transparent;color:#4f5350}.edit-notes svg{width:14px}.below-studio{display:flex;justify-content:flex-end;padding:0 18px;margin-top:-4px}.export-actions button{font-family:Playpen,sans-serif;font-size:9px;color:#9b9b8a;padding:6px 8px}.export-actions svg{width:13px}.app-footer{border:0;justify-content:center;font-family:Playpen,sans-serif;font-size:8px;color:#b0b0a2;padding:12px 0 0}.app-footer>span:first-child{display:none}.app-footer>span:last-child{color:#a4a792;font-size:8px;font-weight:500}.app-footer i{color:#e0c549}.primary,.outline,.subtle{font-family:Playpen,sans-serif}.primary{background:#ffe268;color:#4d4b43;border:2px solid #777263;border-radius:7px;box-shadow:2px 3px #6f6c5422;font-size:12px;font-weight:650}.primary:hover{background:#ffe985;filter:none}.outline{background:#f5f3e7;border:1px solid #c7c3af;color:#7b7967}.outline:hover{background:#edead7}dialog{font-family:Playpen,sans-serif;background:#f9f7ee;border:3px solid #a7a797;border-radius:7px;box-shadow:5px 7px #32382c22}dialog::backdrop{background:#4147466b;backdrop-filter:blur(3px)}.dialog-top h2{font-family:Playpen,sans-serif;font-weight:750;font-size:27px;letter-spacing:-.8px;color:#57516b}.dialog-top p{font-family:Playpen,sans-serif;font-size:11px;color:#9a9987}.dialog-top .eyebrow{font-family:Playpen,sans-serif;color:#aba68a;font-size:8px;letter-spacing:.8px}.close-dialog.icon-button{border:1px dashed #bbb7a4}.library-filter{border-color:#d4d0ba;gap:15px}.library-filter button{font-family:Playpen,sans-serif;font-size:11px;border-radius:0;padding:7px 6px}.library-filter button.selected{background:#f7e5a0;color:#847341;transform:rotate(-2deg)}.library-grid{gap:12px}.library-card{border:1px dashed #d3cdb5;border-radius:2px;box-shadow:none;background:#fffdf3;padding:20px 15px;gap:15px}.library-card:hover{border-color:#c5ac5a;transform:rotate(-.5deg);background:#fffcf0;box-shadow:2px 3px #c7bc9333}.library-card h3{font-family:Playpen,sans-serif;font-size:14px;color:#73637a;font-weight:750;line-height:1.5}.library-card p{font-family:Playpen,sans-serif;font-size:10px;color:#a79e84;line-height:1.7}.library-card small{font-family:Playpen,sans-serif;color:#b4a789;font-size:8px}.library-card .featured-icon{font-family:Playpen,sans-serif;height:45px;width:45px;font-size:27px;border-radius:45% 51% 40% 55%;transform:rotate(-7deg);background:#f4e6aa;color:#998458}.level-badge{font-family:Playpen,sans-serif;background:transparent;padding:0;color:#bf9b43;font-size:8px}.library-card .level-badge{display:inline-block;margin-right:8px}.drop-zone{font-family:Playpen,sans-serif;background:#f2eed7;border:2px dashed #ccc29a;border-radius:3px}.drop-zone strong{color:#81734c;font-weight:650}.drop-zone .large-upload svg{color:#b0a16d}.format-tag{border-radius:1px;background:#e4e7ce;color:#8f926b}.format-tag.amber{background:#f1e1b3;color:#b19a58}.format-info p{color:#9b987f}.format-info strong{color:#7f8265}.privacy-note{color:#a6a18b}.entry-key{font-family:Playpen,sans-serif;border:2px solid #777a6e;border-radius:1px;font-size:13px;color:white}.entry-key:nth-child(3){color:#615748}.entry-key.rest{color:#949583}.editor-form label,.editor-form select,.editor-form input,.editor-form textarea,.note-entry label,.field-help,.field-error,.dialog-bottom button,.help-steps{font-family:Playpen,sans-serif}.editor-form label{color:#8e8a71}.editor-form input,.editor-form select,.editor-form textarea{border-color:#cfc9ae;background:#fffef7;border-radius:3px}.field-help{color:#aaa28a;font-size:9px}.field-error{color:#bf6655}.help-steps li::marker{color:#c8a942}.help-steps p{color:#a2997d}.help-steps strong{color:#7d7867}.chord-fields{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:18px 14px}.chord-fields label{font-family:Playpen,sans-serif;font-size:11px;color:#9c9276}.chord-fields input{min-width:0;width:100%;font-family:Playpen,sans-serif;font-size:20px;font-weight:650;color:#a98b65;border:1px solid #c9c1a3;background:#fffef6;border-radius:3px}.chord-fields input::placeholder{font-size:10px;font-weight:400;color:#c1b99d}.toast,.class-view .toast{left:50%;font-family:Playpen,sans-serif;background:#606454;border-radius:4px;font-size:11px;padding:12px 18px}.class-view .topbar{display:none}.class-view .sheet-heading{padding-top:18px}.class-view .song-info h2{font-size:clamp(40px,4.5vw,70px)}.class-view .measure-notes,.class-view .note-block{height:130px}.class-view .score-paper{padding-top:28px;padding-bottom:15px}.class-view .score-grid{gap:28px 0}.class-view .transport{padding-top:20px}.class-view .palette-area{padding-top:17px}.class-view .piano-key{height:70px}.class-view .score-meta{padding-bottom:13px}.class-view .below-studio{display:none}
@media(min-width:1550px){.sheet-heading{grid-template-columns:230px minmax(0,1fr) 230px;padding-top:30px;padding-bottom:15px}.song-info h2{font-size:65px}.song-credit>p{font-size:26px}.xylophone-art{transform:rotate(-7deg) scale(1.2)}.measure-notes,.note-block{height:124px}.chord-lane{height:80px}.measure::after,.measure.row-start::before{top:80px}.chord-mark{font-size:45px;bottom:20px}.score-grid{gap:30px 0}.time-mark{top:83px;font-size:35px}.palette-area{padding-top:22px}.keyboard{flex-basis:700px}.piano-key{height:70px;font-size:25px}.transport{padding-top:23px}.topbar nav button{font-size:12px}.stage-brand{font-size:18px}.score-meta{padding-top:14px;padding-bottom:17px}}
@media(max-width:1050px){main{padding:0 20px 15px}.sheet-heading{grid-template-columns:130px minmax(0,1fr) 135px;padding:22px 4px 12px;gap:12px}.song-info h2{font-size:40px;-webkit-text-stroke-width:6px}.song-credit>p{font-size:17px}.xylophone-art{transform:rotate(-7deg) scale(.85);transform-origin:center}.topbar nav{gap:12px}.stage-brand{font-size:13px}.topbar nav button{font-size:10px}.topbar{height:60px}.score-meta{padding-left:13px;padding-right:13px}.score-paper{padding-left:55px;padding-right:17px}.measure-notes,.note-block{height:97px}.chord-lane{height:62px}.measure::after,.measure.row-start::before{top:62px}.time-mark{left:-40px;top:64px;font-size:29px}.transport{gap:18px;padding-left:5px;padding-right:5px}.transport-left,.transport-right{gap:9px}.tempo-control label{flex-direction:column;gap:0}.play-button{font-size:12px;min-width:140px;padding:10px 17px}.keyboard{max-width:78%}.score-footer>span:first-child{font-size:7px}.score-footer>span:last-child{font-size:8px}}
@media(max-width:650px){.score-grid,.class-view .score-grid{--stage-columns:2!important}.measure.row-start::before{display:none}.measure:nth-child(2n+1)::before{display:block;content:'';position:absolute;top:62px;bottom:17px;left:-2px;width:4px;background:#4e5352}.measure-notes,.note-block{height:107px}.chord-mark{font-size:36px}.topbar{height:60px}.topbar nav{gap:10px}.topbar nav button svg{width:15px}.topbar nav button{font-size:9px}.stage-brand{font-size:12px;gap:8px}.brand-symbol{transform:rotate(-12deg) scale(.8)}.nav-separator{display:none}.topbar nav #stageNew{display:none}.song-info h2{font-size:36px}.sheet-heading{grid-template-columns:110px minmax(0,1fr) 110px;gap:7px}.song-credit>p{font-size:15px;-webkit-text-stroke-width:3px}.song-info .difficulty{font-size:18px}.song-info p{font-size:8px}.xylophone-art{transform:rotate(-7deg) scale(.7)}.chord-fields{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:650px){main,.class-view main{padding:0 10px 15px}.topbar{gap:5px;height:55px}.topbar nav{gap:7px}.topbar nav button{font-size:0;gap:0;padding:8px}.topbar nav button svg{width:18px;height:18px}.topbar nav button b{display:none}.topbar nav #stageHelp{display:none}.topbar nav #stageNew{display:flex}.stage-brand{font-size:11px;gap:5px;letter-spacing:-.7px;white-space:nowrap}.brand-symbol{width:18px;gap:2px;transform:rotate(-12deg) scale(.8)}.brand-symbol i{width:4px}.sheet-heading{grid-template-columns:1fr;padding:22px 7px 5px;gap:1px}.xylophone-art{display:none}.song-info h2,.class-view .song-info h2{font-size:36px;line-height:1.6;-webkit-text-stroke-width:5px;letter-spacing:-1px}.song-info .difficulty{font-size:17px;letter-spacing:4px;line-height:1.5}.song-info p{font-size:7px;margin:0}.song-credit{display:flex;justify-content:center;align-items:center;gap:7px;order:2}.song-credit>p{font-size:14px;-webkit-text-stroke-width:2px;margin:4px 0}.song-credit #editTitle{font-size:0;gap:0;padding:4px}.song-credit #editTitle svg{width:12px}.score-meta{padding:12px 8px 6px;gap:5px}.mode-tabs{gap:10px}.mode-tabs button{font-size:8px;padding:4px 1px}.chord-edit-button{font-size:8px;gap:3px}.chord-edit-button svg{width:10px}.track-label{gap:3px;font-size:0}.track-label select{font-size:8px;max-width:100px;padding:4px}.score-paper,.class-view .score-paper{padding:15px 12px 5px 32px}.score-grid,.class-view .score-grid{gap:14px 0}.measure,.measure:first-child,.measure:nth-child(2n+1),.measure:nth-child(4n+1){padding:0 3px}.chord-lane{height:53px}.chord-mark{font-size:29px;bottom:14px;-webkit-text-stroke-width:4px;padding-left:2px;letter-spacing:-.7px}.chord-add{font-size:19px;bottom:16px}.measure::after,.measure:nth-child(2n+1)::before,.measure.row-start::before{top:53px;width:3px;right:-1px;bottom:16px}.measure-notes,.note-block,.class-view .measure-notes,.class-view .note-block{height:83px}.note-block,.class-view .note-block{font-size:clamp(8px,calc(var(--note-pct) * var(--font-factor,.5) * 1cqw),24px);border-width:2px;letter-spacing:-.6px}.note-block .stack-note{font-size:clamp(8px,calc(var(--note-pct) * .4cqw),18px)}.note-block.rest{font-size:16px}.beat-row{height:18px;line-height:18px;font-size:7px}.time-mark{left:-24px;top:54px;font-size:23px;line-height:1.4}.measure-number{font-size:7px;bottom:-2px;left:7px}.tuplet-bracket{height:9px;border-width:2px;top:-11px}.tuplet-bracket b{font-size:12px;top:-16px;padding:0 3px}.score-footer{flex-direction:row;gap:10px;padding-top:7px;padding-bottom:9px;min-height:24px;margin-top:2px}.score-footer>span:first-child{font-size:0}.score-footer>span:last-child{font-size:7px}.play-progress{margin:5px 14px 0}.transport{padding:14px 5px 0;gap:6px;justify-content:space-between}.transport-left,.transport-right{gap:4px}.play-button{font-size:10px;min-width:114px;padding:9px 12px;gap:6px}.play-button svg{width:15px}.transport .icon-button{width:27px;height:29px}.transport .icon-button svg{width:15px}.transport .toolbar-divider{display:none}.tempo-control{gap:6px}.tempo-control label{font-size:7px}.tempo-control strong{font-size:10px}.tempo-control small{font-size:7px}input[type=range]{width:52px}.class-button{padding:2px;font-size:0}.class-button>span:last-child{display:none}.class-button svg{width:15px}.palette-area{padding:15px 5px 5px;gap:8px;flex-wrap:nowrap}.keyboard{max-width:90%;gap:4px;flex:1}.piano-key,.class-view .keyboard .piano-key{height:47px;font-size:17px;border-width:1px}.piano-key small{font-size:6px}.edit-notes{font-size:0;padding:5px;gap:0}.edit-notes svg{width:14px}.below-studio{margin:3px 0 0;padding:0 8px}.export-actions button{font-size:8px;gap:5px;padding:4px 6px}.export-actions svg{width:11px}.app-footer{padding-top:8px}.settings-panel{margin:6px 5px;padding:12px;gap:13px}.settings-panel label{font-size:9px}.settings-panel select{font-size:9px;padding:7px}.settings-panel .check-label{font-size:9px}.transpose-control{font-size:9px}.notice,.practice-banner{margin:5px 7px 9px;font-size:9px}.practice-banner{gap:7px}.practice-banner svg{width:14px}.practice-banner strong{font-size:8px}.chord-fields{grid-template-columns:repeat(2,minmax(0,1fr));gap:15px 10px}.chord-fields input{font-size:18px;padding:9px}.chord-fields label{font-size:10px}.dialog-top h2{font-size:22px}.dialog-top p{font-size:9px}.library-card h3{font-size:13px}.library-card p{font-size:9px}.library-card small{font-size:8px}.entry-key{font-size:11px;padding:12px 1px}.class-view .sheet-heading{padding-top:15px}.class-view .transport{padding-top:17px}}
@media print{body{background:white}main,.class-view main{padding:0;margin:0}.topbar,.score-meta,.transport,.palette-area,.below-studio,.app-footer,.settings-panel,.play-progress,.practice-banner,.notice{display:none!important}.studio{display:block}.sheet-heading,.class-view .sheet-heading{display:grid;grid-template-columns:110px minmax(0,1fr) 130px;padding:0 0 10px;break-after:avoid}.xylophone-art{display:flex;transform:rotate(-7deg) scale(.75)}.song-info h2,.class-view .song-info h2{font-size:40px;-webkit-text-stroke-width:5px}.song-credit{display:block}.song-credit>p{font-size:17px}.song-credit #editTitle{display:none}.score-paper,.class-view .score-paper{margin:0;padding:13px 14px 8px 45px;background:#c2c4bd!important;print-color-adjust:exact;-webkit-print-color-adjust:exact;clip-path:none}.score-grid,.class-view .score-grid{--stage-columns:4!important;gap:18px 0}.chord-lane{height:48px}.chord-mark{font-size:30px;bottom:13px}.measure-notes,.note-block,.class-view .measure-notes,.class-view .note-block{height:74px}.note-block,.class-view .note-block{font-size:clamp(9px,calc(var(--note-pct) * var(--font-factor,.5) * 1cqw),28px);print-color-adjust:exact;-webkit-print-color-adjust:exact;border-width:2px;opacity:1!important;filter:none!important;transform:none!important;outline:none!important;box-shadow:none!important}.time-mark{top:48px;font-size:24px;left:-32px}.measure::after,.measure.row-start::before{top:48px;bottom:17px;width:3px}.measure:nth-child(2n+1)::before{display:none}.measure:nth-child(4n+1)::before{display:block;content:'';position:absolute;top:48px;bottom:17px;left:-2px;width:3px;background:#4e5352}.beat-row{height:20px;line-height:20px}.score-footer{padding-bottom:4px}.difficulty,.song-info h2,.song-credit>p{print-color-adjust:exact;-webkit-print-color-adjust:exact}.chord-add{display:none}}
.rough-filter{position:absolute;pointer-events:none}.score-paper,.class-view .score-paper{position:relative;isolation:isolate;clip-path:none;background:none}.score-paper::before{content:'';position:absolute;inset:3px 1px 6px;background:#bebfba;filter:url('#paperEdge');z-index:-1}.tuplet-bracket b{background:#bebfba}@media print{.score-paper,.class-view .score-paper{background:#bebfba!important}.score-paper::before{filter:none}}
.song-credit>p{font-size:clamp(12px,1.2vw,20px);overflow-wrap:normal}@media(max-width:650px){.song-credit>p{font-size:13px}}