:root{--ink:#243b37;--muted:#7c887c;--paper:#f6f5f0;--forest:#123e38;--gold:#d9bd7d;--line:#dbe1d4;--accent:#c4842d}*{box-sizing:border-box}body{background:var(--paper);color:var(--ink);margin:0;font-family:Segoe UI,sans-serif;font-size:14px}button,input,select,textarea{font:inherit}button,a,input,select,textarea{outline-color:#b89d57}button{cursor:pointer;color:inherit;background:0 0;border:0}button:disabled{cursor:default;opacity:.5}a{color:inherit}input[type=range]{accent-color:#647a47;cursor:pointer;height:4px}input[type=checkbox]{accent-color:#416346}.app-shell{min-height:100vh;display:flex}.app-shell>main{width:calc(100% - 244px);margin-inline-start:244px;padding-bottom:90px}.sidebar{background:var(--forest);color:#e5eee9;flex-direction:column;flex-shrink:0;width:244px;padding:33px 22px;display:flex;position:fixed;inset-block:0;inset-inline-start:0}.brand{letter-spacing:-.4px;align-items:center;gap:15px;font-size:20px;line-height:1.18;text-decoration:none;display:flex}.brand strong{font-weight:500}.brand-mark{color:#ddc58c;border:1px solid #8caa99;border-radius:22px 22px 5px 5px;place-items:center;width:45px;height:49px;font-family:Georgia,serif;font-size:41px;display:grid}.sidebar-caption{letter-spacing:1.7px;color:#a2bfb2;margin:25px 0 30px;font-size:9px}.search-wrap{color:#a4bdb1;border-bottom:1px solid #41635a;align-items:center;gap:9px;margin:24px 0 18px;padding-bottom:9px;display:flex}.search-wrap>span{font-size:23px}.search-wrap input{color:#fff;background:0 0;border:0;outline:0;width:100%;font-size:12px}.search-wrap input::placeholder{color:#a4bdb1}.tag-chips{flex-wrap:wrap;gap:5px;margin-bottom:16px;display:flex}.chip{color:#bcd0c5;border:1px solid #41635a;border-radius:10px;padding:3px 8px;font-size:10px}.chip.active{background:var(--gold);color:var(--forest);border-color:var(--gold)}.library-heading{color:#bcd0c5;justify-content:space-between;margin:8px 0 13px;font-size:12px;display:flex}.badge{background:#37594f;border-radius:9px;padding:1px 6px;font-size:10px}.library{margin:0 -10px;overflow-y:auto}.library-item{text-align:start;border-radius:7px;align-items:flex-start;gap:11px;width:100%;margin-bottom:5px;padding:14px 10px;display:flex}.library-item:hover{background:#224b42}.library-item.selected{background:#2d584b}.library-item .piece-icon{color:#d4bb83;font-size:22px;line-height:1}.library-item strong{overflow-wrap:anywhere;font-size:13px;font-weight:500;line-height:1.45;display:block}.library-item small{color:#a9c1b3;margin-top:5px;font-size:10px;display:block}.empty-library{color:#aac1b2;padding:10px;font-size:11px}.sidebar-footer{color:#a9c0b2;margin-top:auto;padding-top:25px;font-size:10px;line-height:1.8}.local-dot,.status-dot{background:#9fae9a;border-radius:50%;width:6px;height:6px;margin-inline-end:5px;display:inline-block}.backup-actions{gap:12px;margin-top:12px;display:flex}.backup-actions a,.backup-actions button{border-bottom:1px solid #759488;padding:0;font-size:10px;text-decoration:none}.primary{background:var(--gold);color:#173c32;border-radius:7px;padding:13px 18px;font-weight:650;transition:background .15s}.primary:hover{background:#e7cc91}.wide{width:100%}.secondary{background:#fcfcf8;border:1px solid #d4dccf;border-radius:6px;padding:8px 12px;font-size:11px;text-decoration:none;display:inline-block}.secondary:hover{background:#e9eee5}.primary.small{padding:8px 14px;font-size:12px}.secondary.danger{color:#a64934;border-color:#ead2c9}.secondary.danger:hover{background:#f8e9e4}.publish-state{flex-wrap:wrap;align-items:center;gap:7px;display:inline-flex}.pill.ok{color:#3f6a3a;background:#e3eedc;border-color:#c8dbbd}.site-status{color:#7f8b78;font-size:11px}.link-button{color:#5f7a55;text-underline-offset:2px;padding:2px 0;font-size:10px;text-decoration:underline}.topbar{border-bottom:1px solid #e2e4db;justify-content:flex-end;align-items:center;gap:16px;height:48px;padding:0 24px;display:flex}.topbar-end{align-items:center;gap:12px;display:flex}.language-switch{background:#fafbf7;border:1px solid #d9dfd3;border-radius:16px;padding:2px;display:inline-flex}.language-switch button{color:#6f7d68;border-radius:14px;padding:5px 11px;font-size:11px;line-height:1.2}.language-switch button:hover{background:#e9eee5}.language-switch button.active{background:var(--forest);color:#f3efe0}.account-button{background:#fafbf7;border:1px solid #d9dfd3;border-radius:20px;align-items:center;gap:6px;padding:8px 12px;font-size:11px;display:flex}.account-button.connected .status-dot{background:#4b8b61}.account-model{color:#7f8b78;border-inline-start:1px solid #dce1d5;margin-inline-start:5px;padding-inline-start:8px;font-size:9px}.eyebrow{letter-spacing:1.7px;color:#7f8d7f;font-size:10px;font-weight:600}[lang=he] .eyebrow{letter-spacing:.4px;font-size:11px}.workspace{padding:8px 24px 0}.piece-header{flex-wrap:wrap;align-items:center;gap:6px 16px;margin-bottom:8px;display:flex}.piece-title{align-items:baseline;gap:12px;min-width:0;display:flex}.piece-header h1{overflow-wrap:anywhere;margin:0;font-size:24px}.piece-title .subtitle{white-space:nowrap}h1{letter-spacing:-.6px;margin:8px 0 9px;font-family:Georgia,Times New Roman,serif;font-size:32px;font-weight:400;line-height:1.2}h2{margin:7px 0 15px;font-family:Georgia,Times New Roman,serif;font-size:26px;font-weight:400}.subtitle,.muted{color:var(--muted);font-size:12px;line-height:1.7}.piece-actions{flex-wrap:wrap;justify-content:flex-end;align-items:center;gap:6px;margin-inline-start:auto;display:flex}.piece-actions .secondary{padding:6px 10px}.piece-actions .topbar-end{margin-inline-start:6px}.tabs{border-bottom:1px solid var(--line);gap:27px;margin:16px 0;display:flex}.tab{color:#859080;padding:0 0 12px;font-size:12px;position:relative}.tab.active{color:#284b38}.tab.active:after{content:"";background:#536d43;height:2px;position:absolute;bottom:-1px;left:0;right:0}.session-grid{grid-template-columns:minmax(0,1fr) 260px;align-items:start;gap:14px;display:grid}.session-grid.comparing{grid-template-columns:minmax(0,1fr) minmax(0,1fr) 260px}.score-panel{background:#fff;border:1px solid #e1e3d9;border-radius:8px;overflow:hidden}.score-toolbar{color:#768271;border-bottom:1px solid #eceee5;flex-wrap:wrap;justify-content:space-between;align-items:center;gap:6px 8px;min-height:40px;padding:5px 10px;font-size:11px;display:flex}.toolbar-tools{flex-wrap:wrap;align-items:center;gap:6px;margin-inline-start:auto;display:flex}.toolbar-tools .secondary{padding:5px 10px}.toolbar-tools .version-select{padding:4px 6px}.score-content{height:var(--fit-height,calc(100vh - 160px));scrollbar-gutter:stable;direction:ltr;min-height:320px;padding:0 8px;position:relative;overflow:auto}.info-strip{min-width:0}.info-line{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.pill{color:#6f7d68;background:#eef1e7;border:1px solid #dce3d3;border-radius:12px;align-items:center;gap:8px;padding:3px 9px;font-size:11px;display:inline-flex}.pill.warn{color:#8b723c;background:#fbf2df;border-color:#eadfc5}.pill-button:hover{background:#e3eadb}.issue-list{color:#7f826d;background:#fafaf2;border:1px solid #e2e3d4;border-radius:6px;margin:8px 0 0;padding-block:10px;padding-inline:30px 14px;font-size:12px;line-height:1.8}.score-stage{-webkit-user-select:none;user-select:none;position:relative}.score-page{margin:0 auto}.score-page>svg{width:100%;height:auto;display:block}.score-stage g.note{cursor:pointer}.score-stage g.note.playing,.score-stage g.note.playing *{fill:var(--accent)!important;color:var(--accent)!important}.playback-cursor{pointer-events:none;background:#c4842dcc;border-radius:1px;width:2px;margin-left:-1px;display:none;position:absolute;top:0;left:0}.measure-mark{pointer-events:none;border-radius:3px;position:absolute}.loop-mark{background:#d9bd7d33;box-shadow:inset 0 0 0 1px #d9bd7d88}.drag-mark{opacity:.18;background:#648052}.original-image{border:1px solid #e0e3d9;max-width:100%;margin:0 auto 20px;display:block}.compare-original .original-image{border:0}.original-select{max-width:300px;margin-bottom:15px}.version-select{color:#6f8163;background:#fbfcf7;border:1px solid #dce2d3;border-radius:5px;max-width:240px;padding:6px;font-size:11px}.piano-roll{cursor:pointer;display:block}.roll-content{overflow-x:auto}.piano-roll text{fill:#8c9b83;font-size:10px}.roll-bar{stroke:#e3e7dc}.roll-cursor{stroke:var(--accent);stroke-width:2px}.loading{text-align:center;color:#8a9b7d;padding:55px}.mix-panel{max-height:calc(var(--fit-height,calc(100vh - 160px)) + 42px);scrollbar-gutter:stable;background:#eef1e7;border:1px solid #dce3d3;border-radius:8px;padding:12px 14px;overflow-y:auto}.mix-heading{justify-content:space-between;align-items:center;margin-bottom:8px;display:flex}.mix-heading strong{font-size:14px;font-weight:600}.mix-heading span{color:#849077;font-size:10px}.field-label{flex-direction:column;gap:8px;margin:15px 0;font-size:12px;display:flex}.field-label>input,.field-label>select,.field-label>textarea{color:#314b3a;background:#fbfcf8;border:1px solid #d6dece;border-radius:5px;width:100%;padding:10px}.mode-buttons{gap:5px;margin:9px 0 10px;display:flex}.mode-buttons button{background:#fafbf6;border:1px solid #cbd7c1;border-radius:4px;flex:1;padding:7px 6px;font-size:10px}.mode-buttons button:hover{background:#e3eadb}.tone-button{width:100%;margin-bottom:12px}.track{border-top:1px solid #d8dfcf;padding:13px 0}.track.compact{border-top:1px dashed #d8dfcf;padding-block:8px 4px;padding-inline:12px 0}.track-heading{align-items:center;gap:7px;margin-bottom:8px;display:flex}.track-color{border-radius:50%;flex-shrink:0;width:7px;height:7px}.group-color{background:#5c6f84;border-radius:2px}.track-name{color:#304c39;background:0 0;border:0;width:100%;min-width:0;font-size:12px;font-weight:600}.track-controls{align-items:center;gap:5px;display:flex}.mini-button{color:#798a72;background:#fafbf6;border:1px solid #cad5c2;border-radius:4px;width:25px;height:23px;font-size:10px}.mini-button.active{color:#fff;background:#52724b;border-color:#52724b}.track-volume{align-items:center;gap:9px;display:flex}.track-volume input{width:100%;min-width:0}.volume-value{color:#738267;text-align:end;width:30px;font-size:10px}.instrument-select{color:#74856c;background:0 0;border:0;max-width:100%;padding:6px 0;font-size:10px}.group-row{background:#e6ebdf;border-radius:6px;margin:0 -8px;padding:13px 8px}.group-footer{justify-content:space-between;align-items:center;display:flex}.group-editor{flex-direction:column;gap:6px;margin:8px 0;font-size:11px;display:flex}.group-editor label{align-items:center;gap:6px;display:flex}.mix-footnote{color:#8b957f;margin:12px 0 0;font-size:10px;line-height:1.7}.player{bottom:0;z-index:4;background:#fcfcf8;border-top:1px solid #dce2d4;align-items:center;gap:20px;padding:8px 24px;display:flex;position:fixed;inset-inline:244px 0;box-shadow:0 -4px 25px #273c2310}.transport{flex-shrink:0;align-items:center;gap:13px;display:flex}.icon-button{color:#7e8b75;padding:7px;font-size:12px}.play-button{color:#f9f7ea;background:#234b3c;border-radius:50%;width:40px;height:40px;font-size:15px}.position-label{flex-direction:column;gap:3px;min-width:92px;display:flex}.position-label strong{font-size:12px;font-weight:600}.position-label span{color:#8a9582;font-size:10px}.timeline-block{flex:1;min-width:100px}.timeline-block>input{width:100%;margin:4px 0 8px}.transport-options{color:#7b8974;flex-wrap:wrap;align-items:center;gap:9px;font-size:10px;display:flex}.transport-options label{align-items:center;gap:4px;display:flex}.transport-options select{color:#64775a;background:#fff;border:1px solid #d8e0d0;border-radius:4px;max-width:95px;padding:3px;font-size:10px}.transport-options .hint{color:#a3ad97;white-space:nowrap;text-overflow:ellipsis;flex:1 1 0;min-width:0;overflow:hidden}.tempo-control{flex-direction:column;flex-shrink:0;gap:5px;width:150px;font-size:11px;display:flex}.tempo-control>span:first-child{justify-content:space-between;display:flex}.tempo-caption{color:#94a087;font-size:9px}.welcome{max-width:790px;margin:40px auto}.welcome-kicker{color:#8e9b80;letter-spacing:2px;font-size:11px}.welcome h1{margin:20px 0;font-size:47px;line-height:1.15}.welcome>p{color:#819078;max-width:520px;font-size:15px;line-height:1.85}.welcome-card{text-align:center;background:#f0f3e8;border:1px dashed #bdcbb2;border-radius:12px;margin-top:35px;padding:45px 30px}.welcome-card .music-symbol{color:#57744b;margin-bottom:15px;font-family:Georgia,serif;font-size:60px;line-height:1}.welcome-card h2{margin:10px 0;font-size:25px}.welcome-card p{color:#819078;margin-bottom:25px;font-size:12px}.welcome-actions{justify-content:center;gap:10px;display:flex}.welcome-note{margin-top:24px;color:#94a188!important;font-size:11px!important}.status-card{background:#e9efe1;border:1px solid #d5dfc9;border-radius:7px;margin-bottom:20px;padding:18px 21px}.status-line{justify-content:space-between;align-items:center;gap:10px;display:flex}.status-line strong{font-size:13px;font-weight:550}.status-card p{color:#77886b;margin:9px 0 0;font-size:11px;line-height:1.6}.job-completed{padding:11px 16px}.job-completed .status-line strong{font-size:11px}.progress{background:#cfdbc3;border-radius:3px;height:4px;margin-top:16px;overflow:hidden}.progress>span{background:#648052;height:100%;display:block}.error{font-size:12px;line-height:1.6;color:#a64934!important}.notice{color:#8b723c;background:#fbf2df;border:1px solid #eadfc5;border-radius:6px;margin:12px 0;padding:13px 16px;font-size:12px;line-height:1.7}.issues{color:#7f826d;background:#fafaf2;border:1px solid #e2e3d4;border-radius:6px;margin-bottom:18px;padding:12px 16px;font-size:12px}.issues summary{cursor:pointer;font-weight:550}.issues ul{margin-bottom:3px;padding-inline-start:18px;line-height:1.9}.spinner{vertical-align:-2px;border:2px solid #a5b597;border-top-color:#3c6948;border-radius:50%;width:13px;height:13px;animation:1s linear infinite spin;display:inline-block}@keyframes spin{to{transform:rotate(360deg)}}.pages-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:16px;display:grid}.page-card{background:#fff;border:1px solid #dee3d6;border-radius:7px;overflow:hidden}.page-card img{object-fit:contain;background:#fff;width:100%;height:215px;padding:12px;display:block}.page-card-footer{background:#f4f6ef;justify-content:space-between;align-items:center;padding:10px 12px;font-size:11px;display:flex}.page-buttons{gap:4px;display:flex}.page-buttons button{border:1px solid #d2dccc;border-radius:3px;padding:2px 7px}.source-links{flex-wrap:wrap;gap:10px;margin:20px 0;font-size:11px;line-height:2;display:flex}dialog{color:#304e3e;background:#fafbf7;border:1px solid #d5ddce;border-radius:12px;width:min(560px,100vw - 30px);padding:28px;box-shadow:0 30px 100px #173c3240}dialog::backdrop{-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#173a3166}.dialog-title{justify-content:space-between;align-items:flex-start;display:flex}.close-dialog{color:#87957b;padding-block:0 10px;padding-inline:15px 0;font-size:26px}.dropzone{text-align:center;cursor:pointer;background:#eef3e7;border:1px dashed #b8c8a8;border-radius:7px;flex-direction:column;align-items:center;gap:12px;margin:20px 0;padding:28px 15px;display:flex}.dropzone.drag{background:#e0e9d5}.upload-symbol{color:#718a5b;font-size:31px}.dropzone strong{font-size:13px;font-weight:550}.dropzone>span:last-of-type{color:#829473;font-size:11px}.dropzone input{max-width:100%;margin-top:7px;font-size:11px}.chosen-files{color:#6d8260;font-size:11px;line-height:1.8}.lyrics-fields{max-height:48vh;margin-bottom:22px;padding-inline-end:6px;overflow:auto}.lyric-row{color:#809072;grid-template-columns:70px 1fr;align-items:start;gap:10px;margin:8px 0;font-size:11px;display:grid}.lyric-row>span{padding-top:7px}.lyric-cells{flex-wrap:wrap;gap:5px;display:flex}.lyric-cells input{color:#304a3a;background:#fff;border:1px solid #d9e0d1;border-radius:4px;width:78px;padding:6px}.toast{z-index:10;color:#fff;background:#234b3c;border-radius:7px;max-width:min(600px,90vw);padding:13px 23px;font-size:12px;line-height:1.7;position:fixed;bottom:90px;left:50%;transform:translate(-35%);box-shadow:0 5px 20px #0002}@media (width<=1200px){.session-grid.comparing{grid-template-columns:minmax(0,1fr) 250px}.comparing .compare-original{grid-column:1}.comparing .mix-panel{grid-area:1/2/3}}@media (width<=1100px){.sidebar{width:205px;padding:28px 17px}.app-shell>main{width:calc(100% - 205px);margin-inline-start:205px}.player{gap:15px;padding:8px 16px;inset-inline-start:205px}.workspace{padding:8px 16px 0}.session-grid{grid-template-columns:minmax(0,1fr) 230px;gap:12px}.topbar{padding:0 16px}.tempo-control{width:110px}.transport-options .hint{display:none}.piece-header h1{font-size:21px}}@media (width<=800px){.sidebar{width:100%;padding:18px 16px;position:static}.sidebar-caption,.sidebar-footer,.search-wrap,.tag-chips{display:none}.library{gap:8px;margin:0;display:flex;overflow-x:auto}.library-item{min-width:170px;max-width:200px}.app-shell{display:block}.app-shell>main{width:100%;margin-inline-start:0;padding-bottom:200px}.topbar{padding:0 16px}.workspace{padding:8px 16px 0}.player{flex-wrap:wrap;padding:12px 16px;inset-inline-start:0}.tempo-control{flex-direction:row;align-items:center;gap:15px;width:100%}.tempo-control input{flex:1}.tempo-caption{display:none}.session-grid,.session-grid.comparing{display:block}.score-content{height:60vh}.mix-panel{max-height:none;margin-top:15px}.toast,[dir=rtl] .toast{bottom:170px;transform:translate(-50%)}}@media (width<=560px){.site-status{display:none}}.edit-panel{z-index:3;background:#fdfbf3;border:1px solid #e6dcbc;border-radius:8px;margin-bottom:12px;padding:10px 14px;position:sticky;top:0;box-shadow:0 4px 14px #4a3f1a14}.edit-status{color:#5d6a55;align-items:center;gap:12px;margin-bottom:8px;font-size:12px;display:flex}.edit-status strong{color:#8b6a1f;letter-spacing:.3px}.edit-tools{flex-wrap:wrap;align-items:center;gap:5px;display:flex}.tool{background:#fff;border:1px solid #d8d0b5;border-radius:5px;align-items:center;gap:5px;padding:5px 8px;font-size:11px;display:inline-flex}.tool:hover:not(:disabled){background:#f6efd9}.tool.active{color:#173c32;background:#d9bd7d;border-color:#c6a65d;font-weight:600}.tool.glyph{color:#3d4a37;justify-content:center;width:30px;height:32px;padding:0;font-size:15px}.tool.glyph.dot{width:22px}.tool.glyph.active{color:#173c32}.tool:disabled{opacity:.35}.tool-sep{background:#e3dac0;width:1px;height:22px;margin:0 4px}.triplet-glyph{place-items:center;display:inline-grid;position:relative}.triplet-3{font-size:10px;font-style:italic;font-weight:700;line-height:1;position:absolute;top:-3px;left:-5px}.tool-gap{width:10px}.edit-hint{color:#a19673;margin:7px 0 0;font-size:10px}.score-stage g.selected,.score-stage g.selected *{stroke:#2f6fd1;fill:#2f6fd1!important}[dir=rtl] .toast{transform:translate(-65%)}[dir=rtl] .score-content>.muted,[dir=rtl] .score-content>.loading{direction:rtl}[lang=he] .welcome-kicker,[lang=he] .sidebar-caption{letter-spacing:.4px;font-size:11px}[lang=he] .brand{letter-spacing:0}@media (width<=800px){[dir=rtl] .toast{transform:translate(-50%)}}