:root{--bg:#1e2235;--sidebar:#171a2a;--panel:#25293e;--border:#35394f;--text:#e8eaf2;--muted:#8c92ab;--purple:#7c5cff;--mint:#3ddbb5;--row:30px;--key:64px}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:'Noto Sans KR',sans-serif;font-size:13px;-webkit-font-smoothing:antialiased}button,input,textarea,select{font:inherit}button,a,input,textarea,select{-webkit-tap-highlight-color:transparent}button{cursor:pointer;border:0;color:inherit;background:none}button{transition:background .18s,color .18s,transform .18s}button:active{transform:translateY(1px)}button:disabled{opacity:.3;cursor:default}button:focus-visible,a:focus-visible{outline:2px solid var(--mint);outline-offset:4px}input:focus,textarea:focus,select:focus{outline:1px solid #a38cff;outline-offset:2px}svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.65;stroke-linecap:round;stroke-linejoin:round;flex-shrink:0}img{max-width:100%;height:auto}.svg-defs{position:absolute;width:0;height:0;overflow:hidden}.app-shell{display:flex;min-height:100vh}.sidebar{width:236px;flex-shrink:0;background:var(--sidebar);border-right:1px solid #2b2e41;padding:33px 21px 0;display:flex;flex-direction:column;position:fixed;inset:0 auto 0 0;z-index:10}.brand{display:flex;align-items:center;gap:10px;font-size:27px;letter-spacing:-1.6px;font-weight:800;color:#f4f2ff;text-decoration:none}.brand-icon{width:35px;height:37px;background:linear-gradient(145deg,#a889ff,#7352f0);display:grid;place-items:center;border-radius:11px;box-shadow:0 4px 18px #7c5cff20}.brand-icon svg{height:23px;width:23px;stroke-width:2}.brand-dot{color:#a38cff}.workspace-label{font-size:11px;letter-spacing:.3px;color:#7f859e;margin:12px 0 31px 3px}.primary{background:var(--purple);border:1px solid #977dff;color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;gap:9px;padding:12px 16px;font-weight:600;box-shadow:0 4px 14px #7c5cff15}.primary:hover{background:#8c6dff}.new-song{width:100%;font-size:13px;height:44px}.new-song svg{width:17px}nav{padding-top:28px}.nav-item{display:flex;align-items:center;gap:12px;width:100%;height:45px;text-align:left;padding:0 12px;border-radius:7px;color:#9298b1;font-size:13px;margin-bottom:5px}.nav-item svg{width:18px}.nav-item:hover{background:#22263b}.nav-item.active{background:#7c5cff1c;color:#b19cff;font-weight:600}.nav-indicator{width:5px;height:5px;border-radius:50%;background:#9b80ff;margin-left:auto}.nav-item>span:last-child:not(.nav-indicator){margin-left:auto;font-size:10px;background:#2d3148;padding:2px 7px;border-radius:5px;color:#969cb2}.sidebar-heading{display:flex;justify-content:space-between;color:#727990;font-size:10px;letter-spacing:.5px;padding:30px 10px 13px}.sidebar-heading>span{color:#636a85}.recent-songs{display:flex;flex-direction:column;gap:6px;overflow:auto;max-height:280px}.recent-song{display:flex;text-align:left;gap:10px;padding:11px 9px;border-radius:7px;align-items:center}.recent-song:hover,.recent-song.selected{background:#24273c}.song-mini-icon{background:#7c5cff18;color:#a78cff;width:32px;height:35px;border-radius:6px;display:grid;place-items:center;font-size:18px;flex-shrink:0}.recent-song:nth-child(2n) .song-mini-icon{color:#6cd5be;background:#3ddbb515}.recent-song-text{min-width:0}.recent-song-text strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:125px;font-size:11px;font-weight:500}.recent-song-text small{font-size:9px;color:#747c97;display:block;margin-top:5px}.sidebar-empty{font-size:10px;line-height:1.8;color:#69718d;padding:0 10px}.sidebar-bottom{margin-top:auto;padding:22px 0 17px}.little-art{height:62px;position:relative;overflow:hidden;margin-bottom:12px}.little-art span{position:absolute;font-size:41px;color:#a68bff;transform:rotate(-12deg);left:59px;top:4px}.little-art span+span{left:107px;top:1px;font-size:30px;color:#70d7bf;transform:rotate(12deg)}.little-art i,.little-art b{position:absolute;width:5px;height:5px;background:#7771b7;left:40px;top:25px;border-radius:50%}.little-art b{left:151px;top:42px;width:3px;height:3px;background:#70d7bf}.sidebar-bottom h3{font-size:11px;font-weight:500;text-align:center;margin:0 0 8px;color:#b7bbd1;letter-spacing:-.3px}.sidebar-bottom p{font-size:9px;text-align:center;color:#717993;margin:0}.sidebar-bottom button{display:flex;align-items:center;justify-content:center;gap:8px;width:100%;border:1px solid #34384e;border-radius:6px;margin-top:19px;height:34px;font-size:10px;color:#a9aec5}.sidebar-bottom button:hover{background:#292d43}.sidebar-bottom button svg{width:12px}.sidebar-foot{border-top:1px solid #2b2e40;padding:19px 0;font-size:9px;color:#69728d;display:flex;justify-content:center;gap:7px;align-items:center}.green-dot,.mint-dot{width:5px;height:5px;background:var(--mint);border-radius:50%;display:inline-block}.main{margin-left:236px;min-width:0;flex:1}.topbar{height:76px;border-bottom:1px solid #303449;padding:0 37px;display:flex;align-items:center;justify-content:space-between}.breadcrumb{display:flex;align-items:center;gap:12px;color:#858ba3;font-size:11px}.breadcrumb svg{width:12px;color:#555d78}.breadcrumb span{color:#d0d2df}.top-actions{display:flex;align-items:center;gap:18px}.save-state{display:flex;align-items:center;gap:6px;font-size:10px;color:#9199af}.save-state svg{width:14px;color:#8e98ac}.save-state.error{color:#ffb4b4;cursor:pointer}.save-state.error svg{color:#ffb4b4}.icon-button{width:32px;height:32px;display:inline-flex;align-items:center;justify-content:center;border-radius:6px;color:#969db8;flex-shrink:0}.icon-button:hover{background:#3b3f58;color:#fff}.icon-button svg{width:18px;height:18px}.avatar{width:29px;height:29px;border-radius:50%;display:grid;place-items:center;background:#38354f;border:1px solid #504763;color:#c2b2eb;font-size:10px}.workspace{max-width:1360px;margin:auto;padding:32px 37px 0}.song-heading{display:flex;justify-content:space-between;align-items:center;margin-bottom:29px;gap:15px}.eyebrow{font-size:10px;letter-spacing:.5px;color:#a49abb;display:flex;align-items:center;gap:6px}.eyebrow>span{height:5px;width:5px;background:#aa91ff;border-radius:50%}.title-line{display:flex;align-items:center;margin-top:9px;gap:10px}.title-line input{font-size:29px;font-weight:700;letter-spacing:-1.2px;color:#f0effa;background:transparent;border:0;padding:0;width:218px;max-width:100%;text-overflow:ellipsis}.title-line input:focus{outline:0;box-shadow:0 1px #7c5cff}.title-pencil{color:#757b96;font-size:19px}.song-heading p{font-size:11px;color:#878ea6;margin:10px 0 0;letter-spacing:-.1px}.secondary{border:1px solid #42465c;background:#2a2e44;border-radius:7px;padding:9px 14px;display:inline-flex;align-items:center;justify-content:center;gap:7px;font-size:11px;color:#c2c5d6}.secondary:hover{background:#373b53}.secondary svg{width:15px;height:15px}.export-button{margin-top:14px;flex-shrink:0}.panel{background:var(--panel);border:1px solid var(--border);border-radius:11px;overflow:hidden}.section-header{display:flex;align-items:center;justify-content:space-between;padding:18px 21px;gap:12px}.section-header h2{font-size:13px;font-weight:600;display:flex;gap:9px;align-items:center;margin:0;letter-spacing:-.2px}.step{background:#7c5cff20;color:#af9bff;font-size:10px;font-weight:600;width:24px;height:23px;border:1px solid #7c5cff29;border-radius:6px;display:grid;place-items:center}.section-sub{font-size:10px;font-weight:400;color:#7e86a0;margin-left:5px}.small-badge{font-size:9px;letter-spacing:-.1px;color:#9299b0;border:1px solid #3a3e55;border-radius:4px;padding:4px 7px}.lyrics-content{padding:0 21px 20px;display:grid;grid-template-columns:1fr 1.06fr;gap:24px}.lyrics-input-wrap{position:relative;min-width:0}textarea{resize:vertical;width:100%;height:113px;min-height:113px;max-height:240px;color:#e1e2ed;border:1px solid #3c4057;background:#1f2336;border-radius:7px;padding:13px 14px 24px;line-height:1.9;font-size:12px;letter-spacing:.2px}textarea::placeholder{color:#717a96}.lyric-counter{position:absolute;right:12px;bottom:13px;font-size:9px;color:#67708d;pointer-events:none}.syllable-preview{padding-top:3px;min-width:0}.preview-label{font-size:10px;color:#afb5c9;display:flex;align-items:center;gap:6px;margin-bottom:12px}.preview-label>span:last-child{margin-left:auto;color:#767f9c;font-size:9px}.syllables{display:flex;gap:5px;flex-wrap:wrap;max-height:65px;overflow:auto}.syllable{width:25px;height:27px;border:1px solid #48405f;background:#342f4d;color:#c1b3ed;border-radius:5px;display:grid;place-items:center;font-size:10px;flex-shrink:0}.syllable.unassigned{color:#757d99;border-color:#383e55;background:#292e43}.syllable.playing{background:var(--mint);color:#163e39;border-color:var(--mint)}.syllable-preview p{color:#717b96;font-size:9px;margin:11px 0 0;line-height:1.7}.composition-panel{margin-top:22px}.composition-header{padding-top:15px;padding-bottom:14px}.edit-actions{display:flex;align-items:center;gap:1px}.edit-actions .icon-button{height:25px;width:28px}.edit-actions svg{width:15px}.redo svg{transform:scaleX(-1)}.divider{height:14px;width:1px;background:#3c4159;margin:0 7px}.roll-toolbar{display:flex;align-items:center;justify-content:space-between;padding:10px 19px;background:#22263a;border-top:1px solid #30354b;border-bottom:1px solid #353a50;gap:10px}.tool-group{display:flex;align-items:center;gap:9px;min-width:0}.draw-tool{display:flex;align-items:center;gap:6px;padding:4px 8px;background:#7c5cff1a;color:#ae95ff;border:1px solid #7c5cff3a;border-radius:4px;font-size:13px}.draw-tool span{font-size:9px}.toolbar-hint,.tool-group label{font-size:9px;color:#818aa5}.tool-group select{font-size:9px}.tool-group>label{white-space:nowrap}select{background:#2b2f45;color:#c2c6d7;border:1px solid #42465d;border-radius:5px;padding:5px 19px 5px 8px;cursor:pointer}.piano-scroll{overflow-x:auto;overscroll-behavior-x:contain;scrollbar-width:thin;scrollbar-color:#4a456b #22263a}.piano-layout{display:grid;grid-template-columns:var(--key) 1fr;grid-template-rows:30px 390px;min-width:790px;position:relative}.piano-corner{display:flex;align-items:center;justify-content:center;color:#737c98;font-size:9px;background:#292d42;border-right:1px solid #41455c;border-bottom:1px solid #41455c;position:sticky;left:0;z-index:5}.ruler{display:grid;grid-template-columns:repeat(32,1fr);background:#24283b;border-bottom:1px solid #41455c}.ruler span{border-left:1px solid #33384f;color:#6e7895;font-size:9px;padding:7px 0 0 8px;overflow:visible}.ruler span.bar-start{color:#b2b6cb;border-left-color:#4b4d66;font-weight:600}.piano-keys{display:flex;flex-direction:column;background:#bfc4d3;position:sticky;left:0;z-index:4;box-shadow:4px 0 6px #13162536}.piano-key{height:var(--row);flex-shrink:0;background:#d6d9e3;color:#535b70;border:0;border-bottom:1px solid #aeb5c6;border-right:1px solid #9ba4ba;text-align:right;font-size:9px;padding:0 9px;position:relative;border-radius:0}.piano-key.black{background:#30354a;color:#a1abc3;width:77%;border-right:3px solid #1c2030;box-shadow:3px 2px 4px #11152466;z-index:1}.piano-key:hover,.piano-key.sounding{background:#b5a4ff;color:#3c296e}.piano-key.root{font-weight:700;color:#6c57a6}.piano-grid{position:relative;overflow:hidden;touch-action:none;background:#24283c}.grid-row{height:var(--row);display:grid;grid-template-columns:repeat(32,minmax(0,1fr));border-bottom:1px solid #34394f}.grid-row.black-row{background:#1f2336}.grid-cell{min-width:0;border:0;border-left:1px solid #30354c;padding:0;border-radius:0}.grid-cell.bar-start{border-left:1px solid #49485f}.grid-cell.beat-start{border-left-color:#3b3e57}.grid-cell:hover{background:#7c5cff25}.notes-layer{position:absolute;inset:0;pointer-events:none}.note{position:absolute;top:0;height:25px;min-width:8px;background:linear-gradient(90deg,#9374f4,#8564ec);border:1px solid #ad94ff;border-radius:4px;pointer-events:auto;touch-action:none;display:flex;align-items:center;justify-content:flex-start;padding-left:10px;color:#f6f2ff;font-size:10px;user-select:none;box-shadow:0 2px 5px #120e2525;overflow:hidden;cursor:grab}.note::after{content:'';position:absolute;right:4px;height:10px;width:2px;border-radius:2px;background:#c9b7ff66}.note.selected{outline:2px solid #d0bfff;outline-offset:1px;z-index:2}.note.playing{background:var(--mint);border-color:#a2ffe4;color:#154e43;box-shadow:0 0 15px #3ddbb540}.note.playing::after{background:#21765d70}.playhead{display:none;position:absolute;inset:0 auto 0 0;width:2px;background:var(--mint);z-index:3;pointer-events:none;box-shadow:0 0 12px #3ddbb550}.playhead::before{content:'';position:absolute;top:0;left:-4px;border-top:7px solid var(--mint);border-left:5px solid transparent;border-right:5px solid transparent}.playhead.active{display:block}.roll-footer{display:flex;justify-content:space-between;align-items:center;gap:8px;padding:12px 18px;font-size:9px;color:#727d99;border-top:1px solid #363b52}.roll-footer>span:first-child{display:flex;gap:6px;align-items:center;color:#a1a7bd}.purple-dot{width:5px;height:5px;border-radius:50%;background:#9778f7}.transport{display:flex;align-items:center;justify-content:space-between;margin-top:20px;padding:17px 21px;gap:15px;overflow:visible}.play-controls{display:flex;align-items:center;gap:14px}.play-button{width:45px;height:45px;border-radius:50%;background:var(--purple);display:grid;place-items:center;box-shadow:0 0 19px #7c5cff1a}.play-button:hover{background:#9878ff;box-shadow:0 0 20px #7c5cff40}.play-triangle{width:0;height:0;border-left:12px solid white;border-top:7px solid transparent;border-bottom:7px solid transparent;margin-left:4px}.play-button.is-playing .play-triangle{width:11px;height:14px;border:0;background:linear-gradient(to right,white 35%,transparent 35%,transparent 65%,white 65%);margin:0}.stop-button{width:24px;height:30px;display:grid;place-items:center}.stop-button>span{width:11px;height:11px;border-radius:2px;background:#9ca3ba}.stop-button:hover>span{background:white}.time-display{display:flex;flex-direction:column;gap:6px;margin-left:1px;min-width:137px}.time-display strong{font-size:16px;font-weight:500;letter-spacing:1px;font-variant-numeric:tabular-nums}.time-display strong>span{font-size:11px;color:#737d98;font-weight:400;letter-spacing:.5px}.time-display>span{font-size:8px;letter-spacing:.1px;color:#7c86a1}.tempo-control{display:flex;align-items:center;gap:10px;border-left:1px solid #3a3e55;border-right:1px solid #3a3e55;padding:0 23px}.tempo-control label{font-size:10px;color:#a5abc0;display:flex;flex-direction:column;gap:4px}.tempo-control label>span{font-size:8px;color:#707c99;letter-spacing:.7px}.tempo-control input{width:91px;accent-color:#9676ff;height:3px;cursor:pointer}.tempo-control output{font-size:13px;color:#d9d8ee;font-variant-numeric:tabular-nums;min-width:25px}.sound-controls{display:flex;align-items:center;gap:11px}.instrument-label{display:flex;align-items:center;gap:5px;color:#909ab5}.instrument-label svg{width:15px}.instrument-label select{font-size:10px;background:transparent;border:0;color:#b7bed2;max-width:130px;padding-left:0}.sound-controls .icon-button{width:27px}.icon-button.enabled{color:#b7a4ff;background:#7c5cff16}.voice-notice{display:flex;align-items:center;gap:9px;margin:18px 1px 0;color:#7b87a3}.voice-notice>span:first-child{color:#9b89d4;font-size:20px}.voice-notice p{font-size:9px;line-height:1.8;margin:0;color:#a0a6bd}.voice-notice p span{color:#727f9a;margin-left:4px}.beta-badge{border:1px solid #373c54;color:#7e89a7;font-size:8px;white-space:nowrap;border-radius:4px;padding:3px 7px;margin-left:auto}.workspace-footer{display:flex;justify-content:space-between;border-top:1px solid #2d3248;padding:20px 0;margin-top:30px;font-size:8px;color:#626e8c}.workspace-footer>span:last-child{letter-spacing:1.3px;font-size:7px}.workspace-footer i{font-style:normal;color:#9683c3;font-size:12px;margin-left:6px}.modal{position:fixed;inset:0;background:#0c0f20bc;backdrop-filter:blur(7px);z-index:100;display:none;align-items:center;justify-content:center;padding:20px}.modal.is-open{display:flex}.modal-card{position:relative;width:min(100%,440px);max-height:88vh;overflow:auto;border:1px solid #494561;border-radius:17px;background:#25293e;padding:33px;box-shadow:0 20px 90px #080b2050}.modal-card>.modal-close{position:absolute;top:13px;right:13px}.modal-illustration{display:block;color:#b499ff;font-size:40px;margin-bottom:15px}.modal-card h2{font-size:21px;letter-spacing:-.7px;margin:0 0 12px}.modal-card>p{font-size:11px;color:#969eb9;line-height:1.9;margin-bottom:24px}.modal-card form label{display:block;font-size:11px;color:#b5bdd2;margin-bottom:10px}.modal-card form input{width:100%;padding:13px;border:1px solid #484c65;border-radius:7px;color:var(--text);background:#1e2235;margin-bottom:20px}.modal-card form button{width:100%}.help-card{width:min(100%,500px)}.guide-step{display:flex;gap:16px;margin-top:25px}.guide-step>b{font-size:12px;color:#a489ff;margin-top:2px}.guide-step h3{font-size:13px;font-weight:500;margin:0 0 7px}.guide-step p{font-size:11px;color:#969fba;line-height:1.9;margin:0}.help-tip{padding:15px;background:#7c5cff12;border:1px solid #7c5cff30;font-size:10px;color:#a79cc5;border-radius:7px;line-height:1.9;margin-top:24px}.library-card{width:min(100%,530px)}.library-item{display:flex;align-items:center;gap:12px;border-top:1px solid #383d54;padding:14px 0}.library-item>.load-song{flex:1;text-align:left;min-width:0}.library-item strong{display:block;font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.library-item small{color:#8d97b3;font-size:10px;display:block;margin-top:6px}.library-empty{border:1px dashed #4a4564;padding:30px 15px;border-radius:8px;line-height:2;text-align:center;color:#a39bb9;font-size:12px}.confirm-actions{display:flex;gap:10px;justify-content:flex-end;margin-top:25px}.danger{background:#c4516b;border-radius:7px;padding:10px 17px;font-size:12px}.danger:hover{background:#dc607d}.toast{position:fixed;bottom:30px;left:50%;transform:translate(-50%,15px);max-width:calc(100% - 32px);z-index:200;background:#37304f;color:#e8ddff;border:1px solid #79659e;padding:12px 22px;border-radius:9px;box-shadow:0 8px 32px #0e10274d;font-size:12px;opacity:0;pointer-events:none;transition:.2s}.toast.visible{opacity:1;transform:translate(-50%,0)}.toast.error{background:#462a39;color:#ffced4;border-color:#9c5266}body.modal-open{overflow:hidden}::-webkit-scrollbar{width:5px;height:6px}::-webkit-scrollbar-thumb{background:#484760;border-radius:5px}
@media(min-width:1500px){.workspace{padding-top:40px}.lyrics-content{grid-template-columns:1fr 1fr}.piano-layout{grid-template-rows:30px 416px}:root{--row:32px}.note{height:27px}.composition-panel{margin-top:26px}.transport{margin-top:24px}}
@media(max-width:1200px){.sidebar{width:210px;padding-left:16px;padding-right:16px}.main{margin-left:210px}.topbar{padding:0 25px}.workspace{padding:27px 25px 0}.toolbar-hint{font-size:8px}.tempo-control{padding:0 12px;gap:7px}.tempo-control input{width:65px}.transport{padding:15px;gap:10px}.play-controls{gap:9px}.time-display{min-width:117px}.sound-controls{gap:5px}.instrument-label select{max-width:112px;font-size:9px}.voice-notice{align-items:flex-start}.beta-badge{display:none}}
@media(max-width:1000px){.sidebar{width:182px;padding-left:12px;padding-right:12px}.main{margin-left:182px}.brand{font-size:24px}.brand-icon{width:32px;height:34px}.workspace-label{font-size:9px}.new-song{font-size:11px}.sidebar-bottom h3{font-size:10px}.sidebar-bottom p{font-size:8px}.lyrics-content{gap:16px;grid-template-columns:1fr 1fr}.section-sub{display:none}.toolbar-hint{display:none}.transport{flex-wrap:wrap}.play-controls{flex:1}.tempo-control{border-right:0}.sound-controls{width:100%;justify-content:flex-end;border-top:1px solid #363a50;padding-top:10px;margin-top:3px}.instrument-label select{max-width:150px;font-size:10px}.roll-footer>span:nth-child(2){display:none}.song-heading p{font-size:10px}.export-button{font-size:10px;padding:8px 10px}}
@media(max-width:760px){.sidebar{width:72px;padding:22px 10px}.brand{justify-content:center}.brand>span:last-child,.workspace-label,.new-song svg+span,.nav-item span,.sidebar-heading,.recent-songs,.sidebar-bottom,.sidebar-foot{display:none}.brand-icon{width:36px;height:38px}.new-song{font-size:0;margin-top:30px;padding:8px;width:42px;height:40px;margin-left:auto;margin-right:auto}.new-song svg{width:20px}.nav-item{font-size:0;justify-content:center;padding:0;gap:0}.nav-item svg{width:20px}.nav-item>span:last-child:not(.nav-indicator){display:none}.main{margin-left:72px}.topbar{padding:0 20px;height:65px}.workspace{padding:25px 20px 0}.title-line input{font-size:25px;width:190px}.lyrics-content{grid-template-columns:1fr}.syllable-preview{padding-top:0}.lyrics-content{gap:14px}.lyrics-input-wrap textarea{height:96px;min-height:96px}.syllables{max-height:62px}.section-header{padding:15px 16px}.lyrics-content{padding-left:16px;padding-right:16px}.small-badge{font-size:8px}.song-heading{align-items:flex-start}.export-button{font-size:0;padding:8px;margin-top:23px}.export-button svg{width:17px}.time-display{min-width:110px}.play-button{width:40px;height:40px}.tempo-control{padding-right:0}.tempo-control input{width:60px}.top-actions{gap:10px}.save-state{font-size:9px}.voice-notice p{font-size:9px}.workspace-footer>span:last-child{display:none}.song-heading{margin-bottom:24px}.modal-card{padding:28px}}
@media(max-width:480px){.sidebar{width:56px;padding:18px 6px}.brand-icon{width:33px;height:35px}.new-song{width:36px;height:36px}.main{margin-left:56px}.topbar{height:57px;padding:0 14px}.breadcrumb{font-size:9px;gap:5px}.breadcrumb svg{width:10px}.top-actions{gap:5px}.top-actions>.icon-button{display:none}.avatar{width:24px;height:24px;font-size:9px}.save-state{font-size:8px;max-width:105px}.save-state svg{width:11px}.workspace{padding:23px 12px 0}.eyebrow{font-size:8px}.title-line input{font-size:23px;width:177px}.title-pencil{font-size:15px}.song-heading p{font-size:9px;line-height:1.9;max-width:235px}.song-heading{gap:3px}.section-header{padding:14px 12px;gap:5px}.section-header h2{font-size:11px;gap:6px}.small-badge{display:none}.lyrics-content{padding:0 12px 15px}.syllable{width:23px;height:25px}.syllables{gap:4px}.syllable-preview p{font-size:8px}.step{width:21px;height:21px;font-size:9px}.composition-panel{margin-top:16px}.edit-actions .icon-button{width:23px}.edit-actions .divider{margin:0 4px}.roll-toolbar{padding:9px 10px;gap:5px}.tool-group{gap:5px}.draw-tool{padding:3px 6px}.tool-group label{font-size:8px}.tool-group select{font-size:8px;max-width:105px;padding-right:3px}.roll-footer{font-size:8px;padding:11px 10px}.transport{padding:13px 10px;gap:14px;margin-top:15px}.play-controls{gap:8px}.time-display{min-width:97px}.time-display strong{font-size:14px}.time-display strong>span{font-size:9px}.time-display>span{font-size:7px}.play-button{width:36px;height:36px}.stop-button{width:18px}.tempo-control{border:0;width:100%;justify-content:flex-start;order:3;border-top:1px solid #363a50;padding:12px 0 0}.tempo-control label{flex-direction:row;align-items:center;gap:6px;font-size:9px}.tempo-control input{flex:1;width:auto;margin:0 7px}.sound-controls{width:auto;padding:0;margin:0;border:0;flex:1;justify-content:flex-end;gap:4px}.instrument-label{display:none}.sound-controls .icon-button{width:23px}.voice-notice{margin-top:13px;gap:7px}.voice-notice p span{margin-left:0}.workspace-footer{margin-top:21px;font-size:7px;padding:16px 0}.modal{padding:14px}.modal-card{padding:27px 22px}.modal-card h2{font-size:19px}.toast{font-size:11px;width:max-content;text-align:center}}
@media(prefers-reduced-motion:reduce){*{scroll-behavior:auto!important;transition:none!important}}