@import"https://fonts.googleapis.com/css2?family=DM+Sans:wght@400;500;600;700&family=Noto+Sans+KR:wght@400;500;600;700&display=swap";:root{font-family:DM Sans,Noto Sans KR,sans-serif;color:#e5e9e1;background:#171a18;font-synthesis:none;font-weight:400;--muted:#929c93;--line:#323a33;--lime:#c9ed95;--panel:#202521;--peach:#e6b597;--lavender:#b5addd}*{box-sizing:border-box}body{margin:0}button,input,select{font:inherit}button{display:inline-flex;align-items:center;justify-content:center;gap:8px;cursor:pointer;color:inherit;background:transparent;border:1px solid transparent;border-radius:7px;transition:background .15s,border-color .15s}button:hover:not(:disabled){background:#343e33}button:disabled{opacity:.4;cursor:not-allowed}button:focus-visible,input:focus-visible,select:focus-visible,.note:focus-visible{outline:2px solid var(--lime);outline-offset:3px}input,select{color:inherit;background:#191e1a;border:1px solid var(--line);border-radius:5px;padding:8px}input[type=range]{accent-color:var(--lime);padding:0;cursor:pointer;width:100%;height:4px}input[type=number]{appearance:textfield}input::-webkit-inner-spin-button{appearance:none}a{color:inherit;text-decoration:none}h1,h2,p{margin:0}.app{display:flex;min-height:100vh}.sidebar{width:226px;min-width:226px;border-right:1px solid var(--line);background:#1b201c;display:flex;flex-direction:column;padding:30px 17px 24px;position:sticky;top:0;height:100vh}.brand{font-size:29px;font-weight:700;letter-spacing:-1.5px;display:flex;align-items:center;gap:9px;padding:0 10px}.brand-mark{height:32px;width:32px;display:grid;place-items:center;border-radius:10px;background:var(--lime);color:#222b20;font-size:31px;line-height:1;font-weight:700;padding-bottom:6px;letter-spacing:-3px;padding-right:3px}.beta{font-size:8px;font-weight:500;letter-spacing:1px;color:#b0baa9;border:1px solid #46513f;border-radius:4px;padding:3px 4px;margin-top:2px}.workspace-label{font-size:8px;letter-spacing:1.7px;color:var(--muted);margin:14px 10px 35px}.new-project{background:var(--lime);color:#29341d;height:43px;font-weight:600;font-size:12px;margin:0 6px 32px}.new-project:hover:not(:disabled),.export-button:hover:not(:disabled){background:#d8f8b0}.section-label{padding:0 12px;display:flex;justify-content:space-between;font-size:10px;color:var(--muted);letter-spacing:.5px;margin-bottom:14px}.project-list{overflow:auto;min-height:80px;flex:1}.project-link{width:100%;justify-content:flex-start;padding:13px 11px;margin-bottom:4px;gap:11px;text-align:left;font-size:11px;border-radius:6px}.project-link>svg{color:#939e8c;min-width:18px}.project-link>span{min-width:0;flex:1}.project-link strong{font-size:11px;display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.project-link small{font-size:9px;display:block;color:var(--muted);margin-top:7px}.project-link.active{background:#303c29;color:#e3f0d3}.project-link.active svg{color:var(--lime)}.project-link.active i{width:5px;height:5px;border-radius:50%;background:var(--lime)}.sidebar-bottom{padding:20px 10px 0;border-top:1px solid var(--line);margin-top:20px}.sidebar-bottom button{justify-content:flex-start;font-size:11px;color:#b2bdb0;width:100%;padding:9px 0}.sidebar-bottom p{font-size:14px;line-height:1.9;color:#8f9c88;margin:29px 0 20px}.local-badge{font-size:8px;color:#94a389;letter-spacing:1.5px;display:flex;align-items:center;gap:7px}.local-badge i,footer i{height:5px;width:5px;background:#a8c486;border-radius:50%;display:inline-block}main{flex:1;min-width:0}.topbar{height:72px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:23px;padding:0 36px}.breadcrumb{font-size:11px;color:#bbc4b8;flex:1}.breadcrumb span{margin:0 13px;color:#65715f}.save-status{font-size:10px;color:#a5b19d;display:flex;gap:6px;align-items:center}.save-status.error{color:#efae9f}.export-button{font-size:11px;background:var(--lime);color:#243019;padding:10px 15px;font-weight:600;border-radius:6px}.workspace{padding:34px 36px 20px;max-width:1590px;margin:auto}.project-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:28px}.eyebrow{font-size:9px;letter-spacing:2px;color:#a5b393;font-weight:600;margin-bottom:13px}.project-title{border:0;background:transparent;padding:0;width:min(540px,100%);font-size:27px;font-weight:600;letter-spacing:-1px;line-height:1.5;border-radius:0}.project-title:focus{outline:none;border-bottom:1px solid var(--lime)}.project-heading p{font-size:11px;color:var(--muted);margin-top:7px}.project-meta{display:flex;gap:25px;color:#c3ccb9;padding-top:18px}.project-meta>span{font-size:20px;font-variant-numeric:tabular-nums;white-space:nowrap}.project-meta small{display:block;text-align:center;font-size:9px;color:var(--muted);margin-top:7px}.transport{display:flex;align-items:center;background:#252d24;border:1px solid #3c4737;border-radius:10px;padding:12px 19px;gap:24px;margin-bottom:24px;min-height:76px}.transport-main{display:flex;align-items:center;gap:13px}.play-button{width:42px;height:42px;background:var(--lime);color:#25321a;border-radius:50%;padding-left:4px}.play-button.is-playing{padding-left:0}.play-button:hover:not(:disabled){background:#e0fcb9}.record-button{height:36px;width:36px}.record-button span{width:14px;height:14px;border:2px solid #e89588;background:#c87569;border-radius:50%}.record-button.recording span{border-radius:3px;animation:pulse 1s infinite}.position{font-size:25px;letter-spacing:1px;font-variant-numeric:tabular-nums;margin-left:4px;line-height:1.1;width:109px}.position>span{color:#65775b}.position small{display:block;font-size:7px;letter-spacing:2px;color:var(--muted);margin-top:6px}.tempo{border-left:1px solid #46513f;padding-left:23px;display:flex;align-items:baseline;gap:5px}.tempo input{width:51px;border:0;padding:0;font-size:23px;background:transparent;text-align:right}.tempo>span{font-size:9px;color:#9cae91}.toggle{font-size:11px;color:#a6b29e;padding:9px 10px;white-space:nowrap}.toggle.on{color:var(--lime);background:#36452b;border-color:#465d36}.metronome{font-size:20px;line-height:16px}.transport-tip{margin-left:auto;white-space:nowrap;font-size:9px;color:#95a68a;display:flex;gap:7px;align-items:center}kbd{font-family:inherit;font-size:8px;border:1px solid #59664f;border-radius:4px;padding:3px 6px;color:#acbaa2}.record-label{color:#edb1a6}.editor-layout{display:grid;grid-template-columns:minmax(0,1fr) 202px;gap:20px;align-items:start}.editor-column{min-width:0;display:flex;flex-direction:column;gap:18px}.panel{border:1px solid var(--line);background:var(--panel);border-radius:9px;overflow:hidden}.panel-title{min-height:57px;display:flex;align-items:center;justify-content:space-between;padding:0 18px;gap:10px}.panel-title h2{font-size:12px;font-weight:600;display:flex;gap:9px;align-items:center;white-space:nowrap}.panel-title h2>span:not(.track-dot){color:#77876e;font-size:8px;letter-spacing:1px;font-weight:400;margin-left:5px}.muted{font-size:9px;color:var(--muted)}.arrangement{padding-bottom:13px}.arrangement .panel-title{min-height:46px}.bar-overview{display:grid;grid-template-columns:repeat(8,1fr);gap:5px;padding:0 14px}.bar-overview button{display:block;background:#272f27;border:1px solid #384232;padding:7px 6px;border-radius:5px;text-align:left;min-width:0;height:63px}.bar-overview button.chosen{background:#34412d;border-color:#637d4d}.bar-overview button.current{border-color:var(--lime)}.bar-overview button>span{font-size:8px;color:#9aaa8f;display:block;margin-bottom:4px}.bar-overview button.chosen>span{color:var(--lime)}.bar-overview svg{width:100%;height:30px;fill:#92b573;opacity:.8}.track-dot{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--lime);flex-shrink:0}.drums-dot{background:var(--peach)}.voice-dot{background:var(--lavender)}.panel-tools{display:flex;gap:8px;align-items:center}.panel-tools select{font-size:10px;padding:6px 25px 6px 8px;background:#293329;color:#c5d2bb;border-color:#3d4937}.icon-button{padding:6px;color:#aab6a2}.roll-ruler{display:flex;border-top:1px solid #343e34;border-bottom:1px solid #343e34;background:#1c221d;height:28px;align-items:center;color:#83947a;font-size:8px}.roll-ruler>span{width:51px;min-width:51px;text-align:center;font-size:7px;letter-spacing:1px}.roll-ruler>div{display:grid;grid-template-columns:repeat(8,1fr);flex:1}.roll-ruler>div span{padding-left:7px}.piano-scroll{overflow-x:auto}.piano-wrap{display:flex;min-width:620px}.piano-keys{display:flex;flex-direction:column;width:51px;min-width:51px}.piano-keys button{height:24px;border-radius:0;border-bottom:1px solid #384535;background:#c5cfba;color:#3b4934;text-align:right;justify-content:flex-end;font-size:8px;padding:0 8px;border-right:5px solid #b6c2aa}.piano-keys button.black-key{background:#3e4c39;color:#acb8a1;border-right:12px solid #293425;border-bottom:1px solid #283025}.piano-keys button:hover:not(:disabled){background:var(--lime);color:#243019}.piano-grid{display:block;width:calc(100% - 51px);height:312px;touch-action:none;cursor:crosshair;-webkit-user-select:none;user-select:none}.note{cursor:grab;outline:none}.note rect{fill:#aacd83;stroke:#bedc9d;stroke-width:.5}.note text{font-size:9px;fill:#324326;font-family:inherit;font-weight:600}.note.selected rect,.note:focus rect{fill:#dcf4b8;stroke:#f3ffe2;stroke-width:2}.playhead{stroke:#e6ffbd;stroke-width:2;filter:drop-shadow(0 0 3px #ccf59c)}.note-tools{height:43px;display:flex;align-items:center;gap:12px;padding:0 15px;border-top:1px solid #343e34;color:#94a38b;font-size:9px}.note-tools label{display:flex;align-items:center;gap:6px;white-space:nowrap}.note-tools input[type=number]{width:43px;padding:3px;font-size:10px;text-align:center}.note-tools input[type=range]{width:60px}.note-tools small{font-size:9px}.grid-label{margin-left:auto;font-size:7px;letter-spacing:1px;white-space:nowrap}.drums-panel{padding-bottom:16px}.drums-panel .panel-title{min-height:49px}.drum-scroll{overflow-x:auto;padding:0 17px}.drum-row{display:flex;align-items:center;gap:10px;margin-bottom:7px;min-width:590px}.drum-row:last-child{margin:0}.drum-row>span{width:44px;min-width:44px;font-size:9px;color:#b9c1b1}.drum-row>div{display:grid;grid-template-columns:repeat(32,1fr);gap:3px;flex:1}.drum-row button{height:22px;border-radius:3px;background:#30372f;border:1px solid #3a4335;padding:0;min-width:0}.drum-row button.beat{background:#41493b}.drum-row button.hit{background:#cda384;border-color:#e8c4a5}.drum-row button.now{outline:2px solid #fff4df;outline-offset:0}.drum-row:nth-child(2) button.hit{background:#ac8b72}.drum-row:nth-child(3) button.hit{background:#937a64}.voice-panel .panel-title{min-height:47px}.voice-content{display:flex;align-items:center;gap:14px;margin:0 17px 20px;padding:16px;border:1px dashed #4c4a55;border-radius:7px;background:#27272b}.voice-content>div:nth-child(2){flex:1}.mic-art{width:44px;height:44px;display:grid;place-items:center;border-radius:50%;background:#3a3547;color:#c3b8dd;flex-shrink:0}.voice-content strong{font-size:11px;font-weight:500}.voice-content p{font-size:9px;color:#a29ba8;line-height:1.7;margin-top:5px}.outline-button{border-color:#5b5865;background:#35323d;padding:9px 12px;font-size:10px;white-space:nowrap}.danger-button{background:#784e49;border-color:#ba7d70;font-size:10px;padding:10px}.voice-panel.live{border-color:#c87569}.recording-tools{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:0 20px 16px;font-size:10px;color:#b6acbf}.recording-tools label{display:flex;align-items:center;gap:8px}.recording-tools input{width:65px;padding:5px}.recording-tools label span{font-size:9px}.mixer .panel-title{border-bottom:1px solid var(--line);min-height:52px}.mixer .panel-title>.muted{font-size:7px;letter-spacing:1px}.mixer-track{margin:0 17px;padding:22px 0;border-bottom:1px solid var(--line)}.mixer-track>div{display:flex;align-items:center;gap:8px;margin-bottom:21px}.mixer-track strong{font-size:11px;font-weight:500;flex:1}.mute{height:22px;width:24px;border-radius:4px;background:#2e352c;border:1px solid #414a3b;color:#9aa58f;font-size:9px;font-weight:600}.mute.muted-on{background:#9d735a;color:#fff0e6;border-color:#c39271}.mixer-track:nth-child(3) input{accent-color:var(--peach)}.mixer-track:nth-child(4) input{accent-color:var(--lavender)}.level-label{display:flex;justify-content:space-between;font-size:7px;letter-spacing:1px;color:#89977e;margin-top:14px}.level-label b{font-size:9px;color:#aebda1;font-weight:400;letter-spacing:0}.mixer-note{padding:29px 20px;color:#899d78}.mixer-note p{font-size:11px;line-height:1.9;color:#b2c0a5;margin-top:12px}.mixer-note>span{display:block;margin-top:9px;font-size:9px;color:#839476}footer{display:flex;justify-content:space-between;align-items:center;margin-top:20px;font-size:9px;color:#7e8f73}footer>span{display:flex;gap:7px;align-items:center}.text-button{font-size:9px;color:#9aa78f;padding:5px}.toast{position:fixed;bottom:26px;left:50%;transform:translate(-50%);max-width:90vw;background:#d5e9bd;color:#26341e;padding:13px 20px;box-shadow:0 8px 35px #0007;border-radius:8px;font-size:12px;z-index:20;line-height:1.6}.toast[hidden]{display:none}dialog{background:#252b25;color:#e5e9e1;border:1px solid #4b5843;border-radius:14px;padding:28px;width:590px;max-width:calc(100vw - 30px);max-height:85vh;box-shadow:0 24px 90px #0009}dialog::backdrop{background:#080f0bcc;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.dialog-heading{display:flex;justify-content:space-between;align-items:flex-start}.dialog-heading h2{font-size:22px;letter-spacing:-.5px}.dialog-heading .eyebrow{font-size:8px;margin-bottom:10px}.dialog-description{font-size:12px;color:#aab7a1;line-height:1.8;margin:20px 0}.export-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.export-grid button{border:1px solid #48543f;background:#2c3629;padding:18px;text-align:left;align-items:flex-start;flex-direction:column;gap:10px}.export-grid svg{color:var(--lime)}.export-grid strong{font-size:12px;font-weight:500}.export-grid small{font-size:9px;color:#acb99f}.dialog-footnote{font-size:10px;line-height:1.8;color:#8d9e82;margin-top:20px}.form-label{font-size:11px;display:flex;flex-wrap:wrap;gap:8px;margin:18px 0}.form-label span{font-size:9px;color:#8f9f83}.form-label input{width:100%;font-size:12px;padding:11px}.server-buttons{display:flex;justify-content:space-between;gap:10px}.server-state{font-size:11px;line-height:1.8;color:#cbdcba;margin:18px 0}.remote-list{max-height:220px;overflow:auto}.remote-list button{width:100%;display:flex;justify-content:space-between;text-align:left;border-top:1px solid #3e4937;border-radius:0;padding:14px 7px;font-size:12px}.remote-list small{display:block;font-size:9px;color:#9fac94;margin-top:5px}.remote-list button>span:last-child{font-size:10px;color:var(--lime)}.loading{display:flex;min-height:100vh;align-items:center;justify-content:center;flex-direction:column;gap:20px;font-size:44px;color:var(--lime)}.loading span{font-size:12px;color:#a5b799}@keyframes pulse{50%{opacity:.4}}@media(min-width:1600px){.workspace{padding-top:45px}.editor-layout{grid-template-columns:minmax(0,1fr) 230px}.panel-title{min-height:62px}}@media(max-width:1200px){.sidebar{width:195px;min-width:195px;padding-left:12px;padding-right:12px}.workspace{padding:26px 24px 20px}.topbar{padding:0 24px}.editor-layout{grid-template-columns:minmax(0,1fr) 170px;gap:14px}.transport{gap:15px;padding:12px 15px}.transport-tip{display:none}.project-meta{gap:18px}.voice-content{padding:12px;gap:10px}.voice-content p{max-width:220px}.mixer-note{padding:24px 15px}.panel-title{padding:0 14px}}@media(max-width:1000px){.editor-layout{grid-template-columns:minmax(0,1fr)}.mixer{display:grid;grid-template-columns:repeat(3,1fr)}.mixer .panel-title{grid-column:1/-1}.mixer-track{padding:18px 0;border:0}.mixer-note,.project-meta{display:none}.sidebar{width:180px;min-width:180px}.brand{font-size:25px;padding:0 4px}.brand-mark{width:28px;height:28px}.workspace-label{font-size:7px;margin-left:4px;letter-spacing:1px}.save-status{font-size:9px}.piano-grid{preserve-aspect-ratio:none}.transport{gap:10px}.toggle{font-size:10px;padding:8px}.tempo{padding-left:15px}}@media(max-width:720px){.app{display:block}.sidebar{position:static;width:100%;height:auto;min-width:0;padding:15px 18px;display:grid;grid-template-columns:1fr auto;gap:14px;border-right:0;border-bottom:1px solid var(--line)}.brand{font-size:26px}.workspace-label,.section-label,.sidebar-bottom p,.local-badge{display:none}.new-project{margin:0;height:35px;padding:0 12px;font-size:10px}.project-list{grid-column:1/-1;display:flex;min-height:0;gap:5px;overflow:auto}.project-link{width:auto;min-width:155px;margin:0;padding:9px}.project-link small{font-size:8px;margin-top:4px}.sidebar-bottom{grid-column:1/-1;display:flex;padding:0;margin:0;border:0;gap:10px}.sidebar-bottom button{width:auto;flex:1;font-size:9px;padding:5px}.sidebar-bottom button svg{width:14px}.topbar{height:59px;padding:0 18px;gap:12px}.save-status{font-size:8px}.breadcrumb{font-size:9px}.breadcrumb span{margin:0 6px}.export-button{font-size:10px;padding:9px 11px}.workspace{padding:25px 15px 20px}.project-title{font-size:24px}.project-heading p{font-size:10px}.project-heading{margin-bottom:22px}.transport{gap:8px;flex-wrap:wrap;padding:12px}.transport-main{gap:8px}.position{font-size:22px;width:85px}.tempo{padding-left:10px}.tempo input{font-size:20px;width:37px}.tempo>span{font-size:8px}.toggle{padding:7px;font-size:9px;gap:4px}.toggle svg{width:14px}.play-button{width:35px;height:35px}.record-button{width:26px}.panel-title h2{font-size:11px}.panel-title .muted{font-size:8px}.voice-content{flex-wrap:wrap}.voice-content>div:nth-child(2){min-width:170px}.voice-content .outline-button,.voice-content .danger-button{margin-left:auto}.voice-content p{max-width:100%}.note-tools{font-size:8px;gap:8px;padding:0 10px}.note-tools>span:first-child{max-width:260px}.grid-label{font-size:6px}.recording-tools{flex-wrap:wrap}.bar-overview{gap:3px;padding:0 9px}.bar-overview button{padding:5px 3px}.arrangement .muted{font-size:7px}.mixer-track{margin:0 12px}.mixer-track strong{font-size:10px}.mixer-track>div{gap:5px}.mixer-track .mute{width:22px}.piano-grid{min-width:569px}.roll-ruler{min-width:0}.export-grid button{padding:14px}.dialog-heading h2{font-size:20px}footer{font-size:8px;gap:10px}footer .text-button{font-size:8px}.record-label{font-size:9px}}@media(prefers-reduced-motion:reduce){*{animation:none!important;transition:none!important}}.editor-tabs{display:flex;align-items:center;gap:5px;padding:0 16px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);min-height:43px}.editor-tabs button{font-size:11px;border-radius:0;padding:12px 10px;border-bottom:2px solid transparent;color:#9cab92}.editor-tabs button[aria-selected=true]{color:var(--lime);border-bottom-color:var(--lime)}.editor-tabs>span{margin-left:auto;font-size:9px;color:var(--muted)}.piano-viewport{max-height:312px;overflow-y:auto;scrollbar-color:#657858 #202623;scrollbar-width:thin}.piano-keys button{flex-shrink:0}.staff-toolbar,.staff-inputs,.chord-form{display:flex;align-items:center;flex-wrap:wrap;gap:12px;padding:12px 16px;border-bottom:1px solid var(--line)}.staff-toolbar label,.staff-inputs label,.chord-form label,.staff-selected label{display:flex;align-items:center;gap:7px;font-size:10px;color:#b8c7ab}.staff-editor select,.staff-editor input{font-size:11px;padding:7px 9px}.staff-toolbar select{min-width:110px}.accidental-buttons{display:flex;gap:4px}.accidental-buttons button{height:31px;min-width:31px;border:1px solid #44523b;font-size:19px;color:#acb99f}.accidental-buttons button[aria-pressed=true]{background:var(--lime);color:#25321b}.staff-range{font-size:9px;color:#93a487;margin-left:auto}.chord-form{background:#273024;gap:9px}.chord-form input{width:112px;font-family:inherit}.chord-form>span{font-size:9px;color:#96a68a;flex:1;min-width:140px;line-height:1.6}.chord-form .text-button{font-size:10px}.staff-scroll{overflow-x:auto;background:#f3f0e5;scrollbar-color:#9ba889 #e4e5d6}.staff-paper{position:relative;background:#f3f0e5;margin:auto}.staff-engraving,.staff-overlay{position:absolute;inset:0}.staff-engraving{pointer-events:none}.staff-overlay{width:100%;height:100%;touch-action:pan-x;cursor:crosshair}.staff-bar-label{fill:#69765e;font-size:11px;font-weight:600;letter-spacing:.5px}.staff-beat-label{fill:#7e8b71;font-size:9px;text-anchor:middle}.staff-grid-line{stroke:#a5b396;stroke-width:.5;opacity:.12}.staff-beat-line{stroke:#8ea17b;stroke-width:.6;opacity:.3}.staff-cursor{stroke:#96b673;stroke-width:18;opacity:.18}.staff-note{cursor:pointer;outline:none}.staff-note rect{fill:transparent;stroke:transparent}.staff-note:hover rect,.staff-note:focus-visible rect{fill:#b7d78a55;stroke:#6b8e43;stroke-width:1.5}.staff-note.selected rect{fill:#abd17f44;stroke:#648b3e;stroke-width:1.5}.staff-chord{cursor:pointer;outline:none}.staff-chord rect{fill:#e2e7d3;stroke:#c9d4b9}.staff-chord text{fill:#3c542e;font-size:14px;font-weight:700;font-family:DM Sans,sans-serif}.staff-chord.active rect,.staff-chord:focus-visible rect{fill:#cae59f;stroke:#6e8e46;stroke-width:2}.staff-playhead{stroke:#678d3d;stroke-width:2}.staff-help{font-size:9px;line-height:1.8;color:#a0af94;padding:12px 16px;border-top:1px solid var(--line)}.staff-selected{padding:10px 16px;display:flex;flex-wrap:wrap;gap:12px;align-items:center;border-top:1px solid var(--line)}.staff-selected>span{font-size:9px;line-height:1.7;color:#91a183;flex:1;min-width:200px}.staff-error{font-size:11px;color:#efb5a2;line-height:1.7;padding:12px 16px;background:#4b302a}@media(max-width:720px){.editor-tabs>span{display:none}.staff-toolbar,.staff-inputs,.chord-form{padding:10px 12px;gap:9px}.staff-range{font-size:8px}.staff-inputs label{font-size:9px}.staff-editor select{font-size:10px}.staff-inputs{gap:7px}.chord-form>span{flex-basis:100%}.staff-paper{margin:0}.staff-help{font-size:8px}.note-tools{flex-wrap:wrap;height:auto;min-height:43px;padding:8px 10px}}.chord-suggestions{display:flex;flex-direction:column;gap:9px;padding:12px 16px;background:#222a24;border-top:1px solid var(--line)}.chord-suggestions-head{display:flex;flex-wrap:wrap;align-items:baseline;gap:8px;font-size:10px;color:#96a68a}.chord-suggestions-head strong{font-size:12px;color:#dce8cf}.chord-chips,.chord-progressions{display:flex;flex-wrap:wrap;gap:6px}.chord-chip{display:inline-flex;align-items:baseline;gap:6px;padding:6px 11px;border:1px solid #4a5546;border-radius:999px;background:#2b342e;color:#e5e9e1;font-size:12px;line-height:1}.chord-chip small{font-size:9px;color:#9aa78f}.chord-chip:hover:not(:disabled),.chord-chip:focus-visible{border-color:var(--lime);background:#33402f}.chord-progressions .text-button{border:1px solid #3a4238;border-radius:6px;padding:6px 9px;font-size:10px;color:#cbdcba}.chord-progressions .text-button:hover:not(:disabled){border-color:var(--lime)}.staff-chord-span{fill:#8fae6f;opacity:.7}.staff-chord-span.active{fill:#6e8e46;opacity:1}.chord-autocomplete{position:relative}.chord-options{position:absolute;top:100%;left:0;z-index:6;margin:4px 0 0;padding:4px;list-style:none;min-width:190px;max-height:230px;overflow-y:auto;background:#1b211d;border:1px solid #4a5546;border-radius:8px;box-shadow:0 10px 24px #0006}.chord-options li{display:flex;justify-content:space-between;align-items:baseline;gap:14px;padding:6px 10px;border-radius:5px;font-size:12px;color:#e5e9e1;cursor:pointer;white-space:nowrap}.chord-options li small{font-size:9px;color:#9aa78f}.chord-options li.active{background:#2f3a32;color:var(--lime)}.print-sheet{position:fixed;inset:0;z-index:50;overflow:auto;background:#d9ddd6;color:#111;padding:16px}.print-tools{display:flex;flex-wrap:wrap;align-items:center;gap:10px;max-width:900px;margin:0 auto 14px;font-size:11px;color:#2b342e}.print-tools label{display:inline-flex;align-items:center;gap:6px}.print-tools select{font-size:11px}.print-tools .outline-button{color:#e5e9e1}.print-tools span{flex-basis:100%;font-size:10px;color:#4b554e}.print-page{max-width:900px;margin:0 auto;background:#fff;color:#111;padding:40px 36px 36px;box-shadow:0 10px 30px #0000004d}.print-page header{text-align:center;margin-bottom:18px}.print-page h1{margin:0 0 6px;font-size:24px;font-weight:700;color:#111;letter-spacing:0}.print-page header p{margin:0;font-size:12px;color:#444}.print-page footer{margin-top:14px;font-size:9px;color:#777;text-align:right}.print-system{break-inside:avoid;page-break-inside:avoid;margin:0 0 4px}.print-system svg{display:block;width:100%;height:auto}@media print{@page{size:A4 portrait;margin:12mm}html,body{background:#fff}.app{display:block!important;min-height:0}.app>:not(.print-sheet){display:none!important}.print-sheet{position:static;padding:0;background:#fff;overflow:visible}.print-tools{display:none}.print-page{max-width:none;padding:0;box-shadow:none}}.chord-analysis{display:flex;flex-wrap:wrap;align-items:baseline;gap:6px;font-size:11px;color:#cbdcba}.chord-analysis span{font-size:9px;letter-spacing:1px;color:#9aa78f;margin-right:4px}.chord-analysis em{font-style:normal;font-weight:600;padding:2px 7px;border-radius:4px;background:#2b342e;color:#e5e9e1}.chord-analysis em+em:before{content:""}.chord-tips{list-style:none;margin:0;padding:0;display:flex;flex-direction:column;gap:6px}.chord-tips li{font-size:11px;line-height:1.6;padding:7px 10px 7px 30px;border-radius:6px;background:#1f2622;border:1px solid #3a4238;position:relative;color:#dce8cf}.chord-tips li:before{position:absolute;left:10px;top:7px;font-size:12px}.chord-tips li.tip-good{border-color:#5c7a45}.chord-tips li.tip-good:before{content:"👍"}.chord-tips li.tip-info:before{content:"💡"}.chord-tips li.tip-warn{border-color:#9d735a;background:#2b2320}.chord-tips li.tip-warn:before{content:"⚠"}