.preview-panel{margin-top:20px;padding:28px;overflow:hidden}.preview-heading{margin-bottom:24px}.preview-layout{display:grid;grid-template-columns:minmax(180px,250px) minmax(0,1fr);gap:20px}.preview-now{min-height:250px;padding:22px;display:grid;place-items:center;align-content:center;gap:10px;border:1px solid var(--line);border-top:6px solid var(--accent);background:var(--panel-2);text-align:center}.preview-status-label{color:var(--muted);font:700 9px Consolas,monospace;letter-spacing:.14em}.preview-jianpu{font:900 58px/1 Consolas,monospace;letter-spacing:-.08em}.preview-jianpu.idle{color:var(--muted)}.preview-keycap{min-width:56px;min-height:42px;font-size:16px}.preview-midi{color:var(--muted);font:10px Consolas,monospace;letter-spacing:.08em}.preview-idle-copy{color:var(--muted);font-size:11px}.preview-console{min-width:0;padding:20px;border:1px solid var(--line);background:var(--panel)}.preview-controls{display:grid;grid-template-columns:auto auto minmax(130px,170px) 1fr;align-items:end;gap:12px}.preview-controls .button.secondary{background:var(--panel)}.preview-clock{align-self:center;justify-self:end;color:var(--muted);font:800 11px Consolas,monospace;letter-spacing:.06em}.preview-rate{display:grid;gap:6px}.preview-rate>span{color:var(--muted);font:9px Consolas,monospace;letter-spacing:.12em}.preview-rate select{min-height:44px}.preview-seek{margin-top:18px;padding:13px 14px;border:1px solid var(--line);background:var(--panel-2)}.preview-seek input[type=range]{display:block;width:100%}.preview-modifiers{margin-top:14px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.preview-modifiers>span{min-width:74px;padding:8px 10px;border:1px solid var(--line);background:var(--panel-2);color:var(--muted);font:800 9px Consolas,monospace;text-align:center;letter-spacing:.06em}.preview-modifiers>span.active{border-color:#172023;background:var(--accent);color:#172023;box-shadow:2px 2px #172023}.preview-modifiers small{margin-left:auto;color:var(--muted);font-size:10px}.preview-keyboard{margin-top:18px;display:grid;grid-template-columns:repeat(8,minmax(48px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.preview-key{min-height:76px;display:grid;place-items:center;align-content:center;gap:6px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel-2);transition:background .08s ease,transform .08s ease}.preview-key>span{font:900 18px Consolas,monospace}.preview-key>small{color:var(--muted);font:800 9px Consolas,monospace}.preview-key.active{position:relative;z-index:1;background:var(--accent);color:#172023;box-shadow:inset 0 -6px #172023;transform:translateY(-2px)}.preview-key.active>small{color:#535a1d}.note-tile[role=button]{cursor:pointer;outline:0}.note-tile[role=button]:focus-visible{outline:3px solid var(--accent);outline-offset:-3px}.note-tile.active{z-index:1;background:var(--accent);color:#172023;box-shadow:inset 0 0 0 2px #172023}.note-tile.active .note-meta{color:#535a1d}.note-tile.active kbd{background:#fffef9;color:#172023;border-color:#172023}@media(max-width:1040px){.preview-controls{grid-template-columns:repeat(2,minmax(0,1fr))}.preview-clock{justify-self:start}.preview-modifiers small{flex-basis:100%;margin-left:0}}@media(max-width:820px){.preview-layout{grid-template-columns:1fr}.preview-now{min-height:190px}.preview-keyboard{overflow-x:auto;grid-template-columns:repeat(8,minmax(62px,1fr))}}@media(max-width:560px){.preview-panel{padding:20px}.preview-controls{grid-template-columns:1fr}.preview-clock{justify-self:start}.preview-play,.preview-controls .button{width:100%}.preview-jianpu{font-size:48px}}@media(prefers-reduced-motion:reduce){.preview-key{transition:none}}@media(orientation:landscape)and (max-height:600px)and (max-width:1100px){.preview-heading{margin-bottom:14px}.preview-layout{grid-template-columns:minmax(132px,176px) minmax(0,1fr);gap:12px}.preview-now{min-height:150px;padding:12px;gap:6px}.preview-jianpu{font-size:42px}.preview-keycap{min-width:42px;min-height:32px;font-size:14px}.preview-console{padding:12px}.preview-seek{margin-top:12px;padding:10px}.preview-modifiers{margin-top:10px}.preview-keyboard{margin-top:12px;grid-template-columns:repeat(8,minmax(38px,1fr))}.preview-key{min-height:52px}}.measure-score{border-top:1px solid var(--line)}.measure-toolbar{min-height:68px;padding:14px 16px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:var(--panel-2);border-bottom:1px solid var(--line)}.measure-toolbar>div:first-child{display:grid;gap:4px}.measure-toolbar strong{font-size:14px}.measure-toolbar span{color:var(--muted);font-size:11px}.measure-pagination{display:flex;align-items:center;gap:9px}.measure-pagination .button{min-height:34px;padding:0 12px}.measure-pagination b{min-width:70px;text-align:center;font:800 10px Consolas,monospace}.measure-list{display:grid;gap:14px;padding:18px 0 2px}.measure-card{display:grid;grid-template-columns:108px minmax(0,1fr);min-height:142px;border:1px solid var(--line);background:var(--panel);transition:border-color .15s ease,box-shadow .15s ease;overflow:hidden}.measure-card.active{border-color:color-mix(in srgb,var(--accent),var(--ink) 22%);box-shadow:inset 5px 0 0 var(--accent)}.measure-card>header{padding:18px 14px;display:flex;flex-direction:column;justify-content:center;gap:5px;background:var(--panel-2);border-right:1px solid var(--line)}.measure-card>header span{color:var(--muted);font:800 9px Consolas,monospace;letter-spacing:.1em}.measure-card>header strong{font:900 26px/1 Consolas,monospace}.measure-card>header small{color:var(--muted);font:9px/1.4 Consolas,monospace}.measure-lane{position:relative;min-width:0;min-height:108px;margin:14px 16px 0;border-bottom:2px solid var(--ink);background:linear-gradient(to bottom,transparent 49%,color-mix(in srgb,var(--line),transparent 35%) 50%,transparent 51%)}.measure-lane.editable{cursor:crosshair}.insertion-caret{position:absolute;top:0;bottom:0;width:2px;transform:translate(-1px);background:var(--accent);z-index:8;pointer-events:none;box-shadow:0 0 0 1px color-mix(in srgb,var(--ink),transparent 65%)}.insertion-caret b{position:absolute;top:-8px;left:50%;width:22px;height:22px;display:grid;place-items:center;transform:translate(-50%);border:1px solid var(--ink);border-radius:50%;background:var(--accent);color:#172023;font:900 15px/1 Consolas,monospace}.note-value-editor{margin-top:16px;padding:14px;display:grid;grid-template-columns:repeat(3,minmax(110px,1fr)) auto;align-items:end;gap:10px;border:1px solid var(--line);background:var(--panel-2)}.edit-toolbar{margin-top:16px;display:flex;align-items:flex-end;flex-wrap:wrap;gap:8px}.edit-toolbar .field{flex:1 1 220px}.edit-toolbar .button{flex:0 0 auto;padding-inline:14px}.note-value-editor .field{min-width:0}.note-value-editor .field small{min-height:18px;color:var(--muted);font-size:10px}.note-value-editor .field select+small,.note-value-editor .field input+select{margin-top:5px}.note-value-editor .button{min-height:42px}.editor-shortcuts{margin:10px 0 0;color:var(--muted);font:700 10px/1.6 Consolas,monospace;letter-spacing:.02em}.editor-conflict{margin-top:14px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:14px;border:1px solid #b56f2c;background:color-mix(in srgb,#f2a23a,var(--panel) 88%)}.editor-conflict p{margin:0;font-size:12px;line-height:1.55}.editor-conflict .button{flex:0 0 auto}.beat-guide{position:absolute;inset:0 auto 0 0;width:1px;background:color-mix(in srgb,var(--line),transparent 15%);pointer-events:none}.measure-note{position:absolute;top:9px;height:96px;min-width:30px;padding:8px 7px 6px 4px;display:grid;place-items:center;align-content:center;gap:5px;border:1px solid var(--line);background:var(--panel);color:var(--ink);cursor:grab;overflow:visible;touch-action:pan-y;transition:border-color .12s ease,background .12s ease,box-shadow .12s ease;z-index:3}.measure-note:hover{z-index:6;border-color:var(--ink);background:color-mix(in srgb,var(--accent),var(--panel) 87%)}.measure-note.dragging{cursor:grabbing;z-index:9;opacity:.86;transition:none}.measure-note.active{z-index:7;border-color:#172023;background:var(--accent);color:#172023;box-shadow:3px 3px #172023}.measure-note kbd{min-width:22px;min-height:20px;padding:2px 4px;box-shadow:none;font-size:9px;display:inline-flex;align-items:center;justify-content:center;gap:1px}.measure-note kbd em{font:900 8px/1 Consolas,monospace;font-style:normal;align-self:flex-start}.measure-note>small{color:var(--muted);font:8px Consolas,monospace}.note-resize-handle{position:absolute;inset:4px -1px 4px auto;width:7px;border-left:2px solid color-mix(in srgb,var(--ink),transparent 45%);cursor:ew-resize;touch-action:none}.measure-note:hover .note-resize-handle,.measure-note.editing .note-resize-handle{border-left-color:var(--ink)}.measure-note.active>small{color:#4d541c}.measure-degree{display:grid;justify-items:center;gap:1px;font-family:Consolas,monospace}.measure-digit{display:flex;align-items:flex-start;justify-content:center}.measure-degree b{font-size:22px;line-height:1}.measure-degree sup{margin-right:1px;font-size:9px;font-weight:900}.measure-dots{min-height:9px;font:900 9px/9px Consolas,monospace;letter-spacing:1px}.rest-block{position:absolute;top:45px;height:24px;min-width:14px;display:flex;align-items:center;justify-content:center;gap:4px;color:var(--muted);border-top:1px dashed color-mix(in srgb,var(--muted),transparent 35%);z-index:1;overflow:hidden;pointer-events:none}.rest-block b{font:900 14px Consolas,monospace}.rest-block small{font:8px Consolas,monospace}.measure-beats{grid-column:2;margin:0 16px 10px;display:grid;grid-auto-flow:column;grid-auto-columns:1fr;color:var(--muted);font:8px Consolas,monospace}.measure-beats span{border-left:1px solid var(--line);padding:4px 0 0 5px}.score-view-tabs{display:flex;gap:0;border:1px solid var(--line)}.score-view-tabs button{min-height:34px;padding:0 12px;border:0;border-right:1px solid var(--line);background:var(--panel);color:var(--muted);cursor:pointer;font:800 10px Consolas,monospace}.score-view-tabs button:last-child{border-right:0}.score-view-tabs button.active{background:var(--accent);color:#172023}.legacy-score{margin-top:16px}.source-format-tag{display:inline-flex;align-items:center;min-height:24px;padding:0 8px;margin-left:8px;background:var(--accent);color:#172023;font:800 9px Consolas,monospace;letter-spacing:.08em;vertical-align:middle}@media(max-width:820px){.measure-toolbar{align-items:flex-start;flex-direction:column}.measure-pagination{width:100%;justify-content:space-between}.measure-card{grid-template-columns:76px minmax(420px,1fr);overflow-x:auto}.measure-card>header{position:sticky;left:0;z-index:8}.note-value-editor{grid-template-columns:repeat(2,minmax(0,1fr))}.edit-toolbar .field{flex-basis:100%}.editor-conflict{align-items:stretch;flex-direction:column}}@media(max-width:560px){.measure-toolbar{padding:12px}.measure-card{grid-template-columns:64px minmax(0,1fr)}.measure-card>header strong{font-size:20px}.measure-card>header small{display:none}.measure-lane{margin:12px 10px 0}.measure-note{padding:6px 2px 5px;gap:4px}.measure-degree b{font-size:19px}.measure-note kbd{min-width:18px;min-height:18px}.measure-beats{margin:0 10px 8px}.note-value-editor{grid-template-columns:1fr}.edit-toolbar .button{flex:1 1 calc(50% - 8px)}}.measure-note.editing{outline:2px solid var(--ink);outline-offset:1px;z-index:7}@media(orientation:landscape)and (max-height:600px)and (max-width:1100px){.measure-toolbar{min-height:48px;padding:9px 14px}.measure-toolbar span{display:none}.measure-pagination .button{min-height:30px}.measure-list{gap:10px;padding:12px 0 2px}.measure-card{grid-template-columns:88px minmax(0,1fr);min-height:122px;overflow:hidden}.measure-card>header{padding:12px 10px}.measure-card>header strong{font-size:20px}.measure-lane{min-height:90px;margin:12px 12px 0}.measure-note{top:7px;height:82px;padding:6px 3px 5px;gap:4px}.measure-note kbd{min-width:18px;min-height:18px}.measure-degree b{font-size:19px}.measure-beats{margin:0 12px 8px}}.tempo-editor{margin-bottom:16px}.shortcut-guide{margin:16px 0;padding:14px;border:1px solid var(--line, #8b929c);border-radius:10px}.shortcut-guide summary{cursor:pointer;font-weight:700}.shortcut-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(250px,1fr));gap:12px;margin-top:14px}.shortcut-grid kbd{font:inherit;font-weight:600}.shortcut-guide p{font-size:13px;line-height:1.6}.measure-pagination{flex-wrap:wrap}.score-row-setting{display:flex;align-items:center;gap:8px;font-size:13px}.score-row-setting select{padding:6px 8px;color:var(--text);background:var(--panel);border:1px solid var(--line);border-radius:6px}.about-content{display:grid;gap:20px}.thanks-list-panel{padding:clamp(22px,4vw,40px)}.thanks-list{list-style:none;padding:0;margin:0}.thanks-list li{display:flex;align-items:baseline;gap:24px;padding:22px 0;border-bottom:1px solid var(--line)}.thanks-list li:last-child{border-bottom:0}.thanks-list li>span{color:var(--muted);font:12px Consolas,monospace}.thanks-list strong{font-size:clamp(18px,3vw,26px);overflow-wrap:anywhere}.about-links.thanks-support{grid-template-columns:minmax(0,520px)}.about-hero{min-height:250px;padding:clamp(30px,6vw,70px);border-top:7px solid var(--accent);display:grid;align-content:center}.about-hero h1{margin:8px 0 18px;font-size:clamp(42px,6vw,76px);line-height:1;letter-spacing:-.065em}.about-hero p{max-width:760px;margin:0;color:var(--muted);font-size:14px;line-height:1.9}.about-links{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:20px}.about-card{min-width:0;min-height:230px;padding:28px;display:flex;flex-direction:column;align-items:flex-start;color:var(--ink);text-align:left;text-decoration:none;cursor:pointer;transition:transform .16s ease,border-color .16s ease}button.about-card{width:100%;font:inherit}.about-card:hover{border-color:var(--accent);transform:translateY(-3px)}.about-card strong{margin-top:18px;font-size:23px;letter-spacing:-.035em}.about-card p{margin:10px 0 24px;color:var(--muted);font-size:12px;line-height:1.7}.about-card em{margin-top:auto;color:var(--ink);font:800 10px Consolas,monospace;font-style:normal;letter-spacing:.1em}@media(max-width:900px){.about-links{grid-template-columns:1fr}.about-card{min-height:180px}}@media(max-width:760px){.about-hero{min-height:220px;padding:30px 22px}.about-content{padding-bottom:38px}}.library-content{display:grid;gap:18px}.library-rail .brand{text-decoration:none}.library-rail nav a{position:relative;min-height:62px;padding:10px 22px;border:0;background:transparent;color:#aeb7ba;cursor:pointer;display:flex;align-items:center;gap:13px;text-align:left;text-decoration:none}.library-rail nav a:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background:transparent}.library-rail nav a:hover{color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 94%)}.library-rail nav a i{width:22px;color:var(--accent);font: 11px Consolas,monospace}.library-rail nav a span{font-size:15px;white-space:nowrap}.cloud-library-launcher{position:fixed;left:18px;bottom:88px;z-index:40;width:184px;box-sizing:border-box;border:1px solid var(--line);background:var(--panel);color:var(--ink);box-shadow:var(--shadow);padding:12px 14px;text-decoration:none;font-size:12px;font-weight:800;letter-spacing:.08em;text-transform:uppercase}.cloud-library-launcher:hover{border-color:var(--accent)}.cloud-library-launcher span{display:block;margin-top:4px;color:var(--muted);font-size:10px;font-weight:600;letter-spacing:.04em}.library-search,.library-detail-head{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;padding:26px}.library-search h2,.library-detail-head h1{margin:5px 0 8px}.library-search p,.library-detail-head p{margin:0;color:var(--muted);max-width:680px;line-height:1.6}.library-search input,.library-search select{width:min(430px,44vw);padding:13px 14px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;outline:none}.library-search input:focus{border-color:var(--accent);box-shadow:0 0 0 2px color-mix(in srgb,var(--accent) 22%,transparent)}.library-list{display:grid;gap:10px}.library-row{display:grid;grid-template-columns:minmax(0,1fr) auto auto;gap:20px;align-items:center;padding:18px 20px;color:inherit;text-decoration:none}a.library-row:hover{border-color:var(--accent);transform:translateY(-1px)}.library-row-main{min-width:0;color:inherit;text-decoration:none}.library-row-main.as-button{appearance:none;border:0;background:transparent;text-align:left;padding:0;cursor:pointer}.library-row-main h3{margin:4px 0 5px;font-size:20px}.library-row-main p{margin:0;color:var(--muted)}.library-row-stats{display:grid;grid-template-columns:repeat(3,minmax(54px,auto));gap:3px 14px;text-align:right}.library-row-stats b{font-size:16px}.library-row-stats small{grid-row:2;color:var(--muted);font-size:9px;letter-spacing:.08em}.library-delete{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 11px;cursor:pointer}.library-delete:hover{border-color:#b34a4a;color:#b34a4a}.library-confirm-label{color:var(--muted);font-size:.82rem;white-space:nowrap}.library-row-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px}.library-action{border:1px solid var(--line);background:transparent;color:var(--muted);padding:9px 11px;cursor:pointer}.library-action:hover:not(:disabled){border-color:var(--accent);color:var(--ink)}.library-action:disabled{opacity:.45;cursor:default}.library-modal-backdrop{position:fixed;inset:0;z-index:60;display:grid;place-items:center;padding:24px;background:#090f129e}.library-modal{width:min(560px,100%);max-height:86vh;overflow:auto;display:grid;gap:16px;padding:24px}.library-modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.library-modal-head h2{margin:5px 0 0}.library-modal-close{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.library-modal-close:hover{border-color:var(--accent);color:var(--ink)}.library-modal-note{margin:0;color:var(--muted);line-height:1.6}.library-form{display:grid;gap:14px;padding:20px;border:1px solid var(--line);background:var(--panel)}.library-form input{width:100%;box-sizing:border-box;min-height:44px;padding:0 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;outline:none}.library-form input:focus{border-color:var(--accent)}.library-form-actions{display:flex;flex-wrap:wrap;gap:8px}.library-tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:10px}.library-tags span{border:1px solid var(--line);padding:3px 7px;font-size:10px;color:var(--muted)}.library-detail-actions{display:flex;flex-wrap:wrap;justify-content:flex-end;gap:8px;max-width:520px}.library-detail-actions .button{text-decoration:none;display:inline-grid;place-items:center}.library-message{margin:0;border-left:3px solid var(--accent);background:var(--panel);padding:11px 14px;color:var(--muted)}.library-metrics{display:grid;grid-template-columns:repeat(3,1fr);border:1px solid var(--line);background:var(--panel)}.library-metrics span{display:flex;flex-direction:column;gap:5px;padding:17px 20px;border-right:1px solid var(--line);color:var(--muted);font-size:10px;letter-spacing:.08em}.library-metrics span:last-child{border-right:0}.library-metrics b{color:var(--ink);font-size:22px;letter-spacing:0}.library-empty{min-height:190px;border:1px dashed var(--line);display:grid;place-items:center;align-content:center;gap:7px;padding:24px;text-align:center;color:var(--muted)}.library-empty strong{color:var(--ink);letter-spacing:.12em}.library-empty a{color:var(--accent)}.library-quota{min-width:150px;text-align:right}.library-quota b{display:block;font-size:22px}.library-quota span{color:var(--muted);font-size:10px;letter-spacing:.08em}@media(max-width:900px){.cloud-library-launcher{display:none}.library-search,.library-detail-head{align-items:stretch;flex-direction:column}.library-search input{width:100%;box-sizing:border-box}.library-detail-actions{justify-content:flex-start;max-width:none}.library-row{grid-template-columns:1fr}.library-row-stats{justify-content:start;text-align:left}.library-row-actions{justify-content:flex-start}}.library-search select{width:auto;min-width:110px}@media(max-width:640px){.library-metrics{grid-template-columns:1fr}.library-metrics span{border-right:0;border-bottom:1px solid var(--line)}.library-metrics span:last-child{border-bottom:0}.library-row-stats{grid-template-columns:repeat(3,1fr);width:100%}}.batch-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(300px,380px);gap:18px;align-items:start}.batch-archive,.batch-sidebar{display:grid;gap:14px;min-width:0}.batch-search{flex-wrap:wrap;gap:12px;padding:20px}.batch-search-label{flex:1 1 180px}.batch-search input{width:100%;box-sizing:border-box}.batch-search-label .sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.batch-row{grid-template-columns:minmax(0,1fr) auto;gap:12px}.batch-row.batch-selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 5%,var(--panel))}.batch-choice{display:flex;gap:14px;align-items:center;cursor:pointer;min-width:0}.batch-choice input{width:19px;height:19px;flex:0 0 auto;accent-color:var(--accent)}.batch-choice strong{display:block;margin:5px 0;font-size:18px;overflow-wrap:anywhere}.batch-meta{color:var(--muted);font-size:12px}.batch-row .library-row-stats{grid-template-columns:repeat(2,auto)}.batch-panel{padding:22px;min-width:0}.batch-panel h2{margin:5px 0 12px}.batch-panel-head{display:flex;align-items:center;justify-content:space-between;gap:10px}.batch-hint{color:var(--muted);line-height:1.7;font-size:13px}.batch-order{list-style:none;padding:0;margin:14px 0 0;display:grid;gap:8px}.batch-order li{display:flex;align-items:center;gap:10px;padding:10px 0;border-top:1px solid var(--line)}.batch-number{color:var(--accent);font:700 18px Consolas,monospace;min-width:24px}.batch-song-name{flex:1;min-width:0;overflow-wrap:anywhere}.batch-settings{border:0;padding:0;margin:0;min-width:0}.batch-settings .export-fields{grid-template-columns:1fr}.batch-download{width:100%}@media(max-width:1100px){.batch-layout{grid-template-columns:1fr}.batch-sidebar{grid-template-columns:repeat(2,minmax(0,1fr));align-items:start}}@media(max-width:900px){.batch-search-label{flex:0 1 auto;width:100%}}@media(max-width:640px){.batch-sidebar,.batch-row{grid-template-columns:1fr}.batch-panel{padding:18px}}.qr-share-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:center;padding:24px;background:#090f12ad}.qr-share-dialog{width:min(420px,100%);max-height:90vh;overflow:auto;display:grid;justify-items:center;gap:18px;padding:24px}.qr-share-dialog header{width:100%;display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.qr-share-dialog h2{margin:5px 0 0}.qr-share-close{width:34px;height:34px;border:1px solid var(--line);background:transparent;color:var(--muted);font-size:18px;line-height:1;cursor:pointer}.qr-share-close:hover{border-color:var(--accent);color:var(--ink)}.qr-share-dialog img{display:block;width:min(320px,100%);height:auto;aspect-ratio:1;padding:10px;box-sizing:border-box;background:#fff;border:1px solid var(--line)}.qr-share-link{width:100%;display:grid;gap:7px;color:var(--muted);font-size:12px}.qr-share-link input{width:100%;min-width:0;box-sizing:border-box;min-height:44px;padding:0 12px;border:1px solid var(--line);background:var(--bg);color:var(--ink);font:inherit;outline:none}.qr-share-link input:focus{border-color:var(--accent)}.qr-share-actions{width:100%;display:flex;flex-wrap:wrap;gap:8px}@media(max-width:520px){.qr-share-backdrop{padding:12px}.qr-share-dialog{padding:18px;gap:14px}}.converter-cloud-trigger{position:fixed;right:18px;bottom:18px;z-index:60;min-width:126px;padding:11px 15px;border:1px solid #172023;background:var(--accent);color:#172023;box-shadow:4px 4px #172023;cursor:pointer;font:900 12px/1.1 Consolas,monospace;letter-spacing:.12em;text-align:left}.converter-cloud-trigger span{display:block;margin-top:5px;font:700 10px/1.1 Inter,Noto Sans SC,Microsoft YaHei,sans-serif;letter-spacing:0}.converter-cloud-backdrop{position:fixed;inset:0;z-index:80;display:grid;place-items:end;background:#00000061;backdrop-filter:blur(4px)}.converter-cloud-backdrop[hidden]{display:none}.floating-cloud-dialog{position:fixed;inset:auto 0 0 auto;margin:12px;padding:0;border:0;background:transparent;max-width:calc(100vw - 24px);max-height:calc(100dvh - 24px);overflow:visible}.floating-cloud-dialog::backdrop{background:#00000061;backdrop-filter:blur(4px)}.floating-cloud-dialog>.converter-cloud-panel{margin:0;box-sizing:border-box;max-height:calc(100dvh - 24px)}.converter-cloud-panel{width:min(560px,calc(100vw - 24px));max-height:min(760px,calc(100vh - 24px));margin:12px;overflow:auto;padding:24px;border:1px solid var(--line);border-top:6px solid var(--accent);background:var(--panel);color:var(--ink);box-shadow:0 24px 80px #0000003d}.converter-cloud-head{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.converter-cloud-head h2{margin:5px 0 0;font-size:27px;letter-spacing:-.04em}.converter-cloud-close{width:38px;height:38px;border:1px solid var(--line);background:transparent;color:var(--ink);cursor:pointer;font-size:24px;line-height:1}.converter-cloud-note,.converter-cloud-status,.converter-cloud-message{margin:14px 0 0;color:var(--muted);font-size:11px;line-height:1.65}.converter-cloud-fields{display:grid;grid-template-columns:1fr 1fr;gap:14px;margin-top:20px}.converter-cloud-fields input{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink)}.converter-cloud-fields input:focus,.converter-cloud-fields select:focus{outline:2px solid color-mix(in srgb,var(--accent),transparent 55%);outline-offset:0}.converter-cloud-actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:20px}.converter-cloud-link{display:inline-grid;place-items:center;text-decoration:none}.converter-cloud-status{padding:10px 12px;border-left:3px solid var(--line);background:var(--panel-2)}.converter-cloud-message{padding:10px 12px;border-left:3px solid var(--accent);background:color-mix(in srgb,var(--accent),transparent 91%);color:var(--ink)}@media(max-width:900px){.converter-cloud-trigger{right:12px;bottom:74px}}@media(max-width:640px){.floating-cloud-dialog{margin:0;width:100%;max-width:100%;max-height:86dvh}.floating-cloud-dialog>.converter-cloud-panel{max-height:86dvh}.converter-cloud-backdrop{place-items:end stretch}.converter-cloud-panel{width:auto;max-height:86vh;margin:0;border-left:0;border-right:0;border-bottom:0;padding:20px 16px calc(20px + env(safe-area-inset-bottom))}.converter-cloud-fields{grid-template-columns:1fr}.converter-cloud-actions{display:grid;grid-template-columns:1fr}.converter-cloud-trigger{min-width:112px;right:10px;bottom:calc(68px + env(safe-area-inset-bottom))}}:root{color-scheme:light;--bg: #f2f2ed;--panel: #fffef9;--panel-2: #eceee8;--ink: #182125;--muted: #707a7d;--line: #d3d7d2;--accent: #d7e64a;--accent-2: #e7f16e;--green: #43a976;--red: #d45a62;--shadow: 0 18px 55px rgba(24, 33, 37, .075);font-family:Inter,Noto Sans SC,Microsoft YaHei,system-ui,sans-serif}:root[data-theme=dark]{color-scheme:dark;--bg: #111719;--panel: #182124;--panel-2: #222c2f;--ink: #f2f2e9;--muted: #9ca6a8;--line: #344044;--accent: #d9e84f;--accent-2: #eef77b;--shadow: 0 18px 55px rgba(0, 0, 0, .28)}*{box-sizing:border-box}html{background:var(--bg);scroll-behavior:smooth;-webkit-text-size-adjust:100%;text-size-adjust:100%}body{margin:0;min-width:320px;min-height:100vh;background:var(--bg);color:var(--ink)}button,input,select{font:inherit}button{color:inherit}button,label{-webkit-tap-highlight-color:transparent}.app-shell{min-height:100vh;padding-left:220px;transition:padding-left .18s ease}.library-shell{transition:padding-left .18s ease}.side-rail{position:fixed;inset:0 auto 0 0;z-index:50;width:220px;display:flex;flex-direction:column;background:#172023;color:#f7f7ef;border-right:1px solid #354145;transition:width .18s ease}.brand{appearance:none;min-height:92px;padding:15px 18px;border:0;background:var(--accent);color:#172023;cursor:pointer;display:flex;align-items:center;gap:12px;text-align:left}.brand span{font:900 28px/1 Arial Black,sans-serif;letter-spacing:-3px}.brand b{font:800 8px/1.2 Consolas,monospace;letter-spacing:.09em}.side-rail nav{display:flex;flex:1;flex-direction:column;padding-top:22px}.side-rail nav button{position:relative;min-height:62px;padding:10px 22px;border:0;background:transparent;color:#aeb7ba;cursor:pointer;display:flex;align-items:center;gap:13px;text-align:left}.side-rail nav button:before{content:"";position:absolute;left:0;top:8px;bottom:8px;width:4px;background:transparent}.side-rail nav button.active,.side-rail nav a.active{color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 91%)}.side-rail nav button.active:before,.side-rail nav a.active:before{background:var(--accent)}.side-rail nav button:disabled{cursor:default;opacity:.55}.side-rail nav button i{width:22px;color:var(--accent);font: 11px Consolas,monospace}.side-rail nav button span{font-size:15px;white-space:nowrap}.side-rail nav button em{margin-left:auto;color:#737f82;font: 8px Consolas,monospace}.rail-bottom{display:grid;place-items:center;gap:10px;padding:20px 0;border-top:1px solid #394649}.rail-bottom b{color:var(--accent);font-size:20px}.rail-bottom span{color:#879295;font:8px/1.35 Consolas,monospace;text-align:center;letter-spacing:.06em}.rail-toggle{min-height:40px;margin:0 12px 12px;padding:8px 10px;display:flex;align-items:center;justify-content:center;gap:8px;border:1px solid #394649;background:transparent;color:#879295;cursor:pointer;font:700 10px Consolas,monospace;letter-spacing:.08em}.rail-toggle:hover{border-color:var(--accent);color:var(--accent)}.rail-toggle i{font-style:normal;line-height:1}.top-status{position:sticky;top:0;z-index:40;height:48px;padding:0 34px;display:flex;align-items:center;justify-content:space-between;gap:18px;background:color-mix(in srgb,var(--bg) 90%,transparent);border-bottom:1px solid var(--line);backdrop-filter:blur(14px)}.top-status>span{color:var(--muted);font:10px Consolas,monospace;letter-spacing:.1em}.top-status button{border:0;background:transparent;color:var(--ink);cursor:pointer;font:700 10px Consolas,monospace;letter-spacing:.08em}.status-dot{display:inline-block;width:6px;height:6px;margin-right:8px;border-radius:50%;background:var(--green);box-shadow:0 0 0 4px color-mix(in srgb,var(--green),transparent 82%)}.page-content{max-width:1500px;margin:0 auto;padding:34px clamp(22px,4vw,72px) 70px}.panel{background:var(--panel);border:1px solid var(--line);box-shadow:var(--shadow)}.eyebrow{color:var(--muted);font:700 10px/1.4 Consolas,monospace;letter-spacing:.16em}.section-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;margin-bottom:22px}.section-heading h2{margin:5px 0 0;font-size:clamp(22px,2vw,31px);letter-spacing:-.045em}.data-note{padding:7px 10px;background:var(--panel-2);color:var(--muted);font:10px Consolas,monospace;letter-spacing:.08em;white-space:nowrap}.hero{min-height:300px;padding:clamp(28px,5vw,58px);display:grid;grid-template-columns:minmax(0,1.2fr) minmax(360px,.8fr);align-items:center;gap:50px;border-top:7px solid var(--accent);overflow:hidden}.hero h1{max-width:760px;margin:10px 0 18px;font-size:clamp(40px,5vw,72px);line-height:.99;letter-spacing:-.065em}.hero h1 mark{padding:0 .08em;background:var(--accent);color:#172023}.hero p{max-width:680px;margin:0;color:var(--muted);font-size:13px;line-height:1.8}.hero-code{display:grid;grid-template-columns:repeat(8,1fr);align-self:stretch;min-height:180px;border:1px solid var(--line);background:var(--panel-2)}.hero-code b,.hero-code span{display:grid;place-items:center;border-right:1px solid var(--line)}.hero-code b:nth-child(8),.hero-code span:last-child{border-right:0}.hero-code b{font:800 24px Consolas,monospace}.hero-code span{align-self:end;height:52px;border-top:1px solid var(--line);background:var(--panel);font:800 13px Consolas,monospace}.workflow-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px;margin-top:20px}.upload-panel,.control-panel{min-width:0;padding:28px}.drop-zone{min-height:150px;padding:30px;display:grid;place-items:center;align-content:center;gap:8px;border:1px dashed color-mix(in srgb,var(--ink),transparent 45%);background:var(--panel-2);cursor:pointer;text-align:center;transition:.16s ease}.drop-zone:hover{border-color:var(--ink);background:color-mix(in srgb,var(--accent),var(--panel) 92%)}.drop-zone.busy{opacity:.6;cursor:wait}.drop-zone input{position:absolute;width:1px;height:1px;opacity:0;pointer-events:none}.drop-zone strong{font-size:15px}.drop-zone span{color:var(--muted);font:10px Consolas,monospace}.text-action{margin-top:16px;padding:0;border:0;background:transparent;color:var(--ink);cursor:pointer;font-size:12px;font-weight:800}.text-action:hover{color:#849100}.error-note{margin:14px 0 0;padding:10px 12px;border-left:3px solid var(--red);background:color-mix(in srgb,var(--red),transparent 92%);color:var(--red);font-size:12px}.export-alert{margin:16px 0 0;padding:12px 14px;border:1px solid color-mix(in srgb,var(--ink),transparent 68%);border-left:5px solid var(--accent);background:color-mix(in srgb,var(--accent),var(--panel) 84%);color:var(--ink);font-size:13px;font-weight:850;line-height:1.65}.field{display:grid;gap:8px}.toy-login-dialog{width:min(460px,calc(100vw - 48px));box-sizing:border-box;padding:24px;border:1px solid var(--line);background:var(--panel);color:var(--ink)}.toy-login-dialog::backdrop{background:#0000008c}.toy-login-dialog h2{margin:0 0 12px;font-size:20px}.toy-login-dialog p{color:var(--muted);line-height:1.7}.toy-login-actions{display:flex;gap:8px;flex-wrap:wrap}.field>span{color:var(--muted);font:10px Consolas,monospace;letter-spacing:.08em}.field>span b{color:var(--ink)}.melody-options{display:grid;gap:8px}.melody-option{display:flex;align-items:center;gap:12px;min-height:54px;padding:10px 12px;border:1px solid var(--line);background:var(--panel);cursor:pointer}.melody-option.selected{border-color:var(--accent);background:color-mix(in srgb,var(--accent) 10%,var(--panel))}.melody-option input{flex:0 0 auto;width:18px;height:18px;margin:0;accent-color:var(--accent)}.melody-option>span{display:grid;gap:4px}.melody-option b{font-size:13px}.melody-option small{color:var(--muted);font-size:11px;line-height:1.5}.melody-option:has(input:disabled){opacity:.6;cursor:default}.melody-option:focus-within{outline:2px solid var(--accent);outline-offset:2px}select{width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);border-radius:0;background:var(--panel);color:var(--ink)}.switch-row{margin-top:18px;min-height:62px;padding:12px 14px;display:flex;align-items:center;justify-content:space-between;gap:16px;border:1px solid var(--line);background:var(--panel-2)}.switch-row>span{display:grid;gap:4px}.switch-row b{font-size:13px}.switch-row small{color:var(--muted);font-size:11px}.switch-row input{width:20px;height:20px;accent-color:var(--accent)}.transpose-row{display:grid;grid-template-columns:minmax(0,1fr) auto;align-items:end;gap:16px;margin-top:18px}.silence-cleaner{display:grid;grid-template-columns:repeat(2,minmax(0,1fr)) auto;align-items:end;gap:12px;margin-top:16px;padding:14px;border:1px solid var(--line);background:var(--panel-2)}.silence-cleaner input{box-sizing:border-box;width:100%;min-height:44px;padding:0 12px;border:1px solid var(--line);background:var(--panel);color:var(--ink);outline:none}.silence-cleaner input:focus{border-color:var(--accent)}.silence-cleaner p{grid-column:1 / -1;align-self:center;margin:0;color:var(--muted);font-size:12px;line-height:1.5}.export-stack{display:grid;gap:8px;margin-top:6px}.export-fields{display:grid;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));gap:12px;margin-top:18px}input[type=range]{width:100%;accent-color:var(--accent)}.button{min-height:44px;padding:0 18px;border:1px solid var(--ink);background:var(--panel);cursor:pointer;font-size:12px;font-weight:850}.button.primary{background:var(--accent);color:#172023;box-shadow:4px 4px #172023}.button:disabled{opacity:.4;cursor:default;box-shadow:none}.song-head{margin-top:20px;padding:24px 28px;display:flex;align-items:center;justify-content:space-between;gap:24px;border-top:5px solid var(--accent)}.song-head h2{margin:5px 0 6px;font-size:clamp(25px,3vw,42px);letter-spacing:-.05em}.song-head p{margin:0;color:var(--muted);font:10px Consolas,monospace;letter-spacing:.05em}.song-state{min-width:116px;text-align:right}.song-state strong{display:block;font:900 34px/1 Consolas,monospace}.song-state span{color:var(--muted);font:9px Consolas,monospace;letter-spacing:.12em}.metric-grid{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border:1px solid var(--line)}.metric-grid article{min-height:124px;padding:22px;display:grid;gap:4px;background:var(--panel);border-right:1px solid var(--line)}.metric-grid article:last-child{border-right:0}.metric-grid span{color:var(--muted);font:9px Consolas,monospace;letter-spacing:.12em}.metric-grid strong{font:850 clamp(24px,3vw,40px)/1 Consolas,monospace;letter-spacing:-.07em}.metric-grid small{color:var(--muted);font-size:10px}.metric-grid .metric-primary{background:var(--accent);color:#172023}.metric-grid .metric-primary span,.metric-grid .metric-primary small{color:#535a1d}.score-panel{margin-top:20px;padding:28px}.score-heading{margin-bottom:26px}.score-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(74px,1fr));border-top:1px solid var(--line);border-left:1px solid var(--line)}.note-tile{position:relative;min-height:118px;padding:13px 8px 10px;display:grid;place-items:center;align-content:center;gap:8px;border-right:1px solid var(--line);border-bottom:1px solid var(--line);background:var(--panel)}.note-tile:hover{background:color-mix(in srgb,var(--accent),var(--panel) 89%)}.jianpu-note{position:relative;min-height:42px;min-width:34px;display:grid;place-items:center}.note-core{display:flex;align-items:flex-start;justify-content:center}.note-core strong{font:850 29px/1 Consolas,monospace}.note-core sup{margin-right:1px;font:900 13px/1 Consolas,monospace}.octave-dots{position:absolute;left:50%;transform:translate(-50%);font:900 14px/1 Consolas,monospace;letter-spacing:1px}.octave-dots.top{top:-8px}.octave-dots.bottom{bottom:-8px}kbd{min-width:30px;min-height:26px;padding:5px 8px;display:inline-flex;align-items:center;justify-content:center;gap:1px;border:1px solid var(--ink);background:var(--panel-2);color:var(--ink);box-shadow:2px 2px 0 var(--ink);font:800 11px Consolas,monospace}kbd em{font:900 8px/1 Consolas,monospace;font-style:normal;align-self:flex-start}.note-meta{color:var(--muted);font:8px Consolas,monospace}.empty-score{min-height:260px;display:grid;place-items:center;align-content:center;gap:8px;background:repeating-linear-gradient(-45deg,var(--panel),var(--panel) 12px,var(--panel-2) 12px,var(--panel-2) 13px);text-align:center}.empty-score strong{font:900 20px Consolas,monospace;letter-spacing:.08em}.empty-score span{color:var(--muted);font-size:12px}.preview-limit{margin:16px 0 0;color:var(--muted);font-size:11px}.assumption-strip{display:grid;grid-template-columns:repeat(4,1fr);margin-top:20px;border:1px solid var(--line)}.assumption-strip article{position:relative;min-height:126px;padding:22px;background:var(--panel);border-right:1px solid var(--line)}.assumption-strip article:last-child{border-right:0}.assumption-strip b{position:absolute;right:16px;top:12px;color:var(--accent);font:900 31px Arial Black,sans-serif}.assumption-strip span{display:block;max-width:220px;margin-top:40px;font-size:12px;line-height:1.7}footer{padding:28px 2px 0;display:flex;justify-content:space-between;gap:20px;color:var(--muted);font:9px Consolas,monospace;letter-spacing:.08em}@media(max-width:1050px){.hero{grid-template-columns:1fr}.hero-code{min-height:150px}.workflow-grid{grid-template-columns:1fr}.metric-grid{grid-template-columns:repeat(2,1fr)}.metric-grid article:nth-child(2){border-right:0}.metric-grid article:nth-child(-n+2){border-bottom:1px solid var(--line)}.assumption-strip{grid-template-columns:repeat(2,1fr)}.assumption-strip article:nth-child(2){border-right:0}.assumption-strip article:nth-child(-n+2){border-bottom:1px solid var(--line)}}@media(max-width:760px){.app-shell{padding-left:0;padding-bottom:64px}.side-rail{position:static;width:100%;min-height:auto}.brand{min-height:68px;justify-content:center}.side-rail nav{position:fixed;inset:auto 0 0;z-index:70;height:64px;padding:0;display:grid;grid-template-columns:repeat(auto-fit,minmax(0,1fr));border-top:1px solid #394649;background:#172023}.side-rail nav button{min-height:64px;padding:6px;justify-content:center;flex-direction:column;gap:3px}.side-rail nav button:before,.side-rail nav button em{display:none}.side-rail nav button i{width:auto}.side-rail nav button span{font-size:9px}.rail-bottom,.rail-toggle{display:none}.top-status{top:0;height:42px;padding:0 16px}.top-status>span{max-width:70%;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.page-content{padding:18px 14px 38px}.hero{min-height:auto;padding:24px 20px;gap:24px}.hero h1{font-size:clamp(37px,12vw,58px)}.hero-code{min-height:122px}.hero-code b{font-size:18px}.upload-panel,.control-panel,.score-panel{padding:20px}.section-heading{align-items:center}.section-heading h2{font-size:24px}.data-note{font-size:8px}.transpose-row,.silence-cleaner{grid-template-columns:1fr}.silence-cleaner{align-items:stretch}.metric-grid{grid-template-columns:1fr 1fr}.metric-grid article{min-height:105px;padding:17px}.score-grid{grid-template-columns:repeat(auto-fill,minmax(64px,1fr))}.note-tile{min-height:106px}.assumption-strip{grid-template-columns:1fr}.assumption-strip article{min-height:100px;border-right:0;border-bottom:1px solid var(--line)}.assumption-strip article:last-child{border-bottom:0}.assumption-strip span{max-width:80%;margin-top:24px}footer{flex-direction:column;gap:7px}}@media(min-width:761px){.app-shell.rail-collapsed,.library-shell.rail-collapsed{padding-left:72px}.rail-collapsed .side-rail{width:72px}.rail-collapsed .side-rail .brand{padding:15px 6px;justify-content:center}.rail-collapsed .side-rail .brand span{font-size:22px;letter-spacing:-2px}.rail-collapsed .side-rail .brand b,.rail-collapsed .side-rail nav button span,.rail-collapsed .library-rail nav a span,.rail-collapsed .side-rail nav button em,.rail-collapsed .rail-bottom span,.rail-collapsed .rail-toggle span{display:none}.rail-collapsed .side-rail nav button,.rail-collapsed .library-rail nav a{padding:10px 6px;justify-content:center}.rail-collapsed .side-rail nav button i,.rail-collapsed .library-rail nav a i{width:auto}.rail-collapsed .rail-toggle{margin:0 8px 12px;padding:8px 0}}@media(orientation:landscape)and (max-height:600px)and (max-width:1100px){.hero{display:none}.top-status{height:38px;padding:0 14px}.page-content{padding:12px 12px 24px}.workflow-grid{gap:14px;margin-top:14px}.upload-panel,.control-panel,.score-panel,.preview-panel{padding:18px}.section-heading{margin-bottom:14px}.hero-code{min-height:110px}.song-head{margin-top:14px;padding:16px 18px}.song-head h2{font-size:24px}.metric-grid,.assumption-strip{margin-top:14px}.metric-grid article{min-height:78px;padding:12px}.metric-grid strong{font-size:24px}.assumption-strip article{min-height:88px;padding:16px}.assumption-strip span{margin-top:20px;font-size:11px}footer{padding-top:16px}}@media(orientation:landscape)and (max-height:600px)and (max-width:760px){.side-rail .brand{display:none}.side-rail nav{height:52px}.side-rail nav button{min-height:52px}.app-shell,.library-shell{padding-bottom:52px}.converter-cloud-trigger{bottom:60px;min-width:108px;padding:9px 12px}}.library-shell{min-height:100vh;padding-left:220px}.app-shell .side-rail nav>button.nav-available{color:#aeb7ba}.app-shell .side-rail nav>button.nav-available:hover{color:var(--accent);background:color-mix(in srgb,var(--accent),transparent 94%)}.app-shell .side-rail nav>button.nav-available em{color:var(--accent)}@media(max-width:760px){.library-shell{padding-left:0;padding-bottom:64px}.library-rail nav a{min-height:64px;padding:6px;justify-content:center;flex-direction:column;gap:3px;text-align:center}.library-rail nav a:before{display:none}.library-rail nav a i{width:auto}.library-rail nav a span{font-size:9px}}