:root{--ink:#17201d;--ink-soft:#34403a;--muted:#717a75;--line:#dfe4e0;--line-dark:#cdd4cf;--canvas:#f1f3f0;--panel:#f8faf7;--paper:#ffffff;--normal:#111111;--light:#2f819d;--heavy:#b54e40;--focus:#49685b}*{box-sizing:border-box}body,html{background:var(--canvas)}body{margin:0;color:var(--ink);font-family:Arial,PingFang SC,Microsoft YaHei,sans-serif;-webkit-font-smoothing:antialiased}.library-shell{min-height:100vh;background:radial-gradient(circle at 92% -10%,rgba(44,104,82,.08),transparent 31rem),var(--canvas)}.library-header{height:78px;padding:0 clamp(20px,4vw,62px);border-bottom:1px solid var(--line);background:rgba(248,250,247,.88);backdrop-filter:blur(16px);justify-content:space-between}.library-brand,.library-header{display:flex;align-items:center}.library-brand{color:inherit;text-decoration:none;gap:13px}.account-copy,.library-brand>span:last-child{display:flex;flex-direction:column}.library-brand strong{font:600 17px/1.15 Georgia,Songti SC,serif}.library-brand small{margin-top:4px;color:#7e8782;font-size:9px;letter-spacing:.08em;text-transform:uppercase}.library-account{display:flex;align-items:center}.account-copy{text-align:right;gap:3px}.account-copy strong{max-width:210px;overflow:hidden;color:#37423d;font-size:11px;text-overflow:ellipsis;white-space:nowrap}.account-copy span{color:#77817b;font-size:9px}.library-signin{min-height:36px;padding:0 13px;border:1px solid #cfd6d1;border-radius:8px;background:rgba(255,255,255,.72);color:#44524b;text-decoration:none;font-size:11px;font-weight:700;display:inline-flex;align-items:center;gap:7px}.library-main{width:min(1420px,calc(100% - 48px));margin:0 auto;padding:64px 0 90px}.library-intro{padding:0 2px 35px;border-bottom:1px solid var(--line-dark);display:flex;align-items:flex-end;justify-content:space-between;gap:40px}.library-kicker{color:#708078;font-size:9px;font-weight:800;letter-spacing:.2em}.library-intro h1{margin:9px 0 10px;font:500 clamp(34px,4.4vw,61px)/1.02 Georgia,Songti SC,serif;letter-spacing:-.04em}.library-intro p{max-width:680px;margin:0;color:#68736d;font-size:13px;line-height:1.7}.library-stat{min-width:78px;padding-left:23px;border-left:1px solid #cbd2cd;display:flex;flex-direction:column}.library-stat strong{font:500 34px/1 Georgia,serif}.library-stat span{margin-top:5px;color:#7a847e;font-size:9px;letter-spacing:.12em;text-transform:uppercase}.library-search-row{margin:28px 0 25px;display:flex;align-items:center;gap:18px}.library-search{max-width:630px;height:48px;flex:1;padding:0 14px;border:1px solid #d4dad6;border-radius:10px;background:rgba(255,255,255,.82);color:#728078;box-shadow:0 2px 12px rgba(27,37,32,.025);display:flex;align-items:center;gap:10px}.library-search:focus-within{border-color:#87968e;box-shadow:0 0 0 3px rgba(73,104,91,.08)}.library-search input{min-width:0;height:100%;flex:1;border:0;outline:0;background:transparent;color:var(--ink);font-size:12px}.library-search input::placeholder{color:#99a19c}.library-search button{width:25px;height:25px;padding:0;border:0;border-radius:50%;background:#edf0ed;color:#758079;cursor:pointer}.result-count{margin-left:auto;color:#7a847e;font-size:10px;display:inline-flex;align-items:center;gap:7px}.score-library-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:24px}.score-file-card{min-width:0;border:1px solid #d9dedb;border-radius:12px;overflow:hidden;background:rgba(252,253,251,.86);color:inherit;text-decoration:none;box-shadow:0 5px 20px rgba(25,35,30,.035);transition:transform .16s ease,box-shadow .16s ease,border-color .16s ease}.score-file-card:hover{transform:translateY(-3px);border-color:#bbc5bf;box-shadow:0 14px 38px rgba(25,35,30,.09)}.score-thumbnail{padding:17px;border-bottom:1px solid #e1e5e2;background:#e8ebe8}.score-thumbnail svg{width:100%;aspect-ratio:297/210;display:block;box-shadow:0 4px 15px rgba(20,27,23,.1)}.score-file-copy{padding:18px 19px 20px}.score-file-heading{display:flex;align-items:center;justify-content:space-between}.file-icon{width:28px;height:28px;border:1px solid #d7ddd9;border-radius:7px;background:#f6f8f5;color:#65746c;display:grid;place-items:center}.file-format{color:#909994;font-size:8px;font-weight:800;letter-spacing:.13em}.score-file-copy h2{margin:14px 0 7px;color:#202925;font:500 18px/1.25 Georgia,Songti SC,serif}.score-file-copy p{min-height:43px;margin:0;color:#737d77;font-size:10px;line-height:1.55}.score-tags{margin-top:15px;padding-top:13px;border-top:1px solid #e5e8e6;display:flex;flex-wrap:wrap;gap:6px}.score-tags span{padding:5px 7px;border-radius:5px;background:#edf0ed;color:#68746e;font-size:8px}.library-empty{padding:80px 24px;border:1px dashed #cbd3ce;border-radius:12px;color:#7b8580;text-align:center}.library-empty h2{margin:12px 0 5px;color:#3d4943;font:500 20px Georgia,serif}.library-empty p{margin:0;font-size:11px}@media (max-width:980px){.score-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:620px){.library-header{height:68px;padding:0 16px}.library-main{width:calc(100% - 28px);padding-top:40px}.library-intro{align-items:flex-start}.library-stat{display:none}.library-search-row{align-items:stretch;flex-direction:column}.result-count{margin-left:0}.score-library-grid{grid-template-columns:1fr}.account-copy strong{max-width:120px}}button,input{color:inherit;font:inherit}button{-webkit-tap-highlight-color:transparent}.score-event:focus-visible,button:focus-visible,input:focus-visible{outline:2px solid var(--focus);outline-offset:2px}button:disabled{cursor:not-allowed;opacity:.38}.app-shell{min-height:100vh}.topbar{position:sticky;z-index:20;top:0;height:72px;padding:0 28px;border-bottom:1px solid var(--line);background:rgba(255,255,255,.94);backdrop-filter:blur(14px);display:flex;align-items:center;gap:13px}.editor-back{width:34px;height:34px;border:1px solid var(--line);border-radius:8px;background:white;color:#65716a;text-decoration:none;place-items:center}.brand-mark,.editor-back{flex:0 0 auto;display:grid}.brand-mark{width:38px;height:38px;border-radius:50%;background:var(--ink);color:white;place-items:center;font:700 20px/1 Georgia,serif;box-shadow:inset 0 0 0 1px rgba(255,255,255,.15)}.brand-copy{display:flex;flex-direction:column;gap:2px;min-width:152px}.brand-copy strong{font:600 16px/1.2 Georgia,Songti SC,serif;letter-spacing:-.01em}.brand-copy span{color:#7c857f;font-size:10px;letter-spacing:.045em}.save-state{margin-left:12px;padding-left:22px;border-left:1px solid var(--line);color:#7a837d;font-size:11px;display:flex;align-items:center;gap:7px}.save-dot{width:6px;height:6px;border-radius:50%;background:#5f806f}.save-dirty .save-dot{background:#cf8b35}.save-saving .save-dot{background:#4779a8;animation:save-pulse .9s ease-in-out infinite alternate}.save-error .save-dot{background:#ba4b42}.save-readonly .save-dot{background:#8b938f}@keyframes save-pulse{to{opacity:.35}}.top-actions{margin-left:auto;display:flex;align-items:center;gap:8px}.export-button,.icon-button,.more-button,.play-button,.secondary-button{border-radius:8px;cursor:pointer;transition:border-color .14s ease,background .14s ease,transform .14s ease}.icon-button{width:36px;height:36px;border:1px solid var(--line);background:white;color:#56605a;font-size:19px}.icon-button:not(:disabled):hover,.more-button:hover,.secondary-button:hover{border-color:#bfc7c1;background:#f8faf8}.export-button,.secondary-button{min-height:38px;padding:0 15px;font-size:12px;font-weight:600}.secondary-button{border:1px solid var(--line-dark);background:white;color:#4d5752}.signin-button{text-decoration:none;display:inline-flex;align-items:center;justify-content:center}.save-button:not(:disabled){border-color:#607c6f;color:#3f5d50}.export-button{border:1px solid var(--ink);background:var(--ink);color:white;display:inline-flex;align-items:center;gap:9px}.export-button:hover{background:#2a3530;transform:translateY(-1px)}.pdf-dot{width:7px;height:7px;border-radius:50%;background:#e9c9a3}.workspace{min-height:calc(100vh - 72px);display:grid;grid-template-columns:292px minmax(0,1fr)}.tool-panel{position:sticky;top:72px;height:calc(100vh - 72px);padding:27px 22px 30px;border-right:1px solid var(--line);background:var(--panel);overflow-y:auto;scrollbar-width:thin}.panel-heading{display:flex;align-items:flex-start;justify-content:space-between}.panel-heading h2{margin:5px 0 0;font:500 21px/1.25 Georgia,Songti SC,serif;letter-spacing:-.015em}.eyebrow{color:#87908a;font-size:9px;font-weight:700;letter-spacing:.17em}.text-button{margin-top:15px;padding:0;border:0;background:none;color:#527062;font-size:11px;font-weight:600;cursor:pointer}.selection-banner{margin-top:18px;padding:12px;border:1px solid #d8d9cf;border-radius:9px;background:#fffdf7;display:flex;align-items:center;gap:11px}.selection-number{width:27px;height:27px;flex:0 0 auto;border-radius:50%;background:#e9e2d2;color:#5e5646;display:grid;place-items:center;font:600 11px Georgia,serif}.selection-banner div{min-width:0;display:flex;flex-direction:column;gap:3px}.selection-banner strong{font-size:11px}.selection-banner span:last-child{color:#8a887d;font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.control-section{margin-top:26px}.control-section+.control-section{padding-top:22px;border-top:1px solid #e5e9e5}.control-label-row{display:flex;align-items:center;justify-content:space-between}.control-label{display:block;color:#69736d;font-size:11px;font-weight:700;letter-spacing:.04em}.segment-control{padding:2px;border:1px solid #dce1dd;border-radius:7px;background:#edf0ed;display:flex}.segment-control button{min-width:42px;height:25px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:#7a837d;font-size:9px;cursor:pointer}.segment-control button.active{background:white;color:var(--ink);box-shadow:0 1px 4px rgba(22,31,27,.08);font-weight:700}.note-grid{margin-top:11px;display:grid;grid-template-columns:repeat(4,1fr);gap:7px}.note-grid button{height:39px;border:1px solid #d9dedb;border-radius:7px;background:white;color:#3a4540;font:600 13px Georgia,serif;cursor:pointer;transition:all .12s ease}.note-grid button:hover{border-color:#aeb8b1}.note-grid button.active{border-color:var(--ink);background:var(--ink);color:white;box-shadow:0 2px 7px rgba(23,32,29,.13)}.duration-grid{margin-top:11px;display:grid;grid-template-columns:repeat(3,1fr);gap:7px}.duration-grid button{height:51px;padding:5px 2px 4px;border:1px solid #dbe0dc;border-radius:7px;background:white;color:#48534d;cursor:pointer;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1px}.duration-grid button span{height:24px;font:19px/1 Georgia,serif}.duration-grid button small{color:#8a928d;font-size:8px}.duration-grid button.active{border-color:#7e8c85;background:#edf1ee;color:var(--ink)}.duration-grid button.active small{color:#56635c}.breath-options{margin-top:10px;display:grid;gap:6px}.breath-rule{margin:5px 0 8px;color:#89928d;font-size:8px;line-height:1.55}.breath{width:100%;min-height:43px;padding:7px 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#4f5a54;text-align:left;display:flex;align-items:center;gap:10px;cursor:pointer}.breath:hover{background:#f2f5f2}.breath.active{border-color:#d6dcd7;background:white;box-shadow:0 2px 10px rgba(23,32,29,.045)}.breath i{width:11px;height:16px;flex:0 0 auto;border-radius:4px;box-sizing:border-box}.breath i.strength-frame{border-style:solid;background:transparent}.breath i.no-frame{position:relative}.breath i.no-frame:after{content:"—";position:absolute;inset:0;display:grid;place-items:center;color:#7f8983;font-style:normal;line-height:1}.breath span{flex:1;display:flex;flex-direction:column;gap:2px}.breath strong{font-size:10px}.breath small{color:#969e99;font-size:8px}.breath b{color:#617269;font-size:11px}.add-actions{margin-top:25px;display:grid;grid-template-columns:1fr 91px;gap:7px}.add-button,.rest-button,.selection-actions button{min-height:42px;border-radius:8px;font-size:10px;font-weight:700;cursor:pointer}.add-button{border:1px solid var(--ink);background:var(--ink);color:white}.add-button:hover{background:#2a3530}.add-button span{margin-right:3px;color:#c4d3cb}.rest-button{border:1px solid #d7ddd9;background:white;color:#59635e}.selection-actions{margin-top:25px;display:grid;grid-template-columns:1fr 1fr 62px;gap:6px}.selection-actions button{border:1px solid #d9dfdb;background:white;color:#56615b}.selection-actions button.danger{border-color:#e7cbc7;color:#a34d42}.hint{margin:18px 0 0;padding-top:16px;border-top:1px solid #e4e8e5;color:#929995;font-size:9px;line-height:1.65}.read-only-tools{position:relative}.read-only-tools:before{content:"登录并验证邮箱后可修改谱面";margin-bottom:15px;padding:9px 10px;border:1px solid #d6dcd8;border-radius:7px;background:#eef1ef;color:#68736d;font-size:9px;display:block}.read-only-tools button{pointer-events:none;opacity:.46}.score-area{min-width:0;padding:25px 30px 55px;overflow:auto}.score-toolbar{width:min(100%,1480px);margin:0 auto;display:flex;flex-wrap:wrap;align-items:flex-end;gap:12px 20px}.title-field{min-width:0;max-width:none;flex:1 0 100%;display:flex;flex-direction:column;gap:4px}.title-field label{color:#8a928d;font-size:9px;font-weight:700;letter-spacing:.1em}.title-field input{width:100%;padding:0;border:0;border-bottom:1px solid transparent;background:transparent;font:500 24px/1.3 Georgia,Songti SC,serif;letter-spacing:-.02em}.title-field input:focus,.title-field input:hover{border-bottom-color:#bdc5bf;outline:0}.score-meta{flex:0 0 auto;display:flex;align-items:center;gap:6px}.meta-chip,.tempo-field{flex:0 0 auto;height:28px;padding:0 9px;border:1px solid #dce1dd;border-radius:6px;background:rgba(255,255,255,.55);color:#68716c;font-size:9px;white-space:nowrap;display:inline-flex;align-items:center}.tempo-field{gap:4px}.tempo-field input{width:35px;padding:0;border:0;background:transparent;font-size:9px;outline:0}.paper-field{min-width:240px;max-width:360px;flex:1 1 240px;display:flex;flex-direction:column;gap:4px}.paper-field>span{color:#8a928d;font-size:8px;font-weight:700;letter-spacing:.08em}.paper-field select{height:35px;padding:0 28px 0 10px;border:1px solid #d5dcd7;border-radius:7px;background:rgba(255,255,255,.72);color:#4f5a54;font:600 9px/1 Arial,PingFang SC,sans-serif;outline:0}.paper-field select:focus{border-color:#8c9992}.play-group{margin-left:auto;display:flex;gap:7px}.more-button,.play-button{height:35px;padding:0 13px;border:1px solid #d5dcd7;background:white;color:#4c5751;font-size:10px;font-weight:700}.play-button{min-width:73px;border-color:#83938a;background:#edf2ef;display:inline-flex;align-items:center;justify-content:center;gap:7px}.play-button span{color:#547361;font-size:9px}.play-button.playing{border-color:#d6aaa2;background:#f8ecea;color:#8e443b}.score-summary{width:min(100%,1480px);margin:14px auto 18px;display:flex;align-items:center;justify-content:space-between;color:#8a918d;font-size:9px}.legend{display:flex;gap:16px}.legend span{display:inline-flex;align-items:center;gap:6px}.legend i{flex:0 0 auto;box-sizing:border-box}.legend i.hand-dot{width:7px;height:7px;border-radius:50%}.legend i.strength-frame{width:9px;height:13px;border-style:solid;border-radius:3px;background:transparent}.legend i.no-frame{width:9px;height:1px;background:#7f8983}.score-stack{display:grid;gap:28px}.score-paper{width:min(100%,1480px);aspect-ratio:1600/1280;margin:0 auto;background:var(--paper);box-shadow:0 8px 34px rgba(28,38,33,.075),0 1px 2px rgba(28,38,33,.05)}.score-svg{width:100%;height:100%;display:block}.score-event{cursor:pointer;outline:none}.score-event:hover rect{fill:#f0f4f1}.vector-note{width:min(100%,1480px);margin:19px auto 0;padding:13px 15px;border:1px solid #dde3df;border-radius:9px;background:rgba(255,255,255,.48);color:#69726d;display:flex;align-items:center;gap:12px}.vector-icon{width:26px;height:26px;flex:0 0 auto;border:1px solid #9ba8a1;border-radius:50%;color:#5f7167;display:grid;place-items:center;font:700 10px Georgia,serif}.vector-note strong{display:block;color:#53605a;font-size:10px}.vector-note p{margin:3px 0 0;color:#929995;font-size:9px;line-height:1.45}.toast{position:fixed;z-index:50;left:50%;bottom:28px;max-width:calc(100vw - 32px);padding:11px 16px;border:1px solid rgba(255,255,255,.14);border-radius:8px;background:rgba(23,32,29,.94);box-shadow:0 8px 28px rgba(20,28,24,.22);color:white;font-size:11px;transform:translateX(-50%);animation:toast-in .18s ease-out}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}@media (max-width:1060px){.save-state,.svg-button{display:none}.score-toolbar{flex-wrap:wrap}.play-group{margin-left:0}.score-paper{min-width:1100px}}@media (max-width:760px){.topbar{height:64px;padding:0 14px}.editor-back{display:none}.brand-mark{width:34px;height:34px;font-size:17px}.brand-copy span,.icon-button{display:none}.brand-copy{min-width:0}.export-button{min-height:36px;padding:0 11px;font-size:10px}.workspace{display:block}.tool-panel{position:static;width:100%;height:auto;padding:22px 16px;border-right:0;border-bottom:1px solid var(--line);overflow:visible}.control-section{margin-top:21px}.breath-options{grid-template-columns:repeat(3,1fr)}.breath{padding:8px}.breath b,.breath small{display:none}.add-actions{grid-template-columns:1fr 110px}.score-area{padding:21px 13px 40px;overflow-x:auto}.score-summary,.score-toolbar,.vector-note{min-width:920px}.score-meta{display:none}.score-paper{min-width:920px}}@media print{@page{size:297mm 210mm;margin:0}body,html{width:297mm;min-height:210mm;background:white!important;print-color-adjust:exact;-webkit-print-color-adjust:exact}.score-summary,.score-toolbar,.toast,.tool-panel,.topbar,.vector-note{display:none!important}.score-area,.score-stack,.workspace{display:block;width:100%;margin:0;padding:0;overflow:visible;background:white}.score-paper{width:297mm;height:210mm;min-width:0;margin:0;border:0;box-shadow:none;break-after:page;page-break-after:always}.score-paper:last-child{break-after:auto;page-break-after:auto}.score-svg{width:297mm;height:210mm}}