:root{--bg: #12100d;--bg-2: #171410;--panel: #1c1914;--panel-2: #23201a;--panel-3: #2a251e;--border: #342e25;--border-soft: #2a251e;--text: #ece5d8;--text-2: #bdb3a2;--muted: #8a8173;--faint: #655e52;--accent: #2563eb;--accent-2: #60a5fa;--accent-rgb: 37, 99, 235;--accent-contrast: #fff;--accent-soft: rgba(var(--accent-rgb), .14);--danger: #d96b5a;--paper: #fbf7ee;--header-h: 58px;--status-h: 26px;color-scheme:dark}.app[data-accent]{--accent-soft: rgba(var(--accent-rgb), .14)}.app[data-accent=electric]{--accent: #2563eb;--accent-2: #60a5fa;--accent-rgb: 37, 99, 235;--accent-contrast: #fff}.app[data-accent=indigo]{--accent: #6366f1;--accent-2: #a5b4fc;--accent-rgb: 99, 102, 241;--accent-contrast: #fff}.app[data-accent=violet]{--accent: #8b5cf6;--accent-2: #c4b5fd;--accent-rgb: 139, 92, 246;--accent-contrast: #fff}.app[data-accent=fuchsia]{--accent: #d946ef;--accent-2: #f0abfc;--accent-rgb: 217, 70, 239;--accent-contrast: #fff}.app[data-accent=rose]{--accent: #f43f5e;--accent-2: #fda4af;--accent-rgb: 244, 63, 94;--accent-contrast: #fff}.app[data-accent=coral]{--accent: #ff6b5e;--accent-2: #ffb4a8;--accent-rgb: 255, 107, 94;--accent-contrast: #23120f}.app[data-accent=orange]{--accent: #ff7a18;--accent-2: #ffb066;--accent-rgb: 255, 122, 24;--accent-contrast: #211006}.app[data-accent=amber]{--accent: #f5b301;--accent-2: #fbd34d;--accent-rgb: 245, 179, 1;--accent-contrast: #211a05}.app[data-accent=lime]{--accent: #84cc16;--accent-2: #bef264;--accent-rgb: 132, 204, 22;--accent-contrast: #17210a}.app[data-accent=emerald]{--accent: #10b981;--accent-2: #6ee7b7;--accent-rgb: 16, 185, 129;--accent-contrast: #04271b}.app[data-accent=cyan]{--accent: #06b6d4;--accent-2: #67e8f9;--accent-rgb: 6, 182, 212;--accent-contrast: #062a30}.app[data-accent=graphite],.app[data-accent=zinc],.app[data-accent=slate],.app[data-accent=stone]{--accent: #64748b;--accent-2: #94a3b8;--accent-rgb: 100, 116, 139;--accent-contrast: #fff}.app[data-accent=red]{--accent: #f43f5e;--accent-2: #fda4af;--accent-rgb: 244, 63, 94;--accent-contrast: #fff}.app[data-accent=green]{--accent: #10b981;--accent-2: #6ee7b7;--accent-rgb: 16, 185, 129;--accent-contrast: #04271b}.app[data-accent=blue]{--accent: #2563eb;--accent-2: #60a5fa;--accent-rgb: 37, 99, 235;--accent-contrast: #fff}*{box-sizing:border-box}html,body,#root{height:100%;margin:0}body{background:var(--bg);color:var(--text);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,-apple-system,sans-serif;font-size:13px;-webkit-font-smoothing:antialiased;overflow:hidden}button,input,select,textarea{font-family:inherit;font-size:inherit;color:inherit}button{cursor:pointer}button:disabled{cursor:not-allowed;opacity:.38}::-webkit-scrollbar{width:9px;height:9px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#3a332a;border-radius:10px;border:2px solid transparent;background-clip:content-box}::-webkit-scrollbar-thumb:hover{background:#51483b;background-clip:content-box}.app{height:100vh;display:flex;flex-direction:column;overflow:hidden;background:radial-gradient(1200px 700px at 18% -10%,rgba(var(--accent-rgb),.08),transparent 60%),radial-gradient(900px 500px at 110% 10%,rgba(120,92,58,.08),transparent 55%),var(--bg)}.app-header{height:var(--header-h);flex:0 0 var(--header-h);display:flex;align-items:center;gap:18px;padding:0 16px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#1f1b15f5,#171410f5);position:relative;z-index:20}.brand{display:flex;align-items:center;gap:10px;flex:0 0 auto}.brand-logo{width:34px;height:34px;filter:drop-shadow(0 2px 6px rgba(0,0,0,.35))}.brand-copy{display:flex;flex-direction:column;gap:1px}.brand-line{display:flex;align-items:baseline;gap:7px}.brand-name{font-family:Iowan Old Style,Palatino Linotype,Book Antiqua,Georgia,serif;font-size:19px;font-weight:600;letter-spacing:.2px;color:#f4ecdd}.brand-cn{font-size:11px;letter-spacing:2px;color:var(--accent-2)}.brand-badge{font-size:7px;letter-spacing:1.4px;padding:2px 4px;border:1px solid rgba(var(--accent-rgb),.45);border-radius:3px;color:var(--accent-2);transform:translateY(-1px)}.brand-tag{font-size:8.5px;color:var(--faint);letter-spacing:1.4px}.doc-chip{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;padding:6px 12px;border:1px solid var(--border-soft);background:#12100d8c;border-radius:8px;color:var(--muted);height:34px}.doc-title{color:var(--text-2);font-weight:500;max-width:280px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.doc-file{color:var(--faint);font-size:10px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;border-left:1px solid var(--border-soft);padding-left:8px}.dirty-dot{width:6px;height:6px;border-radius:50%;background:var(--accent);flex:0 0 auto;box-shadow:0 0 0 3px rgba(var(--accent-rgb),.13)}.header-actions{display:flex;align-items:center;gap:4px;flex:0 0 auto}.header-btn{display:inline-flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid transparent;border-radius:7px;background:transparent;color:var(--text-2);font-size:11.5px;transition:background .15s,color .15s,border-color .15s}.header-btn:hover{background:var(--panel-2);color:var(--text)}.header-btn.primary{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-contrast);font-weight:600;margin-left:4px;box-shadow:0 3px 12px rgba(var(--accent-rgb),.18)}.header-btn.primary:hover{filter:brightness(1.05)}.icon-btn{display:inline-flex;align-items:center;justify-content:center;width:30px;height:30px;padding:0;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--muted);transition:background .15s,color .15s}.icon-btn:hover{background:var(--panel-2);color:var(--text)}.icon-btn:disabled{opacity:.3}.toolbar{flex:0 0 auto;min-height:45px;display:flex;align-items:center;gap:7px;padding:6px 14px;border-bottom:1px solid var(--border);background:#1a1712f0;overflow-x:auto;overflow-y:hidden;scrollbar-width:none}.toolbar::-webkit-scrollbar{display:none}.tool-group{display:flex;align-items:center;gap:3px;flex:0 0 auto}.tool-divider{width:1px;height:22px;background:var(--border);flex:0 0 auto;margin:0 3px}.tool-btn{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 8px;border:1px solid transparent;border-radius:6px;background:transparent;color:var(--text-2);font-size:11px}.tool-btn:hover{background:var(--panel-2);color:var(--text)}.tool-spacer{flex:1 1 auto;min-width:6px}.tool-hint{font-size:9px;color:var(--faint);white-space:nowrap;letter-spacing:.2px;padding-right:2px}.duration-group{gap:2px}.duration-btn{min-width:29px;height:28px;padding:0 5px;border:1px solid var(--border-soft);border-radius:6px;background:#1c1914cc;color:var(--text-2);font-size:10px;font-variant-numeric:tabular-nums;transition:all .12s}.duration-btn:hover{border-color:#4a4135;color:var(--text)}.duration-btn.active{background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.55);color:var(--accent-2)}.chip{height:25px;padding:0 7px;border:1px solid var(--border-soft);border-radius:6px;background:transparent;color:var(--muted);font-size:10px;white-space:nowrap;transition:all .12s}.chip:hover{border-color:#4a4135;color:var(--text)}.chip.active{background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.5);color:var(--accent-2)}.chip.danger{color:#d98a7e}.chip.danger:hover{background:#d96b5a1a;border-color:#d96b5a66}.tech-group{gap:2px}.tech-group .chip{padding:0 6px;font-size:9.5px;letter-spacing:.1px}.workspace{flex:1 1 auto;min-height:0;display:flex;overflow:hidden}.panel{flex:0 0 auto;background:linear-gradient(180deg,#1d1a15f2,#181511f2);overflow-y:auto;overflow-x:hidden;padding:12px 12px 20px}.track-panel{width:248px;border-right:1px solid var(--border)}.inspector{width:276px;border-left:1px solid var(--border)}.panel-section{padding:0 0 13px;margin-bottom:13px;border-bottom:1px solid var(--border-soft)}.panel-section:last-child{border-bottom:0;margin-bottom:0}.panel-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;margin-bottom:9px;min-height:20px}.panel-heading h3{margin:0;font-size:9.5px;font-weight:600;letter-spacing:1.5px;text-transform:uppercase;color:var(--muted)}.panel-heading-actions{display:flex;gap:1px}.panel-heading-actions .icon-btn{width:24px;height:24px}.panel-badge{font-size:8.5px;color:var(--faint);letter-spacing:.4px;white-space:nowrap}.track-list{display:flex;flex-direction:column;gap:4px}.track-item{display:flex;align-items:center;gap:2px;border:1px solid transparent;border-radius:8px;padding:3px;transition:background .15s,border-color .15s}.track-item:hover{background:#ffffff06}.track-item.active{background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.28)}.track-main{flex:1 1 auto;min-width:0;display:flex;align-items:center;gap:8px;border:0;background:transparent;padding:4px;text-align:left}.track-index{flex:0 0 auto;width:22px;height:22px;display:grid;place-items:center;border-radius:5px;color:#1c1710;font-size:9.5px;font-weight:700}.track-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.track-copy strong{font-size:11.5px;font-weight:550;color:var(--text-2);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-item.active .track-copy strong{color:var(--accent-2)}.track-copy small{font-size:8.5px;color:var(--faint);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.track-actions{display:flex;gap:1px}.mini-toggle{width:20px;height:20px;padding:0;border:1px solid transparent;border-radius:4px;background:transparent;color:var(--faint);font-size:8.5px;font-weight:700}.mini-toggle:hover{background:#ffffff0f;color:var(--text-2)}.mini-toggle.on{color:var(--accent-2);background:var(--accent-soft);border-color:rgba(var(--accent-rgb),.3)}.field{display:flex;flex-direction:column;gap:3px;margin-bottom:8px;min-width:0}.field-label{font-size:8.5px;color:var(--faint);letter-spacing:.5px}.field-input{position:relative;display:flex;align-items:center}.field-input input,.field-input select{width:100%;height:29px;border:1px solid var(--border-soft);border-radius:6px;background:#0f0d0a8c;color:var(--text-2);padding:0 8px;font-size:11px;outline:none;transition:border-color .15s,background .15s}.field-input select{padding-right:30px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%238a8175' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 10px center;background-size:6px 4px;background-repeat:no-repeat}.field-input input:focus,.field-input select:focus{border-color:rgba(var(--accent-rgb),.55);background:#0f0d0acc}.field-input input[type=number]::-webkit-outer-spin-button,.field-input input[type=number]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.field-input input[type=number]{-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.field-input.has-suffix input{padding-right:36px}.field-suffix{position:absolute;right:8px;font-size:8.5px;color:var(--faint);pointer-events:none}.field-row{display:grid;grid-template-columns:1fr 1fr;gap:8px}.readout{height:29px;display:flex;align-items:center;border:1px solid var(--border-soft);border-radius:6px;background:#0f0d0a59;color:var(--accent-2);padding:0 8px;font-size:11px;font-variant-numeric:tabular-nums}.checkbox-field{justify-content:flex-end}.check-line{display:flex;align-items:center;gap:6px;height:29px;font-size:9.5px;color:var(--muted);cursor:pointer;white-space:nowrap}.check-line input{accent-color:var(--accent);width:13px;height:13px;margin:0}.tuning-strip{display:flex;gap:3px;flex-wrap:wrap;margin:2px 0 9px}.tuning-pill{font-size:8.5px;color:var(--text-2);background:#ffffff09;border:1px solid var(--border-soft);border-radius:4px;padding:2px 5px;font-variant-numeric:tabular-nums}.score-area{flex:1 1 auto;min-width:0;display:flex;flex-direction:column;background:radial-gradient(800px 500px at 50% 0%,rgba(var(--accent-rgb),.05),transparent 60%),repeating-linear-gradient(0deg,rgba(255,255,255,.012) 0,rgba(255,255,255,.012) 1px,transparent 1px,transparent 26px),#14110d}.score-scroll{flex:1 1 auto;min-height:0;overflow:auto;display:flex;justify-content:center;align-items:flex-start;padding:24px 22px 18px;scroll-behavior:smooth}.score-pages{display:flex;flex-direction:column;gap:26px;flex:0 0 auto}.score-scroll.single-line{justify-content:flex-start}.sheet-page{position:relative;background:var(--paper);box-shadow:0 2px 6px #00000059,0 22px 50px #00000052;border-radius:2px;overflow:hidden;animation:page-in .32s ease both;flex:0 0 auto}.sheet-svg{position:absolute;top:0;right:0;bottom:0;left:0}.sheet-page svg{display:block;width:100%;height:100%}.playhead-layer{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none;z-index:3;transform-origin:top left}.measure-hot{position:absolute;background:rgba(var(--accent-rgb),.14);border-left:2px solid rgba(var(--accent-rgb),.55);border-radius:3px;box-shadow:inset 0 0 0 1px rgba(var(--accent-rgb),.16);transition:width .12s ease}.playhead-line{position:absolute;width:2px;margin-left:-1px;background:var(--accent);border-radius:2px;box-shadow:0 0 9px rgba(var(--accent-rgb),.6)}.playhead-line:before{content:"";position:absolute;top:-6px;left:-4px;border-left:5px solid transparent;border-right:5px solid transparent;border-top:8px solid var(--accent)}.playhead-line:after{content:"";position:absolute;bottom:-2px;left:-2px;width:6px;height:6px;border-radius:50%;background:var(--accent)}.sheet-page .tab-slot{cursor:cell}.score-scroll.read-only .tab-slot,.score-scroll.read-only .score-note{cursor:default}.score-scroll.editable .notation-note{cursor:pointer}@keyframes page-in{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.transport{flex:0 0 auto;border-top:1px solid var(--border);background:linear-gradient(180deg,#1e1a15f7,#16130ffc);padding:9px 16px 8px;display:flex;flex-direction:column;gap:6px;box-shadow:0 -8px 24px #00000029}.transport-main{display:flex;align-items:center;gap:10px}.play-button{flex:0 0 auto;width:40px;height:40px;border:0;border-radius:50%;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-contrast);display:grid;place-items:center;box-shadow:0 4px 16px rgba(var(--accent-rgb),.25);transition:transform .12s,filter .12s}.play-button:hover{filter:brightness(1.07);transform:scale(1.02)}.play-button.playing{animation:pulse 1.6s ease-in-out infinite}@keyframes pulse{0%,to{box-shadow:0 4px 16px rgba(var(--accent-rgb),.25)}50%{box-shadow:0 4px 26px rgba(var(--accent-rgb),.5)}}.stop-btn{width:30px;height:30px}.time-readout{display:flex;align-items:baseline;gap:3px;font-variant-numeric:tabular-nums;min-width:86px}.time-readout strong{font-size:13px;color:var(--text);font-weight:550}.bar-indicator{font-size:9.5px;color:var(--accent-2);white-space:nowrap;padding-left:4px}.time-readout span{font-size:9.5px;color:var(--faint)}.seek{flex:1 1 auto;-webkit-appearance:none;-moz-appearance:none;appearance:none;height:4px;border-radius:4px;background:linear-gradient(90deg,rgba(var(--accent-rgb),.5),#ffffff17);outline:none;cursor:pointer}.seek::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:12px;height:12px;border-radius:50%;background:var(--accent-2);border:2px solid #1a1712;box-shadow:0 1px 4px #0006}.seek::-moz-range-thumb{width:10px;height:10px;border:2px solid #1a1712;border-radius:50%;background:var(--accent-2)}.transport-options{display:flex;align-items:center;gap:14px;padding-left:50px;flex-wrap:wrap}.transport-toggle{display:inline-flex;align-items:center;gap:5px;font-size:9.5px;color:var(--faint);cursor:pointer;white-space:nowrap;transition:color .15s}.transport-toggle:hover{color:var(--text-2)}.transport-toggle.on{color:var(--accent-2)}.transport-toggle input{display:none}.loop-range{display:inline-flex;align-items:center;gap:4px;font-size:9.5px;color:var(--faint)}.loop-range input{width:40px;height:23px;border:1px solid var(--border);border-radius:5px;background:#14110d;color:var(--text-2);text-align:center;font-size:10px;outline:none}.speed-control{margin-left:auto;display:flex;align-items:center;gap:7px;color:var(--faint);font-size:9.5px;font-variant-numeric:tabular-nums}.speed-control input{width:96px;height:3px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#ffffff1f;border-radius:3px}.speed-control input::-webkit-slider-thumb{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:10px;height:10px;border-radius:50%;background:var(--text-2)}.status-bar{flex:0 0 var(--status-h);height:var(--status-h);display:flex;align-items:center;justify-content:space-between;gap:12px;padding:0 16px;border-top:1px solid var(--border);background:#15120e;font-size:8.5px;letter-spacing:.35px;color:var(--faint);white-space:nowrap}.status-engine{color:#8a7a62}.cursor-summary{display:grid;grid-template-columns:1fr 1fr;gap:8px;margin-bottom:10px;padding:8px 9px;border:1px solid var(--border-soft);border-radius:7px;background:#0f0d0a59}.cursor-summary>div{display:flex;flex-direction:column;gap:2px;min-width:0}.summary-label{font-size:8px;color:var(--faint);letter-spacing:.5px}.cursor-summary strong{font-size:10.5px;font-weight:550;color:var(--text-2)}.note-actions{display:flex;gap:5px;flex-wrap:wrap;margin-top:4px}.tech-grid{display:grid;grid-template-columns:1fr 1fr;gap:4px;margin-bottom:10px}.tech-grid .chip{height:27px;justify-content:flex-start;text-align:left}.empty-hint{margin:2px 0 4px;padding:10px;border:1px dashed var(--border);border-radius:7px;color:var(--faint);font-size:9.5px;line-height:1.65}.switch-list{display:flex;flex-direction:column;gap:2px;margin-bottom:10px}.switch-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:27px;font-size:10.5px;color:var(--text-2);cursor:pointer}.switch-row input{accent-color:var(--accent);width:14px;height:14px}.theme-switch{display:grid;grid-template-columns:1fr 1fr;gap:3px;background:#0f0d0a66;border:1px solid var(--border-soft);border-radius:7px;padding:3px;margin-bottom:10px}.theme-switch button{display:flex;align-items:center;justify-content:center;gap:5px;height:27px;border:1px solid transparent;border-radius:5px;background:transparent;color:var(--faint);font-size:9.5px}.theme-switch button.active{background:var(--panel-3);border-color:var(--border);color:var(--text-2)}.zoom-row{display:flex;align-items:center;gap:8px;font-size:9.5px;color:var(--faint);margin-bottom:10px}.zoom-row input{flex:1 1 auto;accent-color:var(--accent);height:3px}.zoom-value{width:34px;text-align:right;font-variant-numeric:tabular-nums;color:var(--text-2)}.link-btn{display:inline-flex;align-items:center;gap:6px;border:0;background:transparent;color:var(--accent-2);font-size:9.5px;padding:3px 0}.link-btn:hover{text-decoration:underline}.modal-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:22px;background:#080705ad;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px);animation:fade-in .18s ease both}@keyframes fade-in{0%{opacity:0}to{opacity:1}}.modal{width:min(480px,100%);max-height:86vh;display:flex;flex-direction:column;border:1px solid #3c352b;border-radius:14px;background:linear-gradient(180deg,#1f1b15,#191611);box-shadow:0 30px 80px #0000008c;animation:modal-in .22s cubic-bezier(.2,.8,.3,1) both}.modal-wide{width:min(660px,100%)}@keyframes modal-in{0%{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:translateY(0) scale(1)}}.modal-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;padding:17px 20px 13px;border-bottom:1px solid var(--border-soft)}.modal-head h2{margin:0;font-size:15px;font-weight:600;letter-spacing:.2px;color:var(--text)}.modal-head p{margin:4px 0 0;font-size:9.5px;color:var(--faint);line-height:1.5}.modal-body{padding:16px 20px;overflow-y:auto}.modal-foot{padding:12px 20px 16px;border-top:1px solid var(--border-soft);display:flex;justify-content:flex-end;gap:8px}.export-grid{display:flex;flex-direction:column;gap:6px}.export-card{display:flex;align-items:center;gap:12px;width:100%;padding:10px 12px;border:1px solid var(--border-soft);border-radius:9px;background:#ffffff05;color:var(--text-2);text-align:left;transition:border-color .15s,background .15s,transform .12s}.export-card:hover:not(:disabled){border-color:rgba(var(--accent-rgb),.45);background:var(--accent-soft);transform:translateY(-1px)}.export-icon{flex:0 0 auto;width:36px;height:36px;display:grid;place-items:center;border-radius:9px;background:rgba(var(--accent-rgb),.1);color:var(--accent-2)}.export-copy{flex:1 1 auto;display:flex;flex-direction:column;gap:2px;min-width:0}.export-copy strong{font-size:11.5px;font-weight:550;color:var(--text)}.export-copy small{font-size:9px;color:var(--faint);line-height:1.5}.dialog-note{margin:14px 0 0;font-size:9px;line-height:1.65;color:var(--faint);border-top:1px solid var(--border-soft);padding-top:11px}.spinner{width:14px;height:14px;border-radius:50%;border:2px solid rgba(var(--accent-rgb),.25);border-top-color:var(--accent-2);animation:spin .7s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.shortcut-table{display:flex;flex-direction:column;gap:1px}.shortcut-row{display:flex;align-items:center;gap:14px;padding:6px 2px;border-bottom:1px solid rgba(255,255,255,.035)}.shortcut-row:last-child{border-bottom:0}.shortcut-row kbd{flex:0 0 132px;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:9.5px;color:var(--accent-2);background:rgba(var(--accent-rgb),.08);border:1px solid rgba(var(--accent-rgb),.18);border-radius:4px;padding:3px 6px;text-align:center}.shortcut-row span{font-size:10.5px;color:var(--text-2);line-height:1.5}.about-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.about-block{padding:12px;border:1px solid var(--border-soft);border-radius:9px;background:#ffffff05}.about-block h3{display:flex;align-items:center;gap:6px;margin:0 0 6px;font-size:10.5px;font-weight:600;color:var(--accent-2)}.about-block p{margin:0;font-size:9.5px;line-height:1.65;color:var(--muted)}.toast{position:fixed;left:50%;bottom:104px;transform:translate(-50%);z-index:200;max-width:min(560px,80vw);padding:9px 16px;border:1px solid #4a3d2b;border-radius:8px;background:#272119f7;color:var(--text);font-size:10.5px;line-height:1.5;box-shadow:0 12px 36px #00000073;animation:toast-in .25s cubic-bezier(.2,.8,.3,1) both}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}.drop-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:150;display:grid;place-items:center;background:#0c0a08c7;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);pointer-events:none}.drop-card{display:flex;flex-direction:column;align-items:center;gap:9px;padding:38px 52px;border:1.5px dashed rgba(var(--accent-rgb),.65);border-radius:16px;background:#1f1a14b3;color:var(--accent-2);box-shadow:0 0 60px rgba(var(--accent-rgb),.08)}.drop-card strong{font-size:15px;font-weight:550;color:var(--text)}.drop-card span{font-size:9.5px;color:var(--faint);letter-spacing:.4px}.hidden-input{display:none}@media(max-width:1320px){.tool-hint,.doc-file{display:none}}@media(max-width:1120px){.track-panel{width:218px}.inspector{width:246px}.brand-tag,.header-btn span{display:none}.header-btn{padding:0 7px}.transport-options{padding-left:0}}@media(max-width:920px){.track-panel,.inspector,.brand-copy{display:none}.doc-chip{margin-left:4px}.status-engine{display:none}.score-scroll{padding:14px 10px}}@media(prefers-reduced-motion:reduce){*,*:before,*:after{animation-duration:.001ms!important;transition-duration:.001ms!important}}.pan-knob{--pan-color: var(--muted);position:relative;flex:0 0 auto;width:30px;height:30px;padding:0;border:1px solid var(--border);border-radius:50%;background:var(--panel-2);color:var(--text-2);cursor:ew-resize;touch-action:none;transition:border-color .15s,background .15s}.pan-knob:hover{border-color:var(--muted);background:var(--panel-3)}.pan-knob.dragging{--pan-color: var(--accent);border-color:var(--accent);background:var(--panel-3)}.pan-knob:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.pan-knob__ring{position:absolute;top:3px;right:3px;bottom:3px;left:3px;border:1px solid color-mix(in srgb,var(--pan-color) 55%,transparent);border-radius:50%;opacity:.65;pointer-events:none}.pan-knob__needle{position:absolute;top:3px;left:50%;width:2px;height:7px;border-radius:2px;background:var(--pan-color);transform:translate(-50%) rotate(var(--pan-angle, 0deg));transform-origin:50% 12px;pointer-events:none}.pan-knob__icon{position:absolute;top:0;right:0;bottom:0;left:0;display:grid;place-items:center;pointer-events:none}.pan-knob__value{position:absolute;left:50%;bottom:-7px;transform:translate(-50%);padding:0 2px;border-radius:2px;background:var(--panel);color:var(--faint);font-size:6.5px;line-height:1;letter-spacing:-.02em;pointer-events:none}.pan-knob__value{color:var(--muted)}.pan-knob.dragging .pan-knob__value{color:var(--accent)}.track-main{padding-left:1px}.mobile-bar{display:none}@media(max-width:920px){.toolbar{display:none}.desktop-only{display:none!important}.app-header{gap:8px;padding:0 10px}.app-header .header-actions{margin-left:auto;gap:2px}.app-header .header-btn{height:34px;padding:0 8px}.score-area{min-height:0}.mobile-bar{display:flex;flex:0 0 auto;flex-direction:column;gap:7px;padding:8px 10px 9px;border-bottom:1px solid var(--border);background:linear-gradient(180deg,#201c16fa,#181511fa)}.mobile-notice{font-size:10.5px;line-height:1.35;color:var(--accent-2);letter-spacing:.2px}.mobile-controls{display:flex;align-items:center;gap:6px;flex-wrap:wrap;padding-bottom:1px}.mobile-controls::-webkit-scrollbar{display:none}.mobile-field{display:flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--faint);font-size:10px}.mobile-field select{height:34px;max-width:112px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text-2);padding:0 7px;font-size:12px}.mobile-segment,.mobile-zoom{display:flex;align-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--panel-2)}.mobile-segment button,.mobile-zoom button,.mobile-help{min-width:38px;height:34px;border:0;background:transparent;color:var(--muted);padding:0 8px;font-size:11px}.mobile-segment button.active{background:var(--accent-soft);color:var(--accent-2)}.mobile-zoom span{min-width:38px;text-align:center;font-size:10px;color:var(--text-2)}.mobile-zoom button{font-size:17px;line-height:1}.mobile-help{border:1px solid var(--border);border-radius:7px;background:var(--panel-2);flex:0 0 auto}.score-scroll{padding:10px 8px calc(12px + env(safe-area-inset-bottom))}.score-pages{gap:16px}.transport{padding:8px 10px calc(8px + env(safe-area-inset-bottom))}.transport-main{flex-wrap:wrap;gap:7px}.transport-main .seek{min-width:110px}.time-readout{min-width:72px}.bar-indicator{padding-left:0}.transport-options{padding-left:0;flex-wrap:nowrap;overflow-x:auto;gap:11px;scrollbar-width:none;padding-bottom:2px}.transport-options::-webkit-scrollbar{display:none}.transport-toggle,.transport-option{min-height:32px}}.inspector-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:7px 0;border-top:1px solid var(--border-soft);color:var(--muted);font-size:11px}.inspector-row select{height:26px;border:1px solid var(--border);border-radius:5px;background:var(--panel-2);color:var(--text-2);padding:0 6px;font-size:11px}.volume-control{display:inline-flex;align-items:center;gap:6px;flex:0 0 auto;color:var(--muted);font-size:10px}.volume-control input[type=range]{width:76px;accent-color:var(--accent-2)}.volume-control span:last-child{min-width:30px;color:var(--text-2);font-variant-numeric:tabular-nums}.mobile-mute-solo{display:flex;align-items:center;flex:0 0 auto;border:1px solid var(--border);border-radius:7px;overflow:hidden;background:var(--panel-2)}.mobile-mute-solo button{width:36px;height:34px;border:0;background:transparent;color:var(--muted);font-size:11px;font-weight:650}.mobile-mute-solo button.mute.active{background:#d96b5a33;color:#e08c7f}.mobile-mute-solo button.solo.active{background:rgba(var(--accent-rgb),.22);color:var(--accent-2)}@media(max-width:920px){.score-scroll{justify-content:flex-start}.status-bar{display:none}.app-header{height:52px}.app-header .brand-logo{width:30px;height:30px}}.tuner-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:200;display:flex;align-items:center;justify-content:center;padding:20px;background:#080705b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.tuner-card{width:min(720px,100%);max-height:calc(100vh - 40px);overflow:auto;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#221e18,#171410);box-shadow:0 24px 80px #0000008c;padding:18px 20px 16px}.tuner-header{display:flex;align-items:flex-start;justify-content:space-between;gap:12px}.tuner-header h2{margin:0;font-size:19px;font-weight:600;letter-spacing:.3px}.tuner-header p{margin:4px 0 0;color:var(--faint);font-size:10px;line-height:1.5}.tuner-pickers{display:grid;grid-template-columns:1.1fr 1.4fr .8fr auto;gap:8px;margin-top:14px}.tuner-pickers label{display:flex;flex-direction:column;gap:4px;color:var(--faint);font-size:9.5px}.tuner-pickers select,.tuner-pickers input{height:32px;min-width:0;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text-2);padding:0 8px;font-size:12px}.tuner-toggle{align-self:end;height:32px;padding:0 12px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--text-2);font-size:11px}.tuner-toggle.on{border-color:rgba(var(--accent-rgb),.55);color:var(--accent-2);background:var(--accent-soft)}.tuner-display{display:grid;grid-template-columns:1fr 1fr 1.2fr;gap:14px;align-items:center;margin-top:14px;padding:16px;border:1px solid var(--border);border-radius:11px;background:radial-gradient(420px 160px at 50% 0%,rgba(var(--accent-rgb),.09),transparent 70%),#14110d}.tuner-display.in-tune{border-color:#7bc08473}.tuner-note{display:flex;flex-direction:column;gap:2px}.tuner-note strong{font-family:Iowan Old Style,Georgia,serif;font-size:64px;line-height:.95;color:var(--text);font-weight:500;letter-spacing:-2px}.tuner-note span{color:var(--faint);font-size:10px;font-variant-numeric:tabular-nums}.tuner-target{display:flex;flex-direction:column;gap:3px;border-left:1px solid var(--border);padding-left:14px}.tuner-target strong{color:var(--accent-2);font-size:24px;font-weight:500}.tuner-target span{color:var(--faint);font-size:10px}.tuner-string{color:var(--muted)!important;font-size:11px!important}.tuner-cents{display:flex;flex-direction:column;gap:4px}.tuner-cents-value{font-size:21px;color:var(--text-2);font-variant-numeric:tabular-nums;text-align:right}.tuner-display.in-tune .tuner-cents-value{color:#8bd39a}.tuner-meter{position:relative;height:16px;border-radius:8px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.06) 0 1px,transparent 1px 12px),#0f0d0a;overflow:hidden}.tuner-meter-center{position:absolute;left:50%;top:0;bottom:0;width:2px;margin-left:-1px;background:#8bd39ab3}.tuner-needle{position:absolute;left:50%;top:2px;bottom:2px;width:3px;margin-left:-1.5px;border-radius:2px;background:var(--accent-2);transition:transform .08s linear}.tuner-display.in-tune .tuner-needle{background:#8bd39a}.tuner-meter-labels{display:flex;justify-content:space-between;color:var(--faint);font-size:8px}.tuner-status{display:flex;align-items:center;gap:7px;min-height:26px;margin-top:10px;color:var(--muted);font-size:10.5px}.tuner-clarity{margin-left:auto;color:var(--faint)}.tuner-led{width:7px;height:7px;border-radius:50%;background:var(--faint);flex:0 0 auto}.tuner-led.listening{background:var(--accent-2);box-shadow:0 0 8px rgba(var(--accent-rgb),.7)}.tuner-led.ok{background:#8bd39a;box-shadow:0 0 8px #8bd39acc}.tuner-level{height:3px;border-radius:3px;background:#0f0d0a;overflow:hidden}.tuner-level div{height:100%;background:linear-gradient(90deg,#7bc084,var(--accent-2));transition:width .08s linear}.tuner-strings{display:flex;flex-wrap:wrap;gap:6px;margin-top:12px}.tuner-strings button{display:flex;align-items:center;gap:6px;height:32px;padding:0 10px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--muted)}.tuner-strings button span{font-size:9px;color:var(--faint)}.tuner-strings button strong{font-size:12px;font-weight:500}.tuner-strings button.active{border-color:rgba(var(--accent-rgb),.6);color:var(--accent-2);background:var(--accent-soft)}.tuner-strings .tuner-auto{margin-left:auto;font-size:10px}.tuner-hint{margin:10px 0 0;color:var(--faint);font-size:9.5px;line-height:1.5}@media(max-width:920px){.tuner-overlay{padding:0;align-items:stretch}.tuner-card{width:100%;min-height:100dvh;max-height:100vh;border-radius:0;border:0;padding:14px 14px calc(16px + env(safe-area-inset-bottom))}.tuner-pickers{grid-template-columns:1fr 1fr}.tuner-toggle{align-self:stretch}.tuner-display{grid-template-columns:1fr 1fr;padding:12px}.tuner-cents{grid-column:1 / -1}.tuner-note strong{font-size:52px}.tuner-target{border-left:0;padding-left:0}.tuner-strings{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.tuner-strings::-webkit-scrollbar{display:none}}.chord-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:190;display:flex;align-items:center;justify-content:center;padding:18px;background:#080705b8;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.chord-card{width:min(1080px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#221e18,#171410);box-shadow:0 24px 80px #0000008c;padding:16px 18px 14px}.chord-header{display:flex;justify-content:space-between;gap:12px}.chord-header h2{margin:0;font-size:18px;font-weight:600}.chord-header p{margin:4px 0 0;color:var(--faint);font-size:10px}.chord-root-row{display:flex;gap:4px;flex-wrap:wrap;margin-top:12px}.chord-root-row button{min-width:38px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--muted);font-size:11px}.chord-root-row button.active{border-color:var(--accent);color:var(--accent-2);background:var(--accent-soft)}.chord-controls{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;margin-top:10px}.chord-controls label{display:flex;flex-direction:column;gap:4px;color:var(--faint);font-size:9.5px}.chord-controls select{height:30px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--text-2);padding:0 8px;font-size:11px}.chord-count{margin-left:auto;align-self:center;color:var(--faint);font-size:10px}.chord-list{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px;margin-top:11px}.chord-item{display:flex;flex-direction:column;align-items:stretch;gap:2px;padding:8px 7px 7px;border:1px solid var(--border-soft);border-radius:9px;background:#15120e;color:var(--text-2);transition:border-color .12s,background .12s}.chord-item:hover{border-color:rgba(var(--accent-rgb),.38)}.chord-item.active{border-color:var(--accent);background:rgba(var(--accent-rgb),.08)}.chord-diagram{width:100%;height:96px;color:var(--text-2)}.chord-item-label{display:flex;flex-direction:column;gap:1px;min-width:0;text-align:left}.chord-item-label strong{color:var(--text);font-size:12px;font-weight:550;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chord-item-label span{color:var(--faint);font-size:9px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.chord-empty{grid-column:1 / -1;padding:30px;text-align:center;color:var(--faint);font-size:11px}.chord-hint{margin:12px 0 0;color:var(--faint);font-size:9.5px;line-height:1.5}@media(max-width:920px){.chord-overlay{padding:0;align-items:stretch}.chord-card{width:100%;min-height:100dvh;max-height:100vh;border-radius:0;border:0;padding:13px 10px calc(14px + env(safe-area-inset-bottom))}.chord-root-row{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.chord-root-row::-webkit-scrollbar{display:none}.chord-root-row button{min-width:36px}.chord-controls{gap:6px}.chord-controls label{flex:1 1 30%}.chord-controls select{width:100%}.chord-count{flex:1 1 100%;margin-left:0;text-align:right}.chord-list{grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.chord-diagram{height:104px}.chord-item{padding:6px 4px}.chord-item-label strong{font-size:11px}}.fretboard-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:195;display:flex;align-items:center;justify-content:center;padding:18px;background:#080705bd;-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px)}.fretboard-card{width:min(1160px,100%);max-height:calc(100vh - 36px);overflow:auto;border:1px solid var(--border);border-radius:14px;background:linear-gradient(180deg,#221e18,#171410);box-shadow:0 24px 80px #0000008c;padding:16px 18px 13px}.fretboard-header{display:flex;justify-content:space-between;gap:12px}.fretboard-header h2{margin:0;font-size:18px;font-weight:600}.fretboard-header p{margin:4px 0 0;color:var(--faint);font-size:10px}.fretboard-controls{display:flex;align-items:flex-end;gap:9px;flex-wrap:wrap;margin-top:10px}.fretboard-controls label{display:flex;flex-direction:column;gap:4px;color:var(--faint);font-size:9.5px}.fretboard-controls select{height:30px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--text-2);padding:0 8px;font-size:12px}.fretboard-check{flex-direction:row!important;align-items:center;gap:5px!important;min-height:30px;color:var(--muted)!important}.fretboard-mode-label{margin-left:auto;color:var(--accent-2);font-size:10px}.fretboard-segment{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden}.fretboard-segment button{height:30px;border:0;background:var(--panel-2);color:var(--muted);padding:0 9px;font-size:10px}.fretboard-segment button.active{background:var(--accent-soft);color:var(--accent-2)}.fretboard-shapes{display:flex;gap:5px;flex-wrap:wrap;margin-top:8px}.fretboard-shapes button{display:flex;align-items:center;gap:5px;height:28px;padding:0 8px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--muted)}.fretboard-shapes button span{width:7px;height:7px;border-radius:50%}.fretboard-shapes button strong{font-size:11px;color:var(--text-2)}.fretboard-shapes button em{font-style:normal;font-size:8px;color:var(--faint)}.fretboard-shapes button.active{background:#ffffff0b;box-shadow:0 0 0 1px #ffffff14 inset}.fretboard-scroll{margin-top:10px;overflow-x:auto;overflow-y:hidden;border:1px solid var(--border);border-radius:9px;background:#14110d;scrollbar-width:thin}.fretboard-svg{display:block;width:100%;min-width:930px;height:auto;color:var(--text-2);padding:7px 4px 0}.fretboard-note{cursor:pointer;outline:none}.fretboard-note circle.scale{fill:#7bb8a4;opacity:.9}.fretboard-note circle.root{fill:var(--accent-2)}.fretboard-note circle.muted{fill:none;stroke:currentColor;stroke-width:.8;opacity:.22}.fretboard-note:hover circle.scale,.fretboard-note:hover circle.root{filter:brightness(1.15)}.fretboard-note:focus-visible circle{stroke:#fff;stroke-width:2}.fretboard-shape-ring{fill:none;stroke-width:1.7;opacity:.9;pointer-events:none}.fretboard-footer{display:flex;align-items:center;gap:14px;flex-wrap:wrap;margin-top:9px;color:var(--faint);font-size:9px}.fretboard-legend{display:inline-flex;align-items:center;gap:4px}.fretboard-legend i{width:8px;height:8px;border-radius:50%;display:inline-block}.fretboard-legend i.root{background:var(--accent-2)}.fretboard-legend i.scale{background:#7bb8a4}.fretboard-legend i.muted{border:1px solid var(--faint)}.fretboard-current{margin-left:auto;color:var(--text-2)}.fretboard-hint{margin:9px 0 0;color:var(--faint);font-size:9px;line-height:1.5}@media(max-width:920px){.fretboard-overlay{padding:0;align-items:stretch}.fretboard-card{width:100%;min-height:100dvh;max-height:100vh;border-radius:0;border:0;padding:13px 10px calc(14px + env(safe-area-inset-bottom))}.fretboard-controls{gap:6px}.fretboard-controls label{flex:1 1 32%}.fretboard-controls select{width:100%}.fretboard-mode-label{flex:1 1 100%;margin-left:0;text-align:right}.fretboard-shapes{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none}.fretboard-shapes::-webkit-scrollbar{display:none}.fretboard-svg{min-width:930px}.fretboard-footer{gap:9px}.fretboard-current{margin-left:0;flex:1 1 100%}}.accent-picker{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 0;color:var(--muted);font-size:11px}.accent-swatches{display:flex;flex-wrap:wrap;gap:5px;justify-content:flex-end}.accent-swatches button{width:18px;height:18px;border:2px solid transparent;border-radius:50%;padding:0;box-shadow:0 0 0 1px #ffffff1f}.accent-swatches button.active{border-color:var(--text);box-shadow:0 0 0 2px var(--bg)}.app[data-ui-theme=light]{color-scheme:light;--bg: #f2eee6;--bg-2: #e9e3d8;--panel: #fbf8f1;--panel-2: #f1ece1;--panel-3: #e8e1d4;--border: #d5cbbb;--border-soft: #e3dbcd;--text: #211d17;--text-2: #51493d;--muted: #776d5e;--faint: #8f8372}.app[data-ui-theme=light]{background:radial-gradient(1000px 600px at 18% -10%,rgba(var(--accent-rgb),.08),transparent 60%),var(--bg)}.app[data-ui-theme=light] .app-header{background:linear-gradient(180deg,#fffcf6f7,#f3eee4f7);border-bottom-color:var(--border)}.app[data-ui-theme=light] .brand-name{color:#2a241b}.app[data-ui-theme=light] .brand-tag{color:var(--faint)}.app[data-ui-theme=light] .doc-chip{background:#ffffff8c;border-color:var(--border-soft)}.app[data-ui-theme=light] .doc-title{color:var(--text-2)}.app[data-ui-theme=light] .header-btn:hover,.app[data-ui-theme=light] .icon-btn:hover{background:var(--panel-2)}.app[data-ui-theme=light] .toolbar{background:#faf6eef0;border-bottom-color:var(--border)}.app[data-ui-theme=light] .tool-btn:hover,.app[data-ui-theme=light] .duration-btn:hover,.app[data-ui-theme=light] .icon-btn:hover{background:#ffffff8c}.app[data-ui-theme=light] .duration-btn{background:#fffdf8;border-color:var(--border)}.app[data-ui-theme=light] .duration-btn.active,.app[data-ui-theme=light] .chip.active{color:var(--accent);background:var(--accent-soft);border-color:var(--accent)}.app[data-ui-theme=light] .theme-switch{background:#fffdf8;border-color:var(--border)}.app[data-ui-theme=light] .theme-switch button{color:var(--muted)}.app[data-ui-theme=light] .theme-switch button.active{background:var(--accent-soft);color:var(--accent)}.app[data-ui-theme=light] .panel{background:linear-gradient(180deg,#fdfaf4fa,#f6f1e8fa)}.app[data-ui-theme=light] .track-panel{border-right-color:var(--border)}.app[data-ui-theme=light] .inspector{border-left-color:var(--border)}.app[data-ui-theme=light] .panel-section{border-bottom-color:var(--border-soft)}.app[data-ui-theme=light] .track-item:hover{background:#ffffff80}.app[data-ui-theme=light] .track-item.active{background:var(--accent-soft)}.app[data-ui-theme=light] .field-input input,.app[data-ui-theme=light] .field-input select,.app[data-ui-theme=light] .field-input textarea,.app[data-ui-theme=light] .mobile-field select,.app[data-ui-theme=light] .tuner-pickers select,.app[data-ui-theme=light] .tuner-pickers input,.app[data-ui-theme=light] .chord-controls select,.app[data-ui-theme=light] .fretboard-controls select{background:#fffdf8;border-color:var(--border);color:var(--text-2)}.app[data-ui-theme=light] .mini-toggle{background:#fffdf8;border-color:var(--border)}.app[data-ui-theme=light] .mini-toggle:hover{background:var(--panel-2)}.app[data-ui-theme=light] .switch-row,.app[data-ui-theme=light] .inspector-row{border-color:var(--border-soft)}.app[data-ui-theme=light] .score-area{background:radial-gradient(800px 500px at 50% 0%,rgba(var(--accent-rgb),.05),transparent 60%),#e8e1d5}.app[data-ui-theme=light] .score-scroll{background:#e8e1d5}.app[data-ui-theme=light] .sheet-page{box-shadow:0 8px 30px #372d1e24}.app[data-ui-theme=light] .transport{background:linear-gradient(180deg,#fdf9f2fa,#f2ece1fc);border-top-color:var(--border);box-shadow:0 -8px 24px #46372314}.app[data-ui-theme=light] .status-bar{background:#eee8dc;border-top-color:var(--border);color:var(--faint)}.app[data-ui-theme=light] .transport-options{color:var(--muted)}.app[data-ui-theme=light] .mobile-bar{background:linear-gradient(180deg,#fdf9f2fa,#f3ede3fa);border-bottom-color:var(--border)}.app[data-ui-theme=light] .mobile-notice{color:var(--accent)}.app[data-ui-theme=light] .mobile-segment,.app[data-ui-theme=light] .mobile-zoom,.app[data-ui-theme=light] .mobile-help,.app[data-ui-theme=light] .mobile-mute-solo{background:#fffdf8}.app[data-ui-theme=light] .modal,.app[data-ui-theme=light] .tuner-card,.app[data-ui-theme=light] .chord-card,.app[data-ui-theme=light] .fretboard-card{background:linear-gradient(180deg,#fffdf8,#f3ede3);border-color:var(--border);box-shadow:0 24px 70px #372b1c40}.app[data-ui-theme=light] .modal{border-color:var(--border)}.app[data-ui-theme=light] .modal-head,.app[data-ui-theme=light] .modal-foot{border-color:var(--border-soft)}.app[data-ui-theme=light] .export-card,.app[data-ui-theme=light] .about-block{background:#ffffff80;border-color:var(--border-soft)}.app[data-ui-theme=light] .export-card:hover:not(:disabled){background:var(--accent-soft)}.app[data-ui-theme=light] .shortcut-row{border-color:var(--border-soft)}.app[data-ui-theme=light] .shortcut-row kbd,.app[data-ui-theme=light] .tuner-display,.app[data-ui-theme=light] .fretboard-scroll{background:#fffdf8;border-color:var(--border)}.app[data-ui-theme=light] .tuner-meter,.app[data-ui-theme=light] .tuner-level{background:#e1d8c8}.app[data-ui-theme=light] .tuner-strings button,.app[data-ui-theme=light] .chord-item,.app[data-ui-theme=light] .chord-root-row button,.app[data-ui-theme=light] .fretboard-shapes button{background:#fffdf8;border-color:var(--border-soft)}.app[data-ui-theme=light] .chord-item.active{background:var(--accent-soft)}.app[data-ui-theme=light] .fretboard-svg{color:var(--text-2)}.app[data-ui-theme=light] .toast{background:#fffdf8;color:var(--text);border-color:var(--border);box-shadow:0 12px 32px #372d1e33}.app[data-ui-theme=light] .modal-backdrop,.app[data-ui-theme=light] .tuner-overlay,.app[data-ui-theme=light] .chord-overlay,.app[data-ui-theme=light] .fretboard-overlay{background:#483e3047}.ui-theme-row{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:8px 0 0;color:var(--muted);font-size:11px}.ui-theme-row .theme-switch{flex:1 1 auto}.theme-row-label{margin-top:7px;color:var(--faint);font-size:9px;letter-spacing:.3px}@media(max-width:920px){.app[data-ui-theme=light] .score-scroll{background:#e8e1d5}}.app[data-ui-style=modern][data-ui-theme=dark]{--bg: #090d12;--bg-2: #0c1117;--panel: #10161d;--panel-2: #151d26;--panel-3: #1b2530;--border: #24303c;--border-soft: #1a242e;--text: #e7eef7;--text-2: #aebbc9;--muted: #778595;--faint: #4f5d6c;color-scheme:dark}.app[data-ui-style=modern][data-ui-theme=light]{--bg: #f4f6f9;--bg-2: #edf0f4;--panel: #ffffff;--panel-2: #f4f6f9;--panel-3: #e9edf2;--border: #dce2ea;--border-soft: #e9edf2;--text: #0f1720;--text-2: #43505f;--muted: #6b7887;--faint: #9aa5b1;color-scheme:light}.app[data-ui-style=modern]{background:var(--bg)}.app[data-ui-style=modern] .app-header{background:var(--panel);border-bottom:1px solid var(--border);box-shadow:none}.app[data-ui-style=modern] .brand-logo{width:30px;height:30px;filter:none}.app[data-ui-style=modern] .brand-name{font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:17px;font-weight:650;letter-spacing:-.2px;color:var(--text)}.app[data-ui-style=modern] .brand-cn{color:var(--text-2);letter-spacing:1.4px}.app[data-ui-style=modern] .brand-badge{border-color:var(--border);color:var(--muted);transform:none;font-size:7.5px}.app[data-ui-style=modern] .brand-tag{color:var(--faint);letter-spacing:.6px}.app[data-ui-style=modern] .doc-chip{background:var(--panel-2);border-color:var(--border);border-radius:6px}.app[data-ui-style=modern] .doc-title{color:var(--text-2)}.app[data-ui-style=modern] .header-btn,.app[data-ui-style=modern] .icon-btn{border-radius:6px}.app[data-ui-style=modern] .header-btn:hover,.app[data-ui-style=modern] .icon-btn:hover{background:var(--panel-2)}.app[data-ui-style=modern] .header-btn.primary{background:var(--accent);background-image:none;color:var(--accent-contrast);border:1px solid var(--accent);border-radius:6px;box-shadow:none}.app[data-ui-style=modern] .toolbar{background:var(--panel);border-bottom:1px solid var(--border);min-height:42px}.app[data-ui-style=modern] .tool-btn{border-radius:5px}.app[data-ui-style=modern] .duration-btn{background:transparent;border-color:var(--border);border-radius:5px}.app[data-ui-style=modern] .duration-btn:hover,.app[data-ui-style=modern] .tool-btn:hover{background:var(--panel-2)}.app[data-ui-style=modern] .duration-btn.active,.app[data-ui-style=modern] .chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.app[data-ui-style=modern] .chip{border-color:var(--border);border-radius:4px;color:var(--muted)}.app[data-ui-style=modern] .chip:hover{border-color:var(--accent);color:var(--text)}.app[data-ui-style=modern] .tool-divider{background:var(--border)}.app[data-ui-style=modern] .panel{background:var(--panel);border-color:var(--border)}.app[data-ui-style=modern] .track-panel,.app[data-ui-style=modern] .inspector{background:var(--panel)}.app[data-ui-style=modern] .panel-section{border-bottom-color:var(--border-soft)}.app[data-ui-style=modern] .panel-heading h3{color:var(--text-2);letter-spacing:.3px}.app[data-ui-style=modern] .track-item{background:transparent;border-color:var(--border-soft);border-radius:6px}.app[data-ui-style=modern] .track-item:hover{background:var(--panel-2)}.app[data-ui-style=modern] .track-item.active{background:var(--accent-soft);border-color:var(--accent)}.app[data-ui-style=modern] .field-input input,.app[data-ui-style=modern] .field-input select,.app[data-ui-style=modern] .field-input textarea,.app[data-ui-style=modern] .mini-toggle,.app[data-ui-style=modern] .theme-switch,.app[data-ui-style=modern] .mobile-field select,.app[data-ui-style=modern] .tuner-pickers select,.app[data-ui-style=modern] .tuner-pickers input,.app[data-ui-style=modern] .chord-controls select,.app[data-ui-style=modern] .fretboard-controls select{background:var(--panel-2);border-color:var(--border);border-radius:6px;color:var(--text-2);box-shadow:none}.app[data-ui-style=modern] .theme-switch{border-radius:6px}.app[data-ui-style=modern] .theme-switch button{border-radius:4px}.app[data-ui-style=modern] .theme-switch button.active{background:var(--accent);color:var(--accent-contrast)}.app[data-ui-style=modern] .score-area,.app[data-ui-style=modern] .score-scroll{background:var(--bg)}.app[data-ui-style=modern] .sheet-page{box-shadow:0 2px 12px #0000001f}.app[data-ui-style=modern][data-ui-theme=light] .sheet-page{box-shadow:0 2px 14px #0f17201a}.app[data-ui-style=modern] .transport{background:var(--panel);border-top:1px solid var(--border);box-shadow:none}.app[data-ui-style=modern] .play-button{background:var(--accent);background-image:none;color:var(--accent-contrast);box-shadow:none}.app[data-ui-style=modern] .play-button:hover{filter:brightness(1.06);transform:none}.app[data-ui-style=modern] .play-button.playing{animation:none;box-shadow:0 0 0 4px var(--accent-soft)}.app[data-ui-style=modern] .seek{background:var(--panel-3)}.app[data-ui-style=modern] .seek::-webkit-slider-thumb{background:var(--accent-2);border-color:var(--panel)}.app[data-ui-style=modern] .transport-toggle{border-radius:5px}.app[data-ui-style=modern] .status-bar{background:var(--panel);border-top-color:var(--border);color:var(--faint)}.app[data-ui-style=modern] .mobile-bar{background:var(--panel);border-bottom:1px solid var(--border)}.app[data-ui-style=modern] .mobile-segment,.app[data-ui-style=modern] .mobile-zoom,.app[data-ui-style=modern] .mobile-help,.app[data-ui-style=modern] .mobile-mute-solo{background:var(--panel-2);border-color:var(--border)}.app[data-ui-style=modern] .mobile-segment button.active{background:var(--accent);color:var(--accent-contrast)}.app[data-ui-style=modern] .modal,.app[data-ui-style=modern] .tuner-card,.app[data-ui-style=modern] .chord-card,.app[data-ui-style=modern] .fretboard-card{background:var(--panel);border:1px solid var(--border);border-radius:8px;box-shadow:0 16px 48px #00000038}.app[data-ui-style=modern] .modal-head h2,.app[data-ui-style=modern] .tuner-header h2,.app[data-ui-style=modern] .chord-header h2,.app[data-ui-style=modern] .fretboard-header h2{color:var(--text)}.app[data-ui-style=modern] .export-card,.app[data-ui-style=modern] .about-block,.app[data-ui-style=modern] .chord-item,.app[data-ui-style=modern] .tuner-display,.app[data-ui-style=modern] .fretboard-scroll,.app[data-ui-style=modern] .tuner-strings button,.app[data-ui-style=modern] .chord-root-row button,.app[data-ui-style=modern] .fretboard-shapes button{background:var(--panel-2);border-color:var(--border);border-radius:6px}.app[data-ui-style=modern] .chord-item.active,.app[data-ui-style=modern] .chord-root-row button.active{background:var(--accent-soft);border-color:var(--accent)}.app[data-ui-style=modern] .tuner-meter,.app[data-ui-style=modern] .tuner-level{background:var(--panel-3)}.app[data-ui-style=modern] .toast{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:6px;box-shadow:0 8px 24px #0000002e}.app[data-ui-style=modern] .accent-swatches button{box-shadow:0 0 0 1px var(--border)}.app[data-ui-style=modern] .accent-swatches button.active{border-color:var(--text);box-shadow:0 0 0 2px var(--panel)}.mobile-bar.viewer-bar{display:flex;flex-direction:row;align-items:center;gap:14px;padding:7px 14px;border-bottom:1px solid var(--border);background:var(--panel)}.viewer-bar .mobile-notice{flex:0 0 auto;color:var(--accent-2);font-size:10px;white-space:nowrap}.viewer-bar .mobile-controls{flex:1 1 auto;flex-wrap:wrap;overflow:visible;padding:0}.header-btn.edit-active{background:var(--accent-soft);border:1px solid var(--accent);color:var(--accent-2)}@media(max-width:920px){.mobile-bar.viewer-bar{flex-direction:column;align-items:stretch}.viewer-bar .mobile-notice{white-space:normal}}.viewer-bar .mobile-controls{display:flex;align-items:center;gap:7px}.viewer-bar .mobile-field{display:flex;align-items:center;gap:5px;color:var(--faint);font-size:10px}.viewer-bar .mobile-field select{height:30px;max-width:150px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--text-2);padding:0 7px;font-size:11px}.viewer-bar .mobile-mute-solo,.viewer-bar .mobile-segment,.viewer-bar .mobile-zoom{display:flex;border:1px solid var(--border);border-radius:6px;overflow:hidden;background:var(--panel-2)}.viewer-bar .mobile-mute-solo button,.viewer-bar .mobile-segment button,.viewer-bar .mobile-zoom button{height:30px;border:0;background:transparent;color:var(--muted);padding:0 9px;font-size:10px}.viewer-bar .mobile-mute-solo button.active,.viewer-bar .mobile-segment button.active{background:var(--accent);color:var(--accent-contrast)}.viewer-bar .mobile-zoom span{min-width:38px;text-align:center;font-size:10px;color:var(--text-2);align-self:center}.viewer-bar .mobile-help{height:30px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--muted);padding:0 9px;font-size:10px}@media(max-width:920px){.viewer-bar .mobile-controls{display:flex}}.mobile-help.on,.viewer-bar .mobile-help.on{border-color:var(--accent);color:var(--accent-2);background:var(--accent-soft)}.track-icon{width:22px;height:22px;display:grid;place-items:center;flex:0 0 auto;opacity:.9}.instrument-icon{display:block;fill:currentColor}.track-item{flex-wrap:wrap}.track-volume{flex:1 0 100%;display:flex;align-items:center;gap:5px;padding:1px 2px 3px 34px;color:var(--faint);font-size:8.5px}.track-volume input{flex:1 1 auto;min-width:0;height:12px;accent-color:var(--track-color, var(--accent))}.track-volume span:last-child{min-width:28px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.mobile-volume{display:flex;align-items:center;gap:5px;flex:0 0 auto;color:var(--faint);font-size:9px}.mobile-volume input{width:58px;accent-color:var(--accent)}.mobile-volume span:last-child{min-width:28px;text-align:right;color:var(--muted);font-variant-numeric:tabular-nums}.viewer-bar .mobile-volume input{width:72px}.track-item{display:grid;grid-template-columns:30px minmax(0,1fr) auto;grid-template-rows:auto auto;align-items:center;column-gap:6px;row-gap:2px;padding:5px;position:relative;overflow:hidden}.track-item .pan-knob{grid-row:1 / 3;grid-column:1}.track-main{grid-column:2 / 4;grid-row:1;padding:2px 0}.track-actions{grid-column:3;grid-row:2;align-self:center}.track-volume{grid-column:2;grid-row:2;padding:0 1px 1px 0}.track-watermark{position:absolute;z-index:0;right:-2px;top:-20px;width:86px;height:86px;display:grid;place-items:center;color:var(--text);opacity:.04;transform:rotate(45deg);pointer-events:none;overflow:hidden}.track-watermark .instrument-icon{width:86px;height:86px}.track-item>:not(.track-watermark){position:relative;z-index:1}.track-item.active .track-watermark{color:var(--accent);opacity:.075}.track-item:hover .track-watermark{opacity:.06}.track-volume input{height:10px}.pan-knob__value{right:0;left:0;top:auto;bottom:auto;display:grid;place-items:center;font-size:7px;line-height:1;color:var(--faint);transform:none;padding:0;pointer-events:none}.pan-knob__needle{height:6px}.track-panel.read-only .edit-only{display:none}.track-panel.read-only{background:var(--panel)}.header-actions{align-items:center}.header-tools{display:flex;align-items:center;gap:1px;padding:2px;border:1px solid rgba(var(--accent-rgb),.36);border-radius:7px;background:var(--accent-soft)}.header-tools .header-btn{height:28px;padding:0 8px;border:0;background:transparent}.header-tools .header-btn:hover{background:rgba(var(--accent-rgb),.22)}.header-tools .header-btn:active{background:rgba(var(--accent-rgb),.28)}.header-menu-root{position:relative}.header-btn.menu-open{background:var(--panel-2);color:var(--text)}.header-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:60;min-width:178px;padding:4px;border:1px solid var(--border);border-radius:8px;background:var(--panel);box-shadow:0 12px 32px #00000047}.header-menu button{display:flex;align-items:center;gap:8px;width:100%;height:30px;padding:0 9px;border:0;border-radius:5px;background:transparent;color:var(--text-2);font-size:11px;text-align:left}.header-menu button:hover{background:var(--panel-2);color:var(--text)}.header-menu-sep{height:1px;margin:3px 4px;background:var(--border-soft)}.settings-trigger{padding:0 9px}.settings-dialog{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.settings-section{display:flex;flex-direction:column;gap:7px;min-width:0}.settings-section h3{margin:0 0 2px;color:var(--text-2);font-size:10px;font-weight:600;letter-spacing:.6px;text-transform:uppercase}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px;min-height:30px;padding:2px 0;border-bottom:1px solid var(--border-soft);color:var(--muted);font-size:10.5px}.settings-row:last-child{border-bottom:0}.settings-row>span:first-child{flex:0 0 auto}.settings-row select{max-width:165px;height:28px;border:1px solid var(--border);border-radius:6px;background:var(--panel-2);color:var(--text-2);padding:0 6px;font-size:10.5px}.settings-row input[type=checkbox]{accent-color:var(--accent)}.settings-range{flex:1 1 auto;max-width:120px;accent-color:var(--accent)}.settings-row em{min-width:32px;text-align:right;font-style:normal;color:var(--text-2);font-variant-numeric:tabular-nums}.settings-check{display:inline-flex;align-items:center;gap:4px;color:var(--text-2)}.settings-accent-row{align-items:flex-start}.settings-accent-row .accent-swatches{max-width:150px}.settings-dialog .theme-switch{flex:0 0 auto}.settings-dialog .theme-switch button{padding:0 7px;font-size:10px}@media(max-width:920px){.header-tools{padding:1px}.header-tools .header-btn{padding:0 7px}.settings-dialog{grid-template-columns:1fr}.settings-row select{max-width:190px}}.score-toolbar{display:flex;align-items:center;justify-content:space-between;gap:12px;flex:0 0 auto;min-height:44px;padding:7px 14px;border-bottom:1px solid var(--border);background:var(--panel)}.score-toolbar-left{display:flex;align-items:center;gap:7px;min-width:0;flex-wrap:wrap}.score-toolbar-group{display:flex;align-items:center;gap:1px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2)}.score-toolbar-group button,.score-toolbar-zoom button{display:grid;place-items:center;height:24px;min-width:26px;padding:0 7px;border:0;border-radius:5px;background:transparent;color:var(--muted);font-size:9.5px;line-height:1}.score-toolbar-group button:hover,.score-toolbar-zoom button:hover{color:var(--text);background:var(--panel-3)}.score-toolbar-group button.active{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent);box-shadow:0 1px 5px rgba(var(--accent-rgb),.28)}.score-toolbar-group button.active:hover{color:var(--accent-contrast);background:var(--accent)}.score-toolbar-zoom{display:flex;align-items:center;gap:2px;height:30px;padding:2px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2)}.score-toolbar-zoom span{min-width:35px;text-align:center;color:var(--text-2);font-size:9.5px;font-variant-numeric:tabular-nums}.score-toolbar-note{margin-left:auto;color:var(--faint);font-size:9.5px;letter-spacing:.15px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.settings-dialog{grid-template-columns:repeat(2,minmax(0,1fr));gap:14px}.settings-section{padding:14px;border:1px solid var(--border);border-radius:10px;background:var(--panel-2)}.settings-section h3{margin:0 0 4px;color:var(--text-2);font-size:10.5px;letter-spacing:.8px}.settings-row{min-height:36px;gap:12px}.settings-row>span:first-child{min-width:64px;color:var(--text-2);font-weight:500}.settings-row select{flex:1 1 auto;max-width:none;min-width:0;height:30px;background:var(--panel)}.settings-row .theme-switch{flex:0 0 auto}.settings-accent-row .accent-swatches{max-width:none}.settings-dialog .theme-switch button{padding:0 9px;font-size:10px}@media(max-width:1080px){.score-toolbar-note{max-width:250px}}@media(max-width:920px){.settings-dialog{grid-template-columns:1fr}.score-toolbar{padding:7px 10px}.score-toolbar-note{display:none}}.settings-section h3{display:flex;align-items:center;gap:6px}@media(max-width:920px){.score-toolbar{overflow:hidden}.score-toolbar-left{flex-wrap:nowrap;overflow-x:auto;scrollbar-width:none;padding-bottom:1px}.score-toolbar-left::-webkit-scrollbar{display:none}.score-toolbar-group button,.score-toolbar-zoom button{min-width:28px}}.fretboard-shapes button{opacity:.52;border-color:var(--border);transition:opacity .15s ease,border-color .15s ease,background .15s ease}.fretboard-shapes button strong{color:var(--faint)}.fretboard-shapes button em{color:var(--faint);opacity:.75}.fretboard-shapes button:hover{opacity:.78}.fretboard-shapes button.active{opacity:1;border-color:var(--shape-color, var(--accent));background:color-mix(in srgb,var(--shape-color, var(--accent)) 14%,var(--panel-2));box-shadow:0 0 0 1px color-mix(in srgb,var(--shape-color, var(--accent)) 35%,transparent) inset}.fretboard-shapes button.active span{background:var(--shape-color, var(--accent))}.fretboard-shapes button.active strong{color:var(--text)}.fretboard-shapes button.active em{color:var(--text-2);opacity:1}.app[data-ui-theme=light] .header-tools{background:rgba(var(--accent-rgb),.12);border-color:rgba(var(--accent-rgb),.34);box-shadow:0 1px 3px rgba(var(--accent-rgb),.08)}.app[data-ui-theme=light] .header-tools .header-btn{color:#4a4135}.app[data-ui-theme=light] .header-tools .header-btn svg{color:var(--accent)}.app[data-ui-theme=light] .header-tools .header-btn:hover{color:#211d17;background:rgba(var(--accent-rgb),.2)}.fretboard-note{transition:opacity .18s ease}.fretboard-note.outside-position{opacity:.22}.fretboard-note.outside-position:hover{opacity:.45}.fretboard-shapes button{opacity:.82}.fretboard-shapes.has-active button.active{opacity:1}.settings-row select{height:30px;padding:0 30px 0 9px;-webkit-appearance:none;-moz-appearance:none;appearance:none;background-color:var(--panel);background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 8'%3E%3Cpath d='M1 1.5 6 6.5l5-5' fill='none' stroke='%238a8175' stroke-width='1.6' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-position:right 8px center;background-size:6px 4px;background-repeat:no-repeat}.settings-row select:focus{outline:none;border-color:rgba(var(--accent-rgb),.55)}.app[data-ui-style=linear][data-ui-theme=dark]{--bg: #08090a;--bg-2: #0b0c0d;--panel: #0f1011;--panel-2: #16171a;--panel-3: #1d1e22;--border: #26282e;--border-soft: #1b1c20;--text: #f7f8f8;--text-2: #c9ccd3;--muted: #8a8f98;--faint: #62666d;color-scheme:dark}.app[data-ui-style=linear][data-ui-theme=light]{--bg: #f7f8fa;--bg-2: #f1f3f6;--panel: #ffffff;--panel-2: #f7f8fa;--panel-3: #eceff3;--border: #e1e4e9;--border-soft: #eef0f3;--text: #111216;--text-2: #3f434c;--muted: #6b7280;--faint: #9ba1aa;color-scheme:light}.app[data-ui-style=linear]{background:var(--bg);font-family:Inter,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";letter-spacing:-.01em}.app[data-ui-style=linear] .app-header{background:color-mix(in srgb,var(--panel) 86%,transparent);border-bottom:1px solid var(--border);box-shadow:none;-webkit-backdrop-filter:blur(18px) saturate(1.25);backdrop-filter:blur(18px) saturate(1.25)}.app[data-ui-style=linear] .brand-logo{width:30px;height:30px;border-radius:8px;filter:none}.app[data-ui-style=linear] .brand-name{color:var(--text);font-size:16px;font-weight:600;letter-spacing:-.35px}.app[data-ui-style=linear] .brand-cn{color:var(--muted);letter-spacing:1px}.app[data-ui-style=linear] .brand-badge{border-color:var(--border);color:var(--muted);transform:none;font-size:7px}.app[data-ui-style=linear] .brand-tag{color:var(--faint);letter-spacing:.5px}.app[data-ui-style=linear] .doc-chip{background:var(--panel-2);border:1px solid var(--border);border-radius:7px}.app[data-ui-style=linear] .doc-title{color:var(--text-2)}.app[data-ui-style=linear] .header-btn,.app[data-ui-style=linear] .icon-btn{border-radius:6px;color:var(--text-2)}.app[data-ui-style=linear] .header-btn:hover,.app[data-ui-style=linear] .icon-btn:hover{background:var(--panel-2);color:var(--text)}.app[data-ui-style=linear] .header-btn.primary{background:var(--accent);background-image:none;color:var(--accent-contrast);border:1px solid var(--accent);border-radius:6px;box-shadow:none}.app[data-ui-style=linear] .toolbar{background:var(--panel);border-bottom:1px solid var(--border);min-height:42px}.app[data-ui-style=linear] .tool-btn,.app[data-ui-style=linear] .duration-btn,.app[data-ui-style=linear] .chip{border-radius:5px}.app[data-ui-style=linear] .duration-btn{background:transparent;border-color:var(--border)}.app[data-ui-style=linear] .tool-btn:hover,.app[data-ui-style=linear] .duration-btn:hover{background:var(--panel-2)}.app[data-ui-style=linear] .duration-btn.active,.app[data-ui-style=linear] .chip.active{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.app[data-ui-style=linear] .chip{border-color:var(--border);color:var(--muted)}.app[data-ui-style=linear] .chip:hover{border-color:var(--muted);color:var(--text)}.app[data-ui-style=linear] .tool-divider{background:var(--border)}.app[data-ui-style=linear] .panel{background:var(--panel);border-color:var(--border)}.app[data-ui-style=linear] .track-panel,.app[data-ui-style=linear] .inspector{background:var(--panel)}.app[data-ui-style=linear] .panel-section{border-bottom-color:var(--border-soft)}.app[data-ui-style=linear] .panel-heading h3{color:var(--muted);font-size:9px;letter-spacing:.8px;text-transform:uppercase}.app[data-ui-style=linear] .track-item{background:transparent;border-color:transparent;border-radius:7px}.app[data-ui-style=linear] .track-item:hover{background:var(--panel-2)}.app[data-ui-style=linear] .track-item.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 55%,var(--border))}.app[data-ui-style=linear] .field-input input,.app[data-ui-style=linear] .field-input select,.app[data-ui-style=linear] .field-input textarea,.app[data-ui-style=linear] .mini-toggle,.app[data-ui-style=linear] .theme-switch,.app[data-ui-style=linear] .mobile-field select,.app[data-ui-style=linear] .tuner-pickers select,.app[data-ui-style=linear] .tuner-pickers input,.app[data-ui-style=linear] .chord-controls select,.app[data-ui-style=linear] .fretboard-controls select{background:var(--panel-2);border-color:var(--border);border-radius:6px;color:var(--text-2);box-shadow:none}.app[data-ui-style=linear] .field-input input:focus,.app[data-ui-style=linear] .field-input select:focus,.app[data-ui-style=linear] .field-input textarea:focus{border-color:var(--accent)}.app[data-ui-style=linear] .theme-switch{border-radius:6px}.app[data-ui-style=linear] .theme-switch button{border-radius:4px}.app[data-ui-style=linear] .theme-switch button.active{background:var(--accent);color:var(--accent-contrast)}.app[data-ui-style=linear] .score-area,.app[data-ui-style=linear] .score-scroll{background:var(--bg)}.app[data-ui-style=linear] .sheet-page{box-shadow:0 5px 22px #0000002e}.app[data-ui-style=linear][data-ui-theme=light] .sheet-page{box-shadow:0 4px 18px #0f172a14}.app[data-ui-style=linear] .score-toolbar{background:var(--panel);border-bottom-color:var(--border)}.app[data-ui-style=linear] .score-toolbar-group,.app[data-ui-style=linear] .score-toolbar-zoom{background:var(--panel-2);border-color:var(--border);border-radius:6px}.app[data-ui-style=linear] .score-toolbar-group button.active{background:var(--accent);color:var(--accent-contrast)}.app[data-ui-style=linear] .transport{background:var(--panel);border-top:1px solid var(--border);box-shadow:none}.app[data-ui-style=linear] .play-button{background:var(--accent);background-image:none;color:var(--accent-contrast);box-shadow:none}.app[data-ui-style=linear] .play-button:hover{filter:brightness(1.08);transform:none}.app[data-ui-style=linear] .play-button.playing{animation:none;box-shadow:0 0 0 4px var(--accent-soft)}.app[data-ui-style=linear] .seek{background:var(--panel-3)}.app[data-ui-style=linear] .seek::-webkit-slider-thumb{background:var(--accent-2);border-color:var(--panel)}.app[data-ui-style=linear] .status-bar{background:var(--panel);border-top-color:var(--border);color:var(--faint)}.app[data-ui-style=linear] .modal,.app[data-ui-style=linear] .tuner-card,.app[data-ui-style=linear] .chord-card,.app[data-ui-style=linear] .fretboard-card{background:var(--panel);border:1px solid var(--border);border-radius:10px;box-shadow:0 20px 60px #00000059}.app[data-ui-style=linear][data-ui-theme=light] .modal,.app[data-ui-style=linear][data-ui-theme=light] .tuner-card,.app[data-ui-style=linear][data-ui-theme=light] .chord-card,.app[data-ui-style=linear][data-ui-theme=light] .fretboard-card{box-shadow:0 18px 50px #0f172a2e}.app[data-ui-style=linear] .modal-head h2,.app[data-ui-style=linear] .tuner-header h2,.app[data-ui-style=linear] .chord-header h2,.app[data-ui-style=linear] .fretboard-header h2{color:var(--text);letter-spacing:-.2px}.app[data-ui-style=linear] .export-card,.app[data-ui-style=linear] .about-block,.app[data-ui-style=linear] .chord-item,.app[data-ui-style=linear] .tuner-display,.app[data-ui-style=linear] .fretboard-scroll,.app[data-ui-style=linear] .tuner-strings button,.app[data-ui-style=linear] .chord-root-row button,.app[data-ui-style=linear] .fretboard-shapes button{background:var(--panel-2);border-color:var(--border);border-radius:7px}.app[data-ui-style=linear] .chord-item.active,.app[data-ui-style=linear] .chord-root-row button.active{background:var(--accent-soft);border-color:var(--accent)}.app[data-ui-style=linear] .tuner-meter,.app[data-ui-style=linear] .tuner-level{background:var(--panel-3)}.app[data-ui-style=linear] .toast{background:var(--panel);color:var(--text);border:1px solid var(--border);border-radius:7px;box-shadow:0 10px 30px #00000040}.app[data-ui-style=linear] .accent-swatches button{box-shadow:0 0 0 1px var(--border)}.app[data-ui-style=linear] .accent-swatches button.active{border-color:var(--text);box-shadow:0 0 0 2px var(--panel)}.app[data-ui-style=linear] .mobile-bar{background:var(--panel);border-bottom:1px solid var(--border)}.app[data-ui-style=linear] .mobile-segment,.app[data-ui-style=linear] .mobile-zoom,.app[data-ui-style=linear] .mobile-help,.app[data-ui-style=linear] .mobile-mute-solo{background:var(--panel-2);border-color:var(--border)}.app[data-ui-style=linear] .mobile-segment button.active{background:var(--accent);color:var(--accent-contrast)}.settings-style-switch{grid-template-columns:repeat(3,minmax(0,1fr))}.app[data-ui-style] .track-item .mini-toggle.on{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.app[data-ui-style] .track-item .mini-toggle.on:hover{color:var(--accent-contrast);background:var(--accent);filter:brightness(1.08)}.track-volume input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:12px;background:transparent;cursor:pointer}.track-volume input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px;background:linear-gradient(90deg,var(--accent) 0 var(--vol, 50%),var(--panel-3) var(--vol, 50%) 100%)}.track-volume input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:8px;height:8px;margin-top:-2.5px;border:0;border-radius:50%;background:var(--accent-2)}.track-volume input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:var(--panel-3)}.track-volume input[type=range]::-moz-range-progress{height:3px;border-radius:999px;background:var(--accent)}.track-volume input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--accent-2)}.app[data-ui-style] .seek,.app[data-ui-style] .volume-control input[type=range]{-moz-appearance:none;appearance:none;-webkit-appearance:none;height:12px;background:transparent;outline:none;cursor:pointer}.app[data-ui-style] .seek::-webkit-slider-runnable-track,.app[data-ui-style] .volume-control input[type=range]::-webkit-slider-runnable-track{height:3px;border-radius:999px}.app[data-ui-style] .seek::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent) 0 var(--seek, 0%),var(--panel-3) var(--seek, 0%) 100%)}.app[data-ui-style] .volume-control input[type=range]::-webkit-slider-runnable-track{background:linear-gradient(90deg,var(--accent) 0 var(--vol, 50%),var(--panel-3) var(--vol, 50%) 100%)}.app[data-ui-style] .seek::-webkit-slider-thumb,.app[data-ui-style] .volume-control input[type=range]::-webkit-slider-thumb{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:8px;height:8px;margin-top:-2.5px;border:0;border-radius:50%;background:var(--accent-2);box-shadow:none}.app[data-ui-style] .seek::-moz-range-track,.app[data-ui-style] .volume-control input[type=range]::-moz-range-track{height:3px;border-radius:999px;background:var(--panel-3)}.app[data-ui-style] .seek::-moz-range-progress,.app[data-ui-style] .volume-control input[type=range]::-moz-range-progress{height:3px;border-radius:999px;background:var(--accent)}.app[data-ui-style] .seek::-moz-range-thumb,.app[data-ui-style] .volume-control input[type=range]::-moz-range-thumb{width:8px;height:8px;border:0;border-radius:50%;background:var(--accent-2)}.transport-toggle{padding:4px 7px;border:1px solid transparent;border-radius:6px;margin:-4px 0}.app[data-ui-style] .transport-toggle.on{color:var(--accent-contrast);background:var(--accent);border-color:var(--accent)}.app[data-ui-style] .transport-toggle.on:hover{color:var(--accent-contrast);background:var(--accent);filter:brightness(1.08)}.speed-control .speed-label{color:var(--faint);letter-spacing:.2px}.speed-control input{background:var(--panel-3)}.speed-control input::-webkit-slider-thumb{background:var(--accent-2);width:8px;height:8px}.speed-control input::-moz-range-thumb{background:var(--accent-2);width:8px;height:8px;border:0}.caged-band-fill{fill:var(--faint)}.caged-band.selected .caged-band-fill{fill:var(--accent)}.caged-band-id,.caged-band-name{fill:var(--faint)}.caged-band.selected .caged-band-id{fill:var(--accent-2)}.caged-band.selected .caged-band-name{fill:var(--accent-2);opacity:.85}.fretboard-shapes button{opacity:.82;border-color:var(--border);background:var(--panel-2)}.fretboard-shapes.has-active button{opacity:.52}.fretboard-shapes button span{background:var(--faint)}.fretboard-shapes button strong{color:var(--text-2)}.fretboard-shapes button em{color:var(--faint)}.fretboard-shapes button.active{opacity:1;border-color:var(--accent);background:var(--accent-soft);box-shadow:0 0 0 1px color-mix(in srgb,var(--accent) 30%,transparent) inset}.fretboard-shapes button.active span{background:var(--accent)}.fretboard-shapes button.active strong,.fretboard-shapes button.active em{color:var(--accent-2)}.fretboard-note circle.scale{fill:var(--text-2);opacity:.9}.fretboard-note circle.root{fill:var(--accent)}.fretboard-note .root-label{fill:var(--accent-contrast)}.fretboard-note .scale-label{fill:var(--panel)}.fretboard-shape-ring{stroke:var(--accent);opacity:.9}.fretboard-scale-halo{fill:none;stroke:var(--accent);stroke-width:1.1;opacity:.28;pointer-events:none}.fretboard-legend i.root{background:var(--accent)}.fretboard-legend i.scale{background:var(--text-2)}.fretboard-note circle.chord{fill:var(--text-2)}.fretboard-note .chord-label{fill:var(--panel)}.fretboard-legend i.chord{background:var(--text-2)}.fretboard-muted-string{fill:var(--faint);pointer-events:none}.fretboard-view-toggle{flex:0 0 auto}.fretboard-view-toggle button{padding:0 8px;font-size:9.5px}.fretboard-note circle.name{fill:var(--panel-3);stroke:var(--border);stroke-width:.8}.fretboard-note .name-label{fill:var(--text-2)}.fretboard-legend i.name{background:var(--panel-3);border:1px solid var(--border)}.score-scroll.read-only [data-notation-slot]{pointer-events:none!important}.score-scroll.editable [data-notation-slot]{cursor:crosshair}.settings-row.sync-row{flex-wrap:wrap}.settings-row.sync-row .settings-range{max-width:100%}.settings-row.sync-row .link-btn{flex:0 0 auto}.pxb-brand{display:inline-flex;align-items:center;gap:10px;min-width:0}.pxb-brand-button{border:0;background:transparent;padding:0;text-align:left}.pxb-logo{display:grid;place-items:center;flex:0 0 auto;border-radius:11px;overflow:hidden;box-shadow:0 5px 18px rgba(var(--accent-rgb),.22)}.pxb-logo img{width:100%;height:100%;display:block}.pxb-logo-lg{width:46px;height:46px;border-radius:14px}.pxb-logo-md{width:36px;height:36px}.pxb-logo-sm{width:30px;height:30px;border-radius:9px}.pxb-brand-copy{display:flex;flex-direction:column;gap:1px;min-width:0}.pxb-brand-line{display:flex;align-items:baseline;gap:8px;white-space:nowrap}.pxb-brand-line strong{font-family:Avenir Next,PingFang SC,Hiragino Sans GB,Microsoft YaHei,system-ui,sans-serif;font-size:18px;letter-spacing:.5px;color:var(--text);font-weight:700}.pxb-brand-sm .pxb-brand-line strong{font-size:15px}.pxb-brand-lg .pxb-brand-line strong{font-size:22px}.pxb-brand-en{font-size:7px;letter-spacing:2.2px;color:var(--faint);font-weight:600}.pxb-brand-tag{font-size:9.5px;color:var(--muted);letter-spacing:.7px;white-space:nowrap}.pxb-account-btn{display:inline-flex;align-items:center;gap:8px;border:1px solid var(--border-soft);background:transparent;color:var(--text-2);border-radius:999px;padding:4px 10px 4px 5px;max-width:168px}.pxb-account-btn:hover{background:var(--panel-2);border-color:var(--border)}.pxb-avatar{width:26px;height:26px;border-radius:50%;display:grid;place-items:center;background:var(--accent-soft);color:var(--accent-2);font-size:11px;font-weight:700;flex:0 0 auto}.pxb-account-copy{display:flex;flex-direction:column;align-items:flex-start;min-width:0;line-height:1.15}.pxb-account-copy>span{font-size:11px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:108px}.pxb-account-copy small{font-size:8px;color:var(--faint)}.pxb-primary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:40px;padding:0 20px;border-radius:10px;border:1px solid transparent;background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-contrast);font-weight:650;font-size:13px;box-shadow:0 8px 24px rgba(var(--accent-rgb),.22)}.pxb-primary-btn:hover{filter:brightness(1.06)}.pxb-primary-btn:disabled{filter:saturate(.4)}.home{height:100%;overflow-y:auto;overflow-x:hidden;color:var(--text);background:radial-gradient(1100px 640px at 72% -12%,rgba(var(--accent-rgb),.12),transparent 62%),radial-gradient(700px 450px at 6% 8%,rgba(var(--accent-rgb),.055),transparent 60%),var(--bg);scroll-behavior:smooth}.app[data-ui-theme=light] .home{background:radial-gradient(1100px 640px at 72% -12%,rgba(var(--accent-rgb),.11),transparent 62%),radial-gradient(700px 450px at 6% 8%,rgba(var(--accent-rgb),.045),transparent 60%),#f7f5f1}.home-nav{position:sticky;top:0;z-index:30;width:100%;max-width:none;margin:0;background:color-mix(in srgb,var(--bg) 82%,transparent);-webkit-backdrop-filter:blur(18px) saturate(140%);backdrop-filter:blur(18px) saturate(140%);border-bottom:1px solid color-mix(in srgb,var(--border) 55%,transparent)}.home-nav-inner{width:100%;max-width:1440px;margin:0 auto;padding:18px 44px;display:flex;align-items:center;gap:30px}.app[data-ui-theme=light] .home-nav{background:#faf7f1e6;box-shadow:0 1px #50402a0a,0 8px 28px #50402a09}.home-nav-links{display:flex;align-items:center;gap:4px;flex:1 1 auto}.home-nav-links button{border:0;background:transparent;color:var(--muted);font-size:12.5px;padding:8px 12px;border-radius:8px;letter-spacing:.2px}.home-nav-links button:hover{color:var(--text);background:var(--panel-2)}.home-nav-actions{display:flex;align-items:center;gap:8px;flex:0 0 auto}.home-icon-btn{width:34px;height:34px;display:grid;place-items:center;border:1px solid var(--border-soft);border-radius:50%;background:transparent;color:var(--muted)}.home-icon-btn:hover{color:var(--text);background:var(--panel-2)}.home-account-wrap{position:relative}.home-account-menu{position:absolute;right:0;top:calc(100% + 8px);width:210px;padding:6px;border:1px solid var(--border);border-radius:12px;background:var(--panel);box-shadow:0 20px 50px #00000047;z-index:40}.home-account-head{padding:9px 10px 8px;border-bottom:1px solid var(--border-soft);margin-bottom:4px;display:flex;flex-direction:column;gap:2px}.home-account-head strong{font-size:12px}.home-account-head small{font-size:9.5px;color:var(--faint);overflow:hidden;text-overflow:ellipsis}.home-account-menu>button{width:100%;display:flex;align-items:center;gap:8px;border:0;background:transparent;color:var(--text-2);font-size:11.5px;padding:8px 10px;border-radius:7px;text-align:left}.home-account-menu>button:hover{background:var(--panel-2);color:var(--text)}.home-main{width:100%;max-width:1440px;margin:0 auto;padding:0 44px 72px}.home-hero{display:grid;grid-template-columns:minmax(0,1.03fr) minmax(380px,.97fr);gap:56px;align-items:center;min-height:570px;padding:68px 0 58px}.home-hero-copy{max-width:660px}.home-eyebrow{display:inline-flex;align-items:center;gap:8px;font-size:10px;letter-spacing:1.5px;color:var(--muted);text-transform:uppercase;padding:6px 11px;border-radius:999px;border:1px solid var(--border-soft);background:color-mix(in srgb,var(--panel) 55%,transparent)}.home-live-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 0 4px var(--accent-soft)}.home-hero h1{margin:26px 0 22px;font-size:clamp(46px,5.4vw,76px);line-height:1.06;letter-spacing:-.045em;font-weight:700;color:var(--text)}.home-hero h1 em{font-style:normal;color:var(--accent-2);position:relative}.app[data-ui-theme=light] .home-hero h1 em{color:var(--accent)}.home-hero h1 em:after{content:"";position:absolute;left:2%;right:2%;bottom:.04em;height:5px;background:linear-gradient(90deg,var(--accent),transparent);border-radius:99px;opacity:.34}.home-lede{max-width:570px;margin:0 0 30px;color:var(--muted);font-size:15px;line-height:1.86;letter-spacing:.1px}.home-hero-actions{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.home-cta,.home-cta-secondary{height:46px;padding:0 22px;border-radius:11px;display:inline-flex;align-items:center;gap:9px;font-size:13.5px;font-weight:650;border:1px solid transparent}.home-cta{background:linear-gradient(180deg,var(--accent-2),var(--accent));color:var(--accent-contrast);box-shadow:0 14px 36px rgba(var(--accent-rgb),.25)}.home-cta:hover{filter:brightness(1.06);transform:translateY(-1px)}.home-cta-secondary{background:transparent;border-color:var(--border);color:var(--text-2)}.home-cta-secondary:hover{background:var(--panel-2);color:var(--text)}.home-hero-trust{display:flex;flex-wrap:wrap;gap:18px;margin-top:24px;color:var(--faint);font-size:10px;letter-spacing:.3px}.home-hero-trust span{display:inline-flex;align-items:center;gap:6px}.home-hero-visual{position:relative;min-width:0}.home-hero-glow{position:absolute;top:-14%;right:-8%;bottom:-14%;left:-8%;border-radius:50%;background:radial-gradient(closest-side,rgba(var(--accent-rgb),.2),transparent 72%);filter:blur(12px);pointer-events:none}.home-hero-sheet{position:relative;border:1px solid var(--border);border-radius:20px;overflow:hidden;background:linear-gradient(145deg,color-mix(in srgb,var(--panel) 92%,transparent),color-mix(in srgb,var(--bg-2) 90%,transparent));box-shadow:0 34px 80px #00000047,inset 0 1px #ffffff0d;color:var(--text-2);overflow:visible;transform:perspective(1200px) rotateY(-3deg) rotateX(1deg)}.app[data-ui-theme=light] .home-hero-sheet{background:#fffefb;box-shadow:0 34px 70px #362c1e24}.hero-score-svg{display:block;width:100%;height:auto;border-radius:20px}.home-float{position:absolute;display:inline-flex;align-items:center;gap:6px;white-space:nowrap;padding:7px 10px;border-radius:9px;font-size:9.5px;font-weight:600;letter-spacing:.2px;color:var(--text-2);background:color-mix(in srgb,var(--panel-2) 94%,transparent);border:1px solid var(--border);box-shadow:0 10px 28px #00000038;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.home-float svg{color:var(--accent-2)}.home-float-a{top:13%;right:2%}.home-float-b{bottom:23%;left:-7%}.home-float-c{right:7%;bottom:8%}.home-format-line{display:flex;align-items:center;gap:18px;flex-wrap:wrap;padding:16px 0;border-top:1px solid var(--border-soft);border-bottom:1px solid var(--border-soft);color:var(--faint);font-size:9.5px;letter-spacing:1.2px;text-transform:uppercase}.home-format-line b{color:var(--muted);font-weight:600;letter-spacing:.3px;text-transform:none;font-size:10.5px}.home-format-tail{margin-left:auto;font-size:9px;letter-spacing:.3px;text-transform:none;color:var(--faint)}.home-section{padding:82px 0 0;scroll-margin-top:78px}.home-section-head{display:flex;align-items:flex-end;justify-content:space-between;gap:32px;margin-bottom:28px}.home-kicker{display:block;font-size:8.5px;letter-spacing:3px;color:var(--accent-2);font-weight:700;margin-bottom:11px}.home-section h2{margin:0;font-size:clamp(28px,3.1vw,42px);letter-spacing:-.035em;line-height:1.15;font-weight:680}.home-section-head p{margin:12px 0 0;max-width:600px;color:var(--muted);font-size:12.5px;line-height:1.8}.home-library-search{display:flex;align-items:center;gap:9px;width:min(370px,100%);height:42px;padding:0 12px;border:1px solid var(--border);border-radius:10px;background:var(--panel);color:var(--faint)}.home-library-search:focus-within{border-color:rgba(var(--accent-rgb),.65);box-shadow:0 0 0 4px var(--accent-soft)}.home-library-search input{flex:1 1 auto;min-width:0;border:0;outline:none;background:transparent;color:var(--text);font-size:12px}.home-library-search kbd{font-size:8.5px;border:1px solid var(--border-soft);border-radius:4px;padding:2px 4px;color:var(--faint)}.home-filters{display:flex;align-items:center;gap:6px;flex-wrap:wrap;margin-bottom:18px}.home-filters button{border:1px solid var(--border-soft);background:transparent;color:var(--muted);height:28px;padding:0 12px;border-radius:999px;font-size:10.5px}.home-filters button:hover{color:var(--text);border-color:var(--border)}.home-filters button.active{color:var(--accent-2);border-color:rgba(var(--accent-rgb),.48);background:var(--accent-soft)}.home-result-count{margin-left:auto;color:var(--faint);font-size:9.5px}.home-score-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.home-score-card{min-width:0;border:1px solid var(--border-soft);border-radius:14px;overflow:hidden;background:color-mix(in srgb,var(--panel) 78%,transparent);transition:transform .18s ease,border-color .18s ease,box-shadow .18s ease}.home-score-card:hover{transform:translateY(-3px);border-color:rgba(var(--accent-rgb),.38);box-shadow:0 18px 38px #0000002e}.home-score-art{position:relative;height:92px;overflow:hidden;background:linear-gradient(135deg,color-mix(in srgb,var(--accent) 13%,var(--panel-2)),var(--panel-2))}.home-score-lines{position:absolute;inset:22px 18px auto 18px;height:34px;opacity:.35;background:repeating-linear-gradient(to bottom,transparent 0 6px,var(--muted) 6px 6.7px)}.home-score-glyph{position:absolute;left:18px;bottom:16px;width:34px;height:34px;border-radius:9px;display:grid;place-items:center;background:color-mix(in srgb,var(--panel) 80%,transparent);border:1px solid var(--border);color:var(--accent-2);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.home-score-format{position:absolute;right:12px;top:12px;font-size:8px;letter-spacing:.7px;color:var(--muted);border:1px solid var(--border);border-radius:5px;padding:2px 5px}.home-score-body{padding:13px 14px 12px}.home-score-meta{display:flex;align-items:center;gap:6px;margin-bottom:8px}.home-rights{font-size:8px;padding:2px 6px;border-radius:4px;color:var(--faint);background:var(--panel-2);border:1px solid var(--border-soft)}.home-rights-open{color:#34d399;border-color:#34d39947;background:#34d39912}.home-rights-licensed_public{color:#a5b4fc;border-color:#a5b4fc47;background:#a5b4fc12}.home-notation-badge{font-size:8px;color:var(--faint)}.home-score-card h3{margin:0 0 3px;font-size:14px;font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-score-card p{margin:0;font-size:10.5px;color:var(--muted);white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.home-score-foot{display:flex;align-items:center;justify-content:space-between;margin-top:12px;padding-top:10px;border-top:1px solid var(--border-soft)}.home-score-foot>span{font-size:8.5px;color:var(--faint);letter-spacing:.5px}.home-open-btn{display:inline-flex;align-items:center;gap:5px;border:1px solid var(--border);background:transparent;color:var(--text-2);height:27px;padding:0 10px;border-radius:7px;font-size:9.5px}.home-open-btn:hover{color:var(--accent-2);border-color:rgba(var(--accent-rgb),.5);background:var(--accent-soft)}.home-score-skeleton{height:208px;border-radius:14px;border:1px solid var(--border-soft);background:linear-gradient(100deg,var(--panel) 30%,var(--panel-2) 45%,var(--panel) 60%);background-size:300% 100%;animation:pxb-shimmer 1.7s infinite}@keyframes pxb-shimmer{0%{background-position:100% 0}to{background-position:-100% 0}}.home-empty{display:flex;align-items:center;gap:16px;padding:28px;border:1px dashed var(--border);border-radius:14px;color:var(--muted);background:color-mix(in srgb,var(--panel) 45%,transparent)}.home-empty-icon{width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-2);flex:0 0 auto}.home-empty div{flex:1 1 auto}.home-empty strong{color:var(--text-2);font-size:12px}.home-empty p{margin:4px 0 0;font-size:10.5px;line-height:1.6}.home-empty button{border:1px solid var(--border);background:transparent;color:var(--text-2);height:30px;padding:0 12px;border-radius:7px;font-size:10px}.home-library-note{display:flex;gap:8px;align-items:flex-start;margin-top:16px;color:var(--faint);font-size:9.5px;line-height:1.7}.home-library-note svg{flex:0 0 auto;margin-top:1px;color:var(--accent-2)}.home-tools{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:12px}.home-tool-card{display:flex;align-items:flex-start;gap:14px;text-align:left;padding:20px;border:1px solid var(--border-soft);border-radius:14px;background:color-mix(in srgb,var(--panel) 72%,transparent);color:var(--text-2);transition:border-color .18s,transform .18s,background .18s}.home-tool-card:hover{transform:translateY(-2px);border-color:rgba(var(--accent-rgb),.4);background:var(--panel)}.home-tool-icon{flex:0 0 auto;width:44px;height:44px;display:grid;place-items:center;border-radius:12px;background:var(--accent-soft);color:var(--accent-2)}.home-tool-card div{flex:1 1 auto;min-width:0}.home-tool-card strong{display:block;font-size:13px;color:var(--text);margin:2px 0 6px}.home-tool-card p{margin:0;font-size:10px;line-height:1.7;color:var(--muted)}.home-tool-card>svg{color:var(--faint);flex:0 0 auto;margin-top:4px}.home-features{display:grid;grid-template-columns:minmax(0,.8fr) minmax(0,1.2fr);gap:58px;align-items:start}.home-feature-intro p{margin:20px 0 0;color:var(--muted);font-size:12.5px;line-height:1.9;max-width:420px}.home-feature-grid{display:grid;grid-template-columns:1fr 1fr;gap:1px;background:var(--border-soft);border:1px solid var(--border-soft);border-radius:14px;overflow:hidden}.home-feature-card{padding:24px 22px;background:var(--panel)}.home-feature-card>span{font-size:9px;letter-spacing:1.4px;color:var(--accent-2)}.home-feature-card h3{margin:18px 0 8px;font-size:14px;font-weight:620}.home-feature-card p{margin:0;color:var(--muted);font-size:10.5px;line-height:1.75}.home-period{display:flex;align-items:center;border:1px solid var(--border);border-radius:9px;padding:3px;background:var(--panel)}.home-period button{border:0;background:transparent;color:var(--muted);font-size:10.5px;height:29px;padding:0 12px;border-radius:6px}.home-period button.active{background:var(--accent-soft);color:var(--accent-2)}.home-period span{font-size:8px;color:var(--accent-2);margin-left:3px}.home-plan-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:10px}.home-plan{position:relative;padding:22px 18px 18px;border:1px solid var(--border-soft);border-radius:14px;background:color-mix(in srgb,var(--panel) 72%,transparent);display:flex;flex-direction:column}.home-plan.highlight{border-color:rgba(var(--accent-rgb),.52);background:linear-gradient(160deg,var(--accent-soft),color-mix(in srgb,var(--panel) 80%,transparent) 62%);box-shadow:0 14px 40px rgba(var(--accent-rgb),.1)}.home-plan-badge{position:absolute;right:12px;top:12px;font-size:8px;color:var(--accent-2);border:1px solid rgba(var(--accent-rgb),.4);border-radius:4px;padding:2px 5px}.home-plan h3{margin:0 0 5px;font-size:15px}.home-plan>p{margin:0;min-height:28px;color:var(--muted);font-size:9.5px;line-height:1.5}.home-plan-price{display:flex;align-items:baseline;gap:3px;margin:18px 0}.home-plan-price strong{font-size:32px;letter-spacing:-.04em;font-weight:700}.home-plan-price span{color:var(--faint);font-size:9px}.home-plan ul{list-style:none;margin:0 0 20px;padding:0;display:flex;flex-direction:column;gap:8px;flex:1 1 auto}.home-plan li{display:flex;align-items:flex-start;gap:6px;color:var(--muted);font-size:9.5px;line-height:1.5}.home-plan li svg{color:var(--accent-2);flex:0 0 auto;margin-top:1px}.home-plan button{width:100%;height:34px;border-radius:8px;border:1px solid var(--border);background:transparent;color:var(--text-2);font-size:10.5px;font-weight:600}.home-plan.highlight button{background:var(--accent);border-color:var(--accent);color:var(--accent-contrast)}.home-plan button:hover{filter:brightness(1.06)}.home-pay-note{display:flex;align-items:center;justify-content:center;gap:7px;margin:18px 0 0;color:var(--faint);font-size:9.5px}.home-end-cta{margin-top:86px;padding:38px 40px;border:1px solid var(--border-soft);border-radius:18px;display:flex;align-items:center;justify-content:space-between;gap:30px;background:radial-gradient(600px 220px at 82% 0%,rgba(var(--accent-rgb),.15),transparent 70%),color-mix(in srgb,var(--panel) 68%,transparent)}.home-end-cta h2{font-size:clamp(28px,3.2vw,42px)}.home-end-cta p{margin:10px 0 0;color:var(--muted);font-size:11.5px}.home-footer{max-width:1440px;margin:0 auto;padding:26px 44px 36px;border-top:1px solid var(--border-soft);display:flex;align-items:center;gap:26px;color:var(--faint);font-size:8.5px}.home-footer-links{display:flex;gap:16px;flex-wrap:wrap;flex:1 1 auto}.home-footer-build{letter-spacing:1.2px;font-size:7.5px;white-space:nowrap}.home-notice{position:fixed;left:50%;bottom:26px;transform:translate(-50%);padding:9px 14px;border-radius:8px;background:var(--panel);border:1px solid var(--border);color:var(--text-2);font-size:11px;box-shadow:0 12px 30px #0000003d;z-index:90}.pxb-auth-form{display:flex;flex-direction:column;gap:13px}.pxb-auth-form label{display:flex;flex-direction:column;gap:6px}.pxb-auth-form label>span{font-size:10px;color:var(--muted)}.pxb-auth-form input[type=email],.pxb-auth-form input[type=password],.pxb-auth-form input:not([type]){height:38px;border:1px solid var(--border);border-radius:8px;background:var(--bg-2);color:var(--text);padding:0 11px;font-size:12px;outline:none}.pxb-auth-form input:focus{border-color:rgba(var(--accent-rgb),.6);box-shadow:0 0 0 3px var(--accent-soft)}.pxb-auth-check{flex-direction:row!important;align-items:flex-start;gap:8px!important;font-size:9.5px;color:var(--muted);line-height:1.5}.pxb-auth-check input{margin-top:1px;accent-color:var(--accent)}.pxb-form-error{margin:0;color:#f87171;font-size:10px;line-height:1.5}.pxb-auth-switch{margin:16px 0 0;text-align:center;color:var(--muted);font-size:10.5px}.pxb-auth-switch button{border:0;background:transparent;color:var(--accent-2);padding:0 4px;font-size:inherit}.pxb-auth-legal{margin:14px 0 0;color:var(--faint);font-size:8.5px;line-height:1.65;text-align:center}.pxb-plan-summary{border:1px solid var(--border-soft);border-radius:12px;padding:16px;background:var(--panel-2)}.pxb-plan-summary>div{display:flex;align-items:baseline;gap:6px;margin-bottom:10px}.pxb-plan-summary span{font-size:12px;color:var(--text-2);flex:1 1 auto}.pxb-plan-summary strong{font-size:26px;letter-spacing:-.03em}.pxb-plan-summary small{font-size:9px;color:var(--faint)}.pxb-plan-summary ul{list-style:none;padding:0;margin:0;display:grid;grid-template-columns:1fr 1fr;gap:6px}.pxb-plan-summary li{display:flex;align-items:center;gap:5px;color:var(--muted);font-size:9.5px}.pxb-plan-summary li svg{color:var(--accent-2)}.pxb-plan-state{margin-top:14px;display:flex;flex-direction:column;gap:10px}.pxb-plan-state>p{margin:0;color:var(--muted);font-size:10px;line-height:1.7;display:flex;align-items:center;gap:6px;flex-wrap:wrap}.pxb-mock-badge{color:#fbbf24!important;border:1px dashed rgba(251,191,36,.35);border-radius:6px;padding:5px 7px}.pxb-code-url{display:block;word-break:break-all;color:var(--accent-2);font-size:9.5px;background:var(--bg-2);border:1px solid var(--border-soft);border-radius:7px;padding:9px}.pxb-plan-wait{color:var(--accent-2)!important}@media(max-width:1180px){.home-nav-inner,.home-main,.home-footer{padding-left:30px;padding-right:30px}.home-hero{gap:34px;min-height:500px}.home-score-grid,.home-plan-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.home-features{gap:34px}}@media(max-width:900px){.home-nav-inner{gap:16px;padding:13px 18px}.home-nav-links{display:none}.home-main,.home-footer{padding-left:18px;padding-right:18px}.home-hero{grid-template-columns:1fr;min-height:0;padding:44px 0 36px;gap:34px}.home-hero h1{font-size:48px}.home-hero-visual{max-width:560px}.home-section{padding-top:58px}.home-section-head{flex-direction:column;align-items:stretch;gap:16px}.home-library-search{width:100%}.home-tools,.home-features,.home-feature-grid{grid-template-columns:1fr}.home-end-cta{flex-direction:column;align-items:flex-start;padding:28px}.home-format-tail{display:none}.home-footer{flex-direction:column;align-items:flex-start;gap:12px}.home-footer-build{display:none}.home-float-b{left:0}}@media(max-width:620px){.pxb-brand-tag,.pxb-brand-en{display:none}.home-hero h1{font-size:40px}.home-lede{font-size:13px}.home-score-grid,.home-plan-grid{grid-template-columns:1fr}.home-result-count{display:none}.home-section h2{font-size:30px}.home-float{display:none}.home-hero-sheet{transform:none}.home-nav-actions .pxb-account-copy{display:none}.home-end-cta .home-cta{width:100%;justify-content:center}}.notation-advice p{margin:0;color:var(--muted);font-size:9.5px;line-height:1.65}.notation-advice-badge{font-size:8px;color:var(--accent-2);background:var(--accent-soft);border:1px solid rgba(var(--accent-rgb),.32);padding:2px 6px;border-radius:4px}.notation-advice-badge.mode-grand_staff{color:#c4b5fd;background:#8b5cf61a;border-color:#8b5cf652}.notation-advice-badge.mode-percussion{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2447}.notation-range{display:block;margin-top:6px;color:var(--faint);font-size:8px;letter-spacing:.4px}.audio-load-banner{position:absolute;left:50%;bottom:88px;transform:translate(-50%);z-index:45;display:flex;align-items:center;gap:12px;min-width:320px;max-width:min(560px,calc(100vw - 32px));padding:11px 14px;border-radius:12px;border:1px solid rgba(var(--accent-rgb),.34);background:color-mix(in srgb,var(--panel) 94%,transparent);box-shadow:0 18px 48px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.audio-load-copy{display:flex;flex-direction:column;gap:2px;flex:1 1 auto;min-width:0}.audio-load-copy strong{font-size:11px;color:var(--text);font-weight:600;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.audio-load-copy span{font-size:8.5px;color:var(--faint)}.audio-load-spinner{width:15px;height:15px;border-radius:50%;flex:0 0 auto;border:1.8px solid rgba(var(--accent-rgb),.22);border-top-color:var(--accent-2);animation:pxb-spin .8s linear infinite}.audio-load-progress{width:100px;height:4px;border-radius:99px;background:var(--panel-3);overflow:hidden;flex:0 0 auto}.audio-load-progress span{display:block;height:100%;background:linear-gradient(90deg,var(--accent),var(--accent-2));border-radius:inherit;transition:width .2s}@keyframes pxb-spin{to{transform:rotate(360deg)}}.pxb-secondary-btn{display:inline-flex;align-items:center;justify-content:center;gap:8px;height:36px;padding:0 16px;border-radius:9px;border:1px dashed var(--border);background:transparent;color:var(--muted);font-size:10px}.pxb-secondary-btn:hover{color:var(--text-2);border-color:rgba(var(--accent-rgb),.4)}.home-score-actions{display:flex;align-items:center;gap:5px}.home-dl-btn{width:27px;height:27px;display:grid;place-items:center;border-radius:7px;border:1px solid var(--border);background:transparent;color:var(--faint)}.home-dl-btn:hover{color:var(--accent-2);border-color:rgba(var(--accent-rgb),.45);background:var(--accent-soft)}.home-filters button.internal{margin-left:6px;display:inline-flex;align-items:center;gap:5px;color:#fbbf24;border-color:#fbbf2440}.home-filters button.internal.active{color:#fbbf24;background:#fbbf2417;border-color:#fbbf247a}.home-internal-warning{display:flex;align-items:flex-start;gap:8px;margin:-6px 0 16px;padding:9px 11px;border:1px dashed rgba(251,191,36,.32);border-radius:8px;background:#fbbf240b;color:#d9b25f;font-size:9.5px;line-height:1.6}.home-internal-warning svg{flex:0 0 auto;margin-top:1px}.online-score-badge{display:inline-flex;align-items:center;height:18px;padding:0 6px;border-radius:4px;border:1px solid rgba(var(--accent-rgb),.38);background:var(--accent-soft);color:var(--accent-2);font-size:8px;letter-spacing:.5px;white-space:nowrap}.online-export-panel{margin-bottom:14px;padding:12px;border:1px solid rgba(var(--accent-rgb),.24);border-radius:10px;background:var(--accent-soft)}.online-export-title{display:flex;align-items:center;gap:8px}.online-export-title div{display:flex;flex-direction:column;gap:1px}.online-export-title strong{font-size:11px;color:var(--text)}.online-export-title small{font-size:9px;color:var(--muted)}.online-export-actions{display:flex;gap:7px;margin-top:10px}.online-export-actions button{display:inline-flex;align-items:center;gap:5px;height:28px;padding:0 10px;border-radius:7px;border:1px solid var(--border);background:var(--panel);color:var(--text-2);font-size:9.5px}.online-export-actions button:hover:not(:disabled){color:var(--accent-2);border-color:rgba(var(--accent-rgb),.48)}.online-export-actions button.ghost{background:transparent}.online-export-panel p{margin:8px 0 0;color:var(--muted);font-size:8.5px;line-height:1.55}.admin-score-warning{display:flex;align-items:flex-start;gap:8px;padding:10px 11px;margin-bottom:15px;border:1px dashed rgba(251,191,36,.35);border-radius:8px;background:#fbbf240d;color:#d9b25f;font-size:9.5px;line-height:1.6}.admin-score-warning svg{flex:0 0 auto;margin-top:1px}.admin-score-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px}.admin-score-grid label,.admin-score-note{display:flex;flex-direction:column;gap:5px}.admin-score-grid label>span,.admin-score-note>span{font-size:9.5px;color:var(--muted)}.admin-score-grid select,.admin-score-note textarea{border:1px solid var(--border);border-radius:7px;background:var(--bg-2);color:var(--text);padding:8px;font-size:11px;outline:none}.admin-score-grid small{min-height:26px;color:var(--faint);font-size:8.5px;line-height:1.5}.admin-score-note{margin-top:12px}.admin-score-check{display:flex;align-items:flex-start;gap:7px;margin-top:10px;color:var(--muted);font-size:9.5px}.admin-score-check input{accent-color:var(--accent);margin-top:1px}.admin-score-actions{display:flex;justify-content:flex-end;gap:8px;margin-top:16px}.admin-score-actions .pxb-primary-btn{height:36px}.home-manage-btn{display:inline-flex;align-items:center;gap:4px;height:27px;padding:0 8px;border-radius:7px;border:1px solid rgba(251,191,36,.28);background:#fbbf240f;color:#d9b25f;font-size:9px}.home-manage-btn:hover{border-color:#fbbf248c;background:#fbbf241a}.admin-dashboard-loading{display:flex;align-items:center;gap:9px;padding:30px;color:var(--muted);font-size:11px}.admin-dashboard-error{display:flex;align-items:center;gap:8px;padding:10px;border:1px solid rgba(248,113,113,.3);border-radius:8px;color:#f87171;font-size:10px}.admin-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:8px}.admin-stat{padding:12px;border:1px solid var(--border-soft);border-radius:9px;background:var(--panel-2);display:flex;flex-direction:column;gap:3px}.admin-stat span{font-size:9px;color:var(--muted)}.admin-stat strong{font-size:22px;letter-spacing:-.03em}.admin-stat small{font-size:8px;color:var(--faint);line-height:1.4}.admin-two-col{display:grid;grid-template-columns:1.15fr .85fr;gap:9px;margin-top:9px}.admin-panel{border:1px solid var(--border-soft);border-radius:9px;padding:13px;background:color-mix(in srgb,var(--panel) 72%,transparent)}.admin-panel h3{margin:0 0 11px;font-size:10px;color:var(--muted);font-weight:600;letter-spacing:.4px}.admin-rights-bars{display:flex;flex-direction:column;gap:8px}.admin-rights-row{display:grid;grid-template-columns:55px 1fr 50px;align-items:center;gap:7px;font-size:9px;color:var(--muted)}.admin-rights-row b{text-align:right;font-weight:500;color:var(--text-2);font-variant-numeric:tabular-nums}.admin-bar{height:4px;border-radius:99px;background:var(--panel-3);overflow:hidden}.admin-bar i{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,var(--accent),var(--accent-2))}.admin-tier-list{display:flex;flex-direction:column;gap:7px}.admin-tier-list>div{display:flex;align-items:baseline;gap:5px;font-size:9.5px;color:var(--muted)}.admin-tier-list strong{margin-left:auto;color:var(--text-2);font-size:13px}.admin-tier-list small{color:var(--faint);font-size:8px;width:46px;text-align:right}.admin-audit-panel{margin-top:9px}.admin-panel-head{display:flex;align-items:center;justify-content:space-between}.admin-panel-head h3{margin-bottom:8px}.admin-audit-pager{display:flex;align-items:center;gap:5px;font-size:8.5px;color:var(--faint)}.admin-audit-pager button{width:21px;height:21px;border:1px solid var(--border-soft);border-radius:5px;background:transparent;color:var(--muted);display:grid;place-items:center}.admin-audit-table{border-top:1px solid var(--border-soft)}.admin-audit-head,.admin-audit-row{display:grid;grid-template-columns:92px minmax(110px,1fr) minmax(150px,1.2fr) 110px;gap:8px;align-items:center;padding:6px 0;border-bottom:1px solid var(--border-soft);font-size:8.5px}.admin-audit-head{color:var(--faint);font-size:8px;text-transform:uppercase;letter-spacing:.6px}.admin-audit-row span{color:var(--muted);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.admin-audit-row strong{font-size:9px;color:var(--text-2);font-weight:500}.admin-empty{color:var(--faint);font-size:9px;padding:8px 0}@media(max-width:700px){.admin-stat-grid{grid-template-columns:1fr 1fr}.admin-two-col{grid-template-columns:1fr}.admin-audit-head,.admin-audit-row{grid-template-columns:65px 1fr 80px}.admin-audit-head span:last-child,.admin-audit-row span:last-child{display:none}}.admin-tabs{display:flex;gap:3px;padding:3px;margin-bottom:10px;border:1px solid var(--border-soft);border-radius:8px;background:var(--bg-2);width:fit-content}.admin-tabs button{height:27px;padding:0 12px;border:0;border-radius:6px;background:transparent;color:var(--muted);font-size:9.5px}.admin-tabs button.active{background:var(--panel-3);color:var(--text)}.admin-users-panel{display:flex;flex-direction:column;gap:9px}.admin-users-toolbar{display:flex;align-items:center;gap:8px}.admin-users-toolbar label{display:flex;align-items:center;gap:6px;height:31px;padding:0 9px;border:1px solid var(--border);border-radius:7px;background:var(--panel-2);color:var(--faint);flex:1 1 auto}.admin-users-toolbar input{flex:1;border:0;outline:none;background:transparent;color:var(--text);font-size:10.5px}.admin-users-toolbar select{height:31px;padding:0 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg-2);color:var(--text-2);font-size:9.5px}.admin-users-toolbar>span{color:var(--faint);font-size:9px;white-space:nowrap}.admin-users-table{border:1px solid var(--border-soft);border-radius:8px;overflow:hidden}.admin-users-head,.admin-users-row{display:grid;grid-template-columns:minmax(160px,1.4fr) 65px 105px 80px 50px 70px;gap:8px;align-items:center;padding:7px 10px;border-bottom:1px solid var(--border-soft);font-size:9px}.admin-users-head{color:var(--faint);background:var(--bg-2);font-size:8px;letter-spacing:.5px}.admin-users-row:last-child{border-bottom:0}.admin-users-row>div{display:flex;flex-direction:column;min-width:0}.admin-users-row strong{color:var(--text-2);font-size:10px;font-weight:500;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-users-row small{color:var(--faint);font-size:8px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.admin-users-row>span{color:var(--muted)}.admin-users-row>button{height:24px;border:1px solid var(--border);border-radius:5px;background:transparent;color:var(--accent-2);font-size:8.5px}.admin-users-row>button:hover{background:var(--accent-soft)}.admin-tier-badge{display:inline-flex;align-items:center;gap:4px;width:fit-content;padding:2px 6px;border-radius:4px;font-size:8.5px;color:var(--text-2);background:var(--panel-2)}.admin-tier-badge small{color:var(--faint);font-size:7.5px}.admin-tier-badge.tier-plus{color:#a5b4fc;background:#6366f11f}.admin-tier-badge.tier-pro{color:#fbbf24;background:#fbbf241a}.admin-tier-badge.tier-edu{color:#34d399;background:#34d3991a}.admin-users-pager{display:flex;align-items:center;justify-content:flex-end;gap:8px;font-size:8.5px;color:var(--faint)}.admin-users-pager button{display:inline-flex;align-items:center;gap:3px;height:25px;padding:0 8px;border:1px solid var(--border-soft);border-radius:5px;background:transparent;color:var(--muted);font-size:8.5px}.admin-users-pager button:disabled{opacity:.35}.membership-form{display:grid;grid-template-columns:1fr 1fr;gap:10px}.membership-form label{display:flex;flex-direction:column;gap:4px}.membership-form label>span{font-size:9px;color:var(--muted)}.membership-form select,.membership-form input[type=number],.membership-form input[type=date]{height:32px;padding:0 8px;border:1px solid var(--border);border-radius:7px;background:var(--bg-2);color:var(--text);font-size:10.5px}.membership-form .membership-check{grid-column:1 / -1;flex-direction:row;align-items:center;gap:7px;color:var(--muted);font-size:9.5px}.membership-check input{accent-color:var(--accent)}@media(max-width:700px){.admin-users-head,.admin-users-row{grid-template-columns:minmax(130px,1fr) 55px 85px 55px}.admin-users-head span:nth-child(4),.admin-users-row>span:nth-child(4),.admin-users-head span:nth-child(5),.admin-users-row>span:nth-child(5){display:none}.admin-users-head span:last-child,.admin-users-row>button{grid-column:4}.membership-form{grid-template-columns:1fr}}.home-install-btn{display:inline-flex;align-items:center;gap:5px;height:34px;padding:0 11px;border:1px solid rgba(var(--accent-rgb),.32);border-radius:999px;background:var(--accent-soft);color:var(--accent-2);font-size:10px}.home-install-btn:hover{border-color:rgba(var(--accent-rgb),.55)}.home-footer-links a{color:var(--muted);text-decoration:none}.home-footer-links a:hover{color:var(--accent-2)}.settings-hint{color:var(--faint);font-size:8px;font-weight:400;margin-left:3px}.pxb-locale-select{height:34px;min-width:76px;padding:0 8px;border:1px solid var(--border-soft);border-radius:8px;background:transparent;color:var(--muted);font-size:11px;cursor:pointer}.pxb-locale-select:hover{color:var(--text);background:var(--panel-2)}.home-nav-actions .pxb-locale-select{min-width:82px}.settings-row .pxb-locale-select{margin-left:auto}.app[data-ui-theme=light] .pxb-locale-select{background:#fffdf8;border-color:var(--border)}.app[data-ui-style=linear][data-ui-theme=light]{--bg: #f7f9fc;--bg-2: #f1f5f9;--panel: #ffffff;--panel-2: #f8fafc;--panel-3: #e9eef5;--border: #dce3ec;--border-soft: #e9eef4;--text: #111827;--text-2: #3f4a5a;--muted: #5f6b7c;--faint: #7b8797;--paper: #ffffff;--accent-2: var(--accent);--shadow-sm: 0 1px 2px rgba(16, 24, 40, .04);--shadow-md: 0 12px 32px rgba(16, 24, 40, .08);--shadow-lg: 0 24px 64px rgba(16, 24, 40, .14);--accent-soft: rgba(var(--accent-rgb), .075)}.app[data-ui-style=linear][data-ui-theme=dark]{--bg: #090b10;--bg-2: #0d1016;--panel: #10131a;--panel-2: #161a22;--panel-3: #202530;--border: #292f3b;--border-soft: #20252f;--text: #f4f6fa;--text-2: #c4cad5;--muted: #949dab;--faint: #697383;--paper: #ffffff;--shadow-sm: 0 1px 2px rgba(0, 0, 0, .16);--shadow-md: 0 12px 32px rgba(0, 0, 0, .24);--shadow-lg: 0 24px 64px rgba(0, 0, 0, .38);--accent-soft: rgba(var(--accent-rgb), .13)}.app[data-ui-style=linear]{background:var(--bg);font-family:Inter,SF Pro Text,SF Pro Display,-apple-system,BlinkMacSystemFont,Segoe UI,PingFang SC,Hiragino Sans GB,Microsoft YaHei,sans-serif;font-feature-settings:"cv02","cv03","cv04","cv11";-webkit-font-smoothing:antialiased}.app[data-ui-style=linear] ::selection{color:var(--text);background:color-mix(in srgb,var(--accent) 24%,transparent)}.app[data-ui-style=linear] ::-webkit-scrollbar-thumb{background:var(--panel-3);border:2px solid transparent;background-clip:content-box}.app[data-ui-style=linear] button,.app[data-ui-style=linear] a,.app[data-ui-style=linear] input,.app[data-ui-style=linear] select{transition:color .15s ease,background-color .15s ease,border-color .15s ease,opacity .15s ease}.app[data-ui-style=linear] button:focus-visible,.app[data-ui-style=linear] a:focus-visible,.app[data-ui-style=linear] input:focus-visible,.app[data-ui-style=linear] select:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.app[data-ui-style=linear] .pxb-logo,.app[data-ui-style=linear] .brand-logo{box-shadow:none;filter:none}.app[data-ui-style=linear] .pxb-brand-line strong{font-family:inherit;font-weight:650;letter-spacing:-.02em}.app[data-ui-style=linear] .pxb-brand-en{color:var(--faint);font-weight:550;letter-spacing:1.8px}.app[data-ui-style=linear] .pxb-account-btn{border-color:var(--border);border-radius:8px;background:var(--panel);box-shadow:none}.app[data-ui-style=linear] .pxb-primary-btn,.app[data-ui-style=linear] .home-cta{background:var(--accent);background-image:none;border-color:var(--accent);box-shadow:none}.app[data-ui-style=linear] .pxb-primary-btn:hover,.app[data-ui-style=linear] .home-cta:hover{background:var(--accent);filter:brightness(1.06);transform:none}.app[data-ui-style=linear] .app-header,.app[data-ui-style=linear] .toolbar,.app[data-ui-style=linear] .score-toolbar,.app[data-ui-style=linear] .transport,.app[data-ui-style=linear] .status-bar,.app[data-ui-style=linear] .mobile-bar,.app[data-ui-style=linear] .panel,.app[data-ui-style=linear] .track-panel,.app[data-ui-style=linear] .inspector{background:var(--panel);background-image:none;box-shadow:none}.app[data-ui-style=linear] .app-header{background:var(--panel);-webkit-backdrop-filter:none;backdrop-filter:none}.app[data-ui-style=linear] .doc-chip{background:var(--panel-2);border-color:var(--border-soft);border-radius:7px;box-shadow:none}.app[data-ui-style=linear] .header-tools{padding:2px;background:var(--panel-2);border-color:var(--border)}.app[data-ui-style=linear] .header-tools .header-btn,.app[data-ui-style=linear][data-ui-theme=light] .header-tools .header-btn{color:var(--text-2)}.app[data-ui-style=linear] .header-tools .header-btn:hover,.app[data-ui-style=linear][data-ui-theme=light] .header-tools .header-btn:hover{color:var(--text);background:var(--panel-3)}.app[data-ui-style=linear] .header-btn.edit-active{color:var(--accent-2);background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 45%,var(--border))}.app[data-ui-style=linear] .header-menu,.app[data-ui-style=linear] .home-account-menu{background:var(--panel);border-color:var(--border);border-radius:10px;box-shadow:var(--shadow-md)}.app[data-ui-style=linear] .track-item{border-radius:7px}.app[data-ui-style=linear] .track-item.active{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));box-shadow:inset 2px 0 0 var(--accent)}.app[data-ui-style=linear] .track-item.active .track-copy strong,.app[data-ui-style=linear] .track-copy strong{color:var(--text-2)}.app[data-ui-style=linear] .track-item.active .track-copy strong{color:var(--accent-2)}.app[data-ui-style=linear] .field-input input,.app[data-ui-style=linear] .field-input select,.app[data-ui-style=linear] .field-input textarea,.app[data-ui-style=linear] .mini-toggle,.app[data-ui-style=linear] .theme-switch,.app[data-ui-style=linear] .settings-row select,.app[data-ui-style=linear] .mobile-field select,.app[data-ui-style=linear] .tuner-pickers select,.app[data-ui-style=linear] .tuner-pickers input,.app[data-ui-style=linear] .chord-controls select,.app[data-ui-style=linear] .fretboard-controls select,.app[data-ui-style=linear] .pxb-locale-select{background-color:var(--panel-2);border-color:var(--border);box-shadow:none}.app[data-ui-style=linear] .field-input input:focus,.app[data-ui-style=linear] .field-input select:focus,.app[data-ui-style=linear] .settings-row select:focus{background:var(--panel);border-color:var(--accent);box-shadow:0 0 0 3px var(--accent-soft)}.app[data-ui-style=linear] .score-area,.app[data-ui-style=linear] .score-scroll{background:var(--bg);background-image:none}.app[data-ui-style=linear] .sheet-page{border:1px solid var(--border);border-radius:3px;box-shadow:var(--shadow-sm)}.app[data-ui-style=linear] .score-toolbar-group,.app[data-ui-style=linear] .score-toolbar-zoom{background:var(--panel-2);border-color:var(--border);box-shadow:none}.app[data-ui-style=linear] .score-toolbar-group button.active{box-shadow:none}.app[data-ui-style=linear] .play-button{background:var(--accent);border-radius:10px;box-shadow:none}.app[data-ui-style=linear] .play-button.playing{box-shadow:0 0 0 3px var(--accent-soft)}.app[data-ui-style=linear] .home{background:var(--bg);background-image:none}.app[data-ui-style=linear][data-ui-theme=light] .home{background:#fbfcfe}.app[data-ui-style=linear] .home-nav,.app[data-ui-style=linear][data-ui-theme=light] .home-nav{background:color-mix(in srgb,var(--panel) 92%,transparent);border-bottom:1px solid var(--border-soft);box-shadow:none;-webkit-backdrop-filter:blur(16px);backdrop-filter:blur(16px)}.app[data-ui-style=linear] .home-nav-inner{padding-top:15px;padding-bottom:15px}.app[data-ui-style=linear] .home-nav-links button{color:var(--muted);font-size:13px;font-weight:450;letter-spacing:0}.app[data-ui-style=linear] .home-icon-btn,.app[data-ui-style=linear] .home-install-btn,.app[data-ui-style=linear] .home-nav .pxb-locale-select{border-radius:8px;border-color:var(--border);background:transparent;box-shadow:none}.app[data-ui-style=linear] .home-hero{min-height:610px;padding-top:82px;padding-bottom:72px;gap:72px}.app[data-ui-style=linear] .home-eyebrow{padding:0;border:0;border-radius:0;background:transparent;color:var(--muted);font-size:10px;font-weight:550;letter-spacing:.08em}.app[data-ui-style=linear] .home-live-dot{box-shadow:none}.app[data-ui-style=linear] .home-hero h1{margin-top:24px;font-weight:680;letter-spacing:-.055em}.app[data-ui-style=linear] .home-hero h1 em:after{display:none}.app[data-ui-style=linear] .home-lede{color:var(--muted);font-size:15px;line-height:1.8}.app[data-ui-style=linear] .home-cta,.app[data-ui-style=linear] .home-cta-secondary{height:44px;border-radius:8px;font-size:13px;font-weight:600}.app[data-ui-style=linear] .home-cta-secondary{background:var(--panel);border-color:var(--border);color:var(--text-2)}.app[data-ui-style=linear] .home-hero-trust{color:var(--faint)}.app[data-ui-style=linear] .home-hero-glow{display:none}.app[data-ui-style=linear] .home-hero-sheet,.app[data-ui-style=linear][data-ui-theme=light] .home-hero-sheet{background:var(--panel);border:1px solid var(--border);border-radius:12px;box-shadow:var(--shadow-md);transform:none}.app[data-ui-style=linear] .hero-score-svg{border-radius:12px}.app[data-ui-style=linear] .home-float{border-radius:7px;background:var(--panel);border-color:var(--border);box-shadow:var(--shadow-sm);-webkit-backdrop-filter:none;backdrop-filter:none}.app[data-ui-style=linear] .home-format-line{border-color:var(--border-soft)}.app[data-ui-style=linear] .home-section{padding-top:88px}.app[data-ui-style=linear] .home-kicker{color:var(--accent-2);font-size:9px;letter-spacing:2.4px}.app[data-ui-style=linear] .home-section h2{font-weight:650;letter-spacing:-.04em}.app[data-ui-style=linear] .home-section-head p,.app[data-ui-style=linear] .home-feature-intro p{color:var(--muted);line-height:1.75}.app[data-ui-style=linear] .home-library-search{height:40px;border-radius:8px;background:var(--panel);border-color:var(--border);box-shadow:none}.app[data-ui-style=linear] .home-library-search:focus-within{box-shadow:0 0 0 3px var(--accent-soft)}.app[data-ui-style=linear] .home-filters button{height:30px;border-radius:6px;border-color:transparent;font-size:11px}.app[data-ui-style=linear] .home-filters button:hover{background:var(--panel-2);border-color:var(--border)}.app[data-ui-style=linear] .home-filters button.active{color:var(--accent-2);border-color:color-mix(in srgb,var(--accent) 30%,var(--border));background:var(--accent-soft)}.app[data-ui-style=linear] .home-score-grid,.app[data-ui-style=linear] .home-tools{gap:16px}.app[data-ui-style=linear] .home-score-card,.app[data-ui-style=linear] .home-tool-card,.app[data-ui-style=linear] .home-plan,.app[data-ui-style=linear] .home-empty{background:var(--panel);border-color:var(--border);border-radius:10px;box-shadow:none}.app[data-ui-style=linear] .home-score-card:hover,.app[data-ui-style=linear] .home-tool-card:hover{transform:none;background:var(--panel);border-color:color-mix(in srgb,var(--accent) 45%,var(--border));box-shadow:var(--shadow-sm)}.app[data-ui-style=linear] .home-score-art{height:104px;background:var(--panel-2);background-image:none;border-bottom:1px solid var(--border-soft)}.app[data-ui-style=linear] .home-score-lines{opacity:.2}.app[data-ui-style=linear] .home-score-glyph,.app[data-ui-style=linear] .home-tool-icon{background:var(--accent-soft);border-color:color-mix(in srgb,var(--accent) 18%,var(--border));border-radius:8px;-webkit-backdrop-filter:none;backdrop-filter:none}.app[data-ui-style=linear] .home-score-body{padding:16px}.app[data-ui-style=linear] .home-score-card h3{font-size:15px;font-weight:600}.app[data-ui-style=linear] .home-score-card p{font-size:11px}.app[data-ui-style=linear] .home-open-btn,.app[data-ui-style=linear] .home-dl-btn,.app[data-ui-style=linear] .home-manage-btn{border-radius:6px;background:var(--panel-2);border-color:var(--border)}.app[data-ui-style=linear] .home-tool-card{padding:24px}.app[data-ui-style=linear] .home-tool-card strong{font-size:14px}.app[data-ui-style=linear] .home-tool-card p,.app[data-ui-style=linear] .home-feature-card p{font-size:11px;line-height:1.75}.app[data-ui-style=linear] .home-feature-grid{border-color:var(--border);border-radius:10px;background:var(--border)}.app[data-ui-style=linear] .home-feature-card{background:var(--panel)}.app[data-ui-style=linear] .home-period{border-radius:8px;background:var(--panel-2);border-color:var(--border)}.app[data-ui-style=linear] .home-period button.active{background:var(--panel);color:var(--text);box-shadow:var(--shadow-sm)}.app[data-ui-style=linear] .home-plan{padding:24px 20px 20px}.app[data-ui-style=linear] .home-plan.highlight{background:var(--panel);border-color:var(--accent);box-shadow:none}.app[data-ui-style=linear] .home-plan-badge{border-radius:5px;background:var(--accent-soft)}.app[data-ui-style=linear] .home-plan button{border-radius:7px}.app[data-ui-style=linear] .home-end-cta{padding:40px;border-radius:12px;background:var(--panel);background-image:none;border-color:var(--border)}.app[data-ui-style=linear] .home-footer{border-color:var(--border-soft)}.app[data-ui-style=linear] .modal,.app[data-ui-style=linear] .tuner-card,.app[data-ui-style=linear] .chord-card,.app[data-ui-style=linear] .fretboard-card{background:var(--panel);background-image:none;border-color:var(--border);border-radius:12px;box-shadow:var(--shadow-lg)}.app[data-ui-style=linear] .settings-section,.app[data-ui-style=linear] .export-card,.app[data-ui-style=linear] .about-block,.app[data-ui-style=linear] .chord-item,.app[data-ui-style=linear] .tuner-display,.app[data-ui-style=linear] .fretboard-scroll,.app[data-ui-style=linear] .tuner-strings button,.app[data-ui-style=linear] .chord-root-row button,.app[data-ui-style=linear] .fretboard-shapes button,.app[data-ui-style=linear] .admin-stat,.app[data-ui-style=linear] .admin-panel{background:var(--panel-2);background-image:none;border-color:var(--border);border-radius:8px}.app[data-ui-style=linear] .export-card:hover:not(:disabled){transform:none;background:var(--accent-soft)}.app[data-ui-style=linear] .toast,.app[data-ui-style=linear] .home-notice,.app[data-ui-style=linear] .audio-load-banner{background:var(--panel);border-color:var(--border);border-radius:9px;box-shadow:var(--shadow-md)}.app[data-ui-style=linear] .drop-card{background:var(--panel);border-radius:12px;box-shadow:none}@media(max-width:1180px){.app[data-ui-style=linear] .home-hero{gap:40px}}@media(max-width:900px){.app[data-ui-style=linear] .home-hero{min-height:0;padding-top:52px;padding-bottom:44px;gap:40px}.app[data-ui-style=linear] .home-section{padding-top:64px}.app[data-ui-style=linear] .home-float-b{left:0}}