.editor-shell-active,.editor-shell-active body,.editor-shell-active #root{height:100%;overflow:hidden}.app-shell{--shell-topbar-height: 68px;--shell-sidebar-width: 216px;--shell-inspector-width: 320px;height:100dvh;min-height:0;display:grid;grid-template-rows:auto auto minmax(0,1fr);overflow:hidden;background:#edf0f2;color:var(--body)}.top-app-bar{position:relative;z-index:100;display:flex;align-items:center;gap:10px;min-height:var(--shell-topbar-height);padding:10px 18px;color:#f3f6f8;background:#17212a;border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 4px 14px #0e18202e}.top-app-bar button,.desktop-sidebar button,.inspector-panel button{-webkit-tap-highlight-color:transparent}.top-icon-button,.top-action-button,.top-text-button{min-width:42px;height:42px;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#e8edf1;background:#ffffff0e;transition:color .12s ease,border-color .12s ease,background .12s ease}.top-icon-button{display:inline-grid;place-items:center;padding:0}.top-icon-button svg,.top-action-button svg,.top-app-mark svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.top-icon-button:not(:disabled):hover,.top-action-button:not(:disabled):hover,.top-text-button:not(:disabled):hover{color:#fff;border-color:#e57f56a6;background:#e57f5629}.top-icon-button:focus-visible,.top-action-button:focus-visible,.top-text-button:focus-visible,.sidebar-nav-item:focus-visible,.inspector-close:focus-visible{outline:2px solid #e58a65;outline-offset:2px}.top-icon-button:disabled,.top-action-button:disabled{color:#667681;border-color:#fff1;background:#ffffff06;cursor:not-allowed}.top-action-button,.top-text-button{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 13px;font-size:13px;font-weight:600}.top-action-button svg{width:17px;height:17px}.top-text-button{min-width:auto;white-space:nowrap}.tablet-menu-button{display:none}.top-app-mark{display:inline-grid;place-items:center;flex:0 0 38px;width:38px;height:38px;border-radius:9px;color:#fff;background:#cc704f}.top-app-mark svg{width:22px;height:22px}.top-song-identity{display:grid;grid-template-columns:minmax(120px,1fr) auto;align-items:center;gap:10px;flex:1;min-width:0}.top-song-title{width:100%;min-width:0;height:40px;padding:0 4px;border:0;border-bottom:1px solid transparent;outline:none;color:#fff;background:transparent;font:650 17px/1.2 var(--font-sans);text-overflow:ellipsis}.top-song-title:focus{border-bottom-color:#ffffff57}.top-song-title::placeholder{color:#8696a2}.top-save-status{display:inline-flex;align-items:center;gap:6px;color:#9baab5;font-size:11px;white-space:nowrap}.save-status-dot{width:6px;height:6px;border-radius:50%;background:#d58a69}.top-save-status.is-saved .save-status-dot{background:#71b78a}.top-save-status.is-saving .save-status-dot{background:#e4b45d;animation:save-status-pulse .9s ease-in-out infinite alternate}.top-save-status.is-error{color:#ffb3a7}.top-save-status.is-error .save-status-dot{background:#ef6f61}@keyframes save-status-pulse{0%{opacity:.45}to{opacity:1}}.top-primary-actions,.top-secondary-actions{display:flex;align-items:center;gap:7px}.top-secondary-actions{flex:0 0 auto}.top-primary-actions{padding-left:10px;border-left:1px solid rgba(255,255,255,.1)}.inspector-toggle.is-active{color:#fff;border-color:#d6805e;background:#d5754f33}.top-more{position:relative;display:none}.top-more>.top-icon-button.is-active{color:#fff;border-color:#e57f56ad;background:#e57f562e}.top-more-menu{position:absolute;top:calc(100% + 10px);right:0;z-index:130;display:grid;width:min(270px,calc(100vw - 24px));padding:7px;color:#25343e;background:#fff;border:1px solid #d9e0e5;border-radius:12px;box-shadow:0 18px 44px #08111847}.top-more-menu>button{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:44px;padding:0 11px;border:0;border-radius:8px;color:#34434e;background:transparent;font:600 13px/1.3 var(--font-sans);text-align:left}.top-more-menu>button:not(:disabled):hover{color:#a95335;background:#f8eee9}.top-more-menu>button:focus-visible{outline:2px solid #d97c58;outline-offset:-2px}.top-more-menu>button:disabled{color:#9ba5ac;cursor:not-allowed}.top-more-menu>button span{color:#aab2b8;font-size:11px;font-weight:500}.top-more-status{display:grid;gap:3px;margin-top:5px;padding:10px 11px 8px;border-top:1px solid #e7ebee;color:#71808a;font-size:11px;line-height:1.45}.top-more-status strong{color:#4d5d68;font-size:12px}.app-shell-grid{min-width:0;min-height:0;height:100%;display:grid;grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr) var(--shell-inspector-width);align-items:stretch;overflow:hidden}.app-shell:not([data-inspector-open]) .app-shell-grid{grid-template-columns:var(--shell-sidebar-width) minmax(0,1fr) 0}.app-shell-sidebar{grid-column:1;min-height:0;min-width:0;overflow:hidden;background:#1d2933;border-right:1px solid rgba(255,255,255,.055)}.desktop-sidebar{display:flex;flex-direction:column;justify-content:space-between;height:100%;min-height:0;overflow-y:auto;padding:18px 12px 14px;color:#d3dbe1}.sidebar-nav-list{display:grid;gap:6px}.sidebar-nav-item{display:flex;align-items:center;gap:11px;width:100%;min-height:44px;padding:0 12px;border:1px solid transparent;border-radius:8px;color:#cbd4da;background:transparent;font-size:14px;font-weight:550;text-align:left}.sidebar-nav-item svg{flex:0 0 20px;width:20px;height:20px;fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.7}.sidebar-nav-item:not(:disabled):hover{color:#fff;background:#ffffff0e}.sidebar-nav-item.is-active{color:#f0a17f;background:#d26f491f;border-color:#d7775240;box-shadow:inset 3px 0 #d57652}.sidebar-nav-item:disabled{color:#65747e;cursor:not-allowed}.sidebar-storage-note{margin:0;padding:12px;border-top:1px solid rgba(255,255,255,.08);color:#7f8e98;font-size:11px;line-height:1.55}.app-shell-toolbar{position:relative;z-index:45;min-width:0;background:#fbfcfdf7;border-bottom:1px solid #d9dfe4;box-shadow:0 4px 12px #1d2a340e;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.notation-toolbar{position:relative;min-width:0}.notation-toolbar-scroll{min-width:0;overflow-x:auto;overflow-y:hidden;overscroll-behavior-x:contain;scrollbar-width:none;-webkit-overflow-scrolling:touch}.notation-toolbar-scroll::-webkit-scrollbar{display:none}.notation-toolbar:before,.notation-toolbar:after{position:absolute;top:0;bottom:0;z-index:2;width:18px;content:"";pointer-events:none}.notation-toolbar:before{left:0;background:linear-gradient(90deg,rgba(251,252,253,.98),transparent)}.notation-toolbar:after{right:0;background:linear-gradient(270deg,rgba(251,252,253,.98),transparent)}.notation-toolbar .notebar{flex-wrap:nowrap;width:max-content;min-width:100%;min-height:64px;margin:0;padding:10px 16px;border:0;border-radius:0;background:transparent}.notation-toolbar .notebar-hint{padding-right:8px}.notation-toolbar .notebar>*,.notation-toolbar .notebar .hand-picker,.notation-toolbar .notebar .dur{flex:0 0 auto}.notation-toolbar .notebar .dur{min-width:44px;height:44px}.notation-toolbar .notebar .notebar-delete{width:auto;min-width:44px;padding:0 14px;gap:4px;color:var(--error, #c64545);border-color:var(--error, #c64545);font-weight:600}.notation-toolbar .notebar .notebar-delete:hover{background:var(--error, #c64545);color:#fff}.main-workspace{grid-column:2;min-height:0;min-width:0;padding:18px;overflow:auto;overscroll-behavior:contain}.score-canvas{min-width:0}.score-canvas .sheet{width:100%;min-width:0}.app-shell-inspector{grid-column:3;width:var(--shell-inspector-width);height:100%;min-height:0;min-width:0;max-width:var(--shell-inspector-width);overflow:hidden;background:#f8f9fa;border-left:1px solid #d9dfe4}.app-shell:not([data-inspector-open]) .app-shell-inspector{display:none}.inspector-panel{display:flex;flex-direction:column;align-self:stretch;width:100%;height:100%;min-height:0;overflow:hidden;background:#f8f9fa}.inspector-panel,.inspector-panel *{box-sizing:border-box}.inspector-header{display:flex;align-items:center;justify-content:space-between;gap:12px;min-height:62px;flex:0 0 auto;padding:10px 14px;background:#fff;border-bottom:1px solid #dfe4e8}.inspector-header>div{display:grid;gap:1px;min-width:0}.inspector-header strong{color:#26343e;font-size:14px}.inspector-header span{color:#7a8790;font-size:10px;line-height:1.35;white-space:normal}.inspector-close{display:grid;place-items:center;flex:0 0 36px;width:36px;height:36px;padding:0;border:1px solid #dce2e6;border-radius:8px;color:#63717b;background:#f7f8f9;font-size:22px;line-height:1}.inspector-body,.inspector-scroll{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;overscroll-behavior:contain;padding:14px}.inspector-section+.inspector-section{margin-top:22px;padding-top:18px;border-top:1px solid #dfe4e8}.inspector-section>h2{margin:0 0 10px;color:#4a5964;font-size:12px;font-weight:700;letter-spacing:.06em}.inspector-panel .toolbar,.inspector-panel .tracks{position:static;display:grid;grid-template-columns:1fr;align-items:stretch;gap:11px;margin:0;padding:12px;background:#fff;border:1px solid #dfe4e8;border-radius:10px;box-shadow:none;min-width:0;width:100%}.inspector-panel .toolbar .grp{display:grid;grid-template-columns:88px minmax(0,1fr);align-items:center;gap:8px;min-width:0}.inspector-panel .toolbar .grp>label,.inspector-panel .tracks>.tlabel{color:#66737d;font-size:11px;font-weight:600}.inspector-panel .toolbar select,.inspector-panel .toolbar .seg,.inspector-panel .toolbar .stepper{min-width:0;max-width:100%;width:100%}.inspector-panel .toolbar .seg-btn{flex:1;padding-inline:8px}.inspector-panel .toolbar .stepper,.inspector-panel .tracks .stepper{min-width:0;max-width:100%;width:100%;justify-content:space-between}.inspector-panel .toolbar>.toggle,.inspector-panel .tracks>.toggle{min-width:0;width:100%;justify-content:space-between;min-height:44px;border-bottom:1px solid #edf0f2}.inspector-panel .tracks .capo-label{margin-left:0}.inspector-panel .sidebar{position:static;width:auto;max-height:none;margin:0;padding:12px;overflow:visible;background:#fff;border-color:#dfe4e8;border-radius:10px;min-width:0;max-width:100%}.inspector-panel .sidebar>h3{display:none}.inspector-panel .chord-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.app-shell-scrim{display:none}.main-workspace>.lyrics-entry{margin-top:16px}.line-block{scroll-margin-block:92px 24px;transition:box-shadow .14s ease,background-color .14s ease}.lyrics-editor-panel{position:fixed;z-index:35;left:calc(var(--shell-sidebar-width) + 18px);right:calc(var(--shell-inspector-width) + 18px);bottom:14px;display:flex;flex-direction:column;height:min(320px,calc(100dvh - 160px));min-width:0;overflow:hidden;color:#273640;background:#fff;border:1px solid #d9dfe4;border-radius:12px;box-shadow:0 18px 50px #121d263d}.app-shell:not([data-inspector-open]) .lyrics-editor-panel{right:18px}.lyrics-editor-header{display:flex;align-items:center;gap:16px;flex:0 0 auto;min-height:58px;padding:11px 16px;background:#fafbfb;border-bottom:1px solid #e2e6e9}.lyrics-editor-header>div{min-width:0}.lyrics-editor-header h2,.lyrics-editor-header p{margin:0}.lyrics-editor-header h2{color:#26343e;font-size:17px;line-height:1.35}.lyrics-editor-header p{margin-top:3px;color:#77848d;font-size:12px;line-height:1.45}.lyrics-document-textarea:focus-visible,.lyrics-editor-cancel:focus-visible,.lyrics-editor-save:focus-visible{outline:2px solid #d97c58;outline-offset:2px}.lyrics-editor-notice{padding:10px 18px;color:#815037;background:#fff6ef;border-bottom:1px solid #efd9cb;font-size:12px;line-height:1.5}.lyrics-editor-body{flex:1 1 auto;min-height:0;padding:12px 16px;overflow:hidden;overscroll-behavior:contain}.lyrics-document-textarea{box-sizing:border-box;width:100%;height:100%;min-height:120px;resize:none;padding:12px 14px;overflow:auto;color:#273640;background:#fff;border:1px solid #cfd7dc;border-radius:9px;font:500 16px/1.65 var(--font-sans);caret-color:#bd6748;white-space:pre-wrap}.lyrics-document-textarea:focus{border-color:#cf7959;box-shadow:0 0 0 3px #cf795921}.lyrics-editor-actions{display:flex;flex:0 0 auto;justify-content:flex-end;gap:8px;padding:10px 16px 12px;background:#fafbfb;border-top:1px solid #e2e6e9}.lyrics-editor-cancel,.lyrics-editor-save{min-height:44px;padding:0 18px;border:1px solid #d8dee2;border-radius:8px;color:#65737d;background:#fff;font:650 14px/1.2 var(--font-sans)}.lyrics-editor-cancel:hover{color:#a95335;border-color:#d99a82;background:#fcf5f2}.lyrics-editor-save{color:#fff;border-color:#bc694b;background:#c87353}.lyrics-editor-save:not(:disabled):hover{border-color:#a85c41;background:#b96547}.lyrics-editor-save:disabled{cursor:not-allowed;opacity:.48}@media(max-width:1199px){.app-shell{--shell-sidebar-width: 280px;--shell-inspector-width: 360px}.lyrics-editor-panel,.app-shell:not([data-inspector-open]) .lyrics-editor-panel{left:12px;right:12px;bottom:10px;height:min(310px,calc(100dvh - 150px))}.tablet-menu-button{display:inline-grid}.desktop-back-button{display:none}.top-app-bar{padding-inline:14px}.top-song-identity{display:block;flex:1 1 auto;min-width:0}.top-save-status,.top-primary-actions{display:none}.top-more{display:block}.desktop-export-button{display:none}.app-shell-grid,.app-shell:not([data-inspector-open]) .app-shell-grid{grid-template-columns:minmax(0,1fr)}.main-workspace{grid-column:1;padding:16px}.app-shell-sidebar,.app-shell-inspector,.app-shell:not([data-inspector-open]) .app-shell-inspector{position:fixed;top:var(--shell-topbar-height);bottom:0;z-index:92;display:block;grid-column:auto;grid-row:auto;box-shadow:16px 0 36px #121d253d}.app-shell-sidebar{left:0;width:min(var(--shell-sidebar-width),calc(100vw - 72px));transform:translate(-102%)}.app-shell[data-sidebar-open] .app-shell-sidebar{transform:translate(0)}.app-shell-inspector,.app-shell:not([data-inspector-open]) .app-shell-inspector{right:0;width:min(var(--shell-inspector-width),calc(100vw - 72px));transform:translate(102%);box-shadow:-16px 0 36px #121d2533}.app-shell[data-inspector-open] .app-shell-inspector{transform:translate(0)}.desktop-sidebar,.inspector-panel{height:100%}.app-shell-scrim{position:fixed;inset:var(--shell-topbar-height) 0 0;z-index:90;display:block;border:0;background:#0b131957}.notation-toolbar .notebar{min-width:max-content}.layout{flex-direction:column}.lyrics-editor-lines{max-height:min(46dvh,380px)}}@media(max-width:860px){.top-app-bar{gap:7px;min-height:64px;padding:8px 10px}.top-app-mark{flex-basis:40px;width:40px;height:40px}.top-song-title{height:44px;padding-inline:2px;font-size:15px}.top-secondary-actions{gap:5px}.top-secondary-actions .top-text-button{min-width:auto;padding-inline:9px;font-size:12px}.top-icon-button,.top-action-button,.top-text-button{min-width:44px;height:44px}.main-workspace{padding:8px}.score-canvas .sheet{padding:12px 7px 16px;border-radius:10px}.lyrics-editor-panel{border-radius:10px}.lyrics-editor-header{padding-inline:12px}.lyrics-editor-header p{display:none}}@media(min-width:861px)and (max-width:1199px){.top-song-title{max-width:min(420px,36vw)}}@media print{.editor-shell-active,.editor-shell-active body,.editor-shell-active #root{height:auto;overflow:visible}.top-app-bar,.app-shell-sidebar,.app-shell-toolbar,.app-shell-inspector,.app-shell-scrim{display:none!important}.app-shell,.app-shell-grid,.main-workspace,.score-canvas{display:block;height:auto;min-height:0;overflow:visible;padding:0;background:#fff}}.recovery-page{--recovery-bg: #111920;--recovery-panel: #17222b;--recovery-card: #202e38;--recovery-border: rgba(230, 238, 243, .14);--recovery-border-strong: rgba(230, 238, 243, .23);--recovery-text: #f1f4f6;--recovery-muted: #96a4ae;--recovery-accent: #d07a58;min-height:100dvh;color:var(--recovery-text);background:var(--recovery-bg)}.recovery-page *,.recovery-page *:before,.recovery-page *:after{box-sizing:border-box}.recovery-page button{font:inherit}.recovery-page button:focus-visible{outline:2px solid #e19676;outline-offset:2px}.recovery-topbar{position:sticky;top:0;z-index:20;display:grid;grid-template-columns:minmax(180px,1fr) auto minmax(180px,1fr);align-items:center;gap:20px;min-height:82px;padding:13px clamp(22px,4vw,62px);background:#151f27;border-bottom:1px solid var(--recovery-border);box-shadow:0 10px 28px #050a0e2e}.recovery-topbar>div{text-align:center}.recovery-topbar>div>span{color:#df8b68;font-size:10px;font-weight:750;letter-spacing:.13em}.recovery-topbar h1{margin:2px 0 0;color:#fff;font-family:var(--font-display);font-size:25px;font-weight:500}.recovery-back,.recovery-clear,.recovery-delete{min-height:42px;padding:0 14px;border:1px solid var(--recovery-border-strong);border-radius:9px;color:#c4cdd3;background:transparent;font-size:13px;font-weight:680}.recovery-back{justify-self:start}.recovery-back span{margin-right:5px}.recovery-clear{justify-self:end;color:#e7aaa4;border-color:#c9797259}.recovery-back:hover,.recovery-clear:hover:not(:disabled),.recovery-delete:hover{color:#fff;border-color:var(--recovery-accent);background:#d07a581a}.recovery-clear:disabled{cursor:not-allowed;opacity:.45}.recovery-layout{display:grid;grid-template-columns:minmax(260px,340px) minmax(0,1fr);width:min(100%,1500px);min-height:calc(100dvh - 82px);margin:0 auto}.recovery-list-panel{min-width:0;padding:30px 20px 48px clamp(22px,4vw,54px);background:#17222b94;border-right:1px solid var(--recovery-border)}.recovery-list-heading{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:14px}.recovery-list-heading strong{color:#e6ebee;font-size:13px}.recovery-list-heading span{color:var(--recovery-muted);font-size:10px}.recovery-list{display:grid;gap:9px}.recovery-list-item{display:grid;justify-items:start;gap:6px;width:100%;padding:15px;border:1px solid var(--recovery-border);border-radius:11px;color:inherit;background:#202e38b8;text-align:left;transition:border-color .13s ease,background .13s ease,transform .13s ease}.recovery-list-item:hover,.recovery-list-item.is-selected{border-color:#d07a588c;background:#24343f}.recovery-list-item:hover{transform:translateY(-1px)}.recovery-list-item strong{width:100%;overflow:hidden;color:#fff;font-size:14px;text-overflow:ellipsis;white-space:nowrap}.recovery-list-item time,.recovery-list-item small{color:var(--recovery-muted);font-size:10px;line-height:1.4}.recovery-status{display:inline-flex;min-height:22px;align-items:center;padding:0 8px;border-radius:999px;font-size:9px;font-weight:750;letter-spacing:.03em}.recovery-status.is-ready{color:#a9d5b5;background:#57976b24;border:1px solid rgba(87,151,107,.26)}.recovery-status.is-partial{color:#e8c68e;background:#c5974c24;border:1px solid rgba(197,151,76,.28)}.recovery-status.is-damaged{color:#efaaa3;background:#c9797224;border:1px solid rgba(201,121,114,.28)}.recovery-detail{min-width:0;padding:36px clamp(24px,5vw,70px) 64px;overflow:hidden}.recovery-detail-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:24px;padding-bottom:22px;border-bottom:1px solid var(--recovery-border)}.recovery-detail-heading>div>span{color:#df8b68;font-size:10px;font-weight:750;letter-spacing:.11em;text-transform:uppercase}.recovery-detail-heading h2{margin:6px 0 5px;overflow-wrap:anywhere;color:#fff;font-family:var(--font-display);font-size:clamp(27px,3vw,38px);font-weight:450}.recovery-detail-heading p{margin:0;color:var(--recovery-muted);font-size:12px}.recovery-delete{flex:0 0 auto;color:#e7aaa4;border-color:#c9797252}.recovery-archive-note,.recovery-warning,.recovery-operation-error{margin:18px 0 0;padding:13px 15px;border-radius:9px;font-size:12px;line-height:1.6}.recovery-archive-note{color:#bdc7ce;background:#69899f1a;border:1px solid rgba(105,137,159,.22)}.recovery-warning,.recovery-operation-error{display:grid;gap:2px;color:#f1c8a4;background:#c5974c1c;border:1px solid rgba(197,151,76,.28)}.recovery-operation-error{color:#ffd0cb;background:#c979721f;border-color:#c9797252}.recovery-candidates{display:grid;gap:16px;margin-top:20px}.recovery-candidate{overflow:hidden;background:var(--recovery-card);border:1px solid var(--recovery-border);border-radius:13px;box-shadow:0 12px 28px #04090d24}.recovery-candidate-heading{display:flex;align-items:flex-start;justify-content:space-between;gap:20px;padding:19px 20px;border-bottom:1px solid var(--recovery-border)}.recovery-candidate-heading>div{min-width:0}.recovery-candidate-heading span{color:#f0b096;font-size:10px;font-weight:750}.recovery-candidate-heading h3{margin:5px 0 4px;overflow-wrap:anywhere;color:#fff;font-size:18px}.recovery-candidate-heading small{display:block;max-width:540px;overflow:hidden;color:var(--recovery-muted);font-size:10px;text-overflow:ellipsis;white-space:nowrap}.recovery-candidate-heading button{flex:0 0 auto;min-height:42px;padding:0 15px;color:#fff;background:var(--recovery-accent);border:1px solid var(--recovery-accent);border-radius:8px;font-size:12px;font-weight:750}.recovery-candidate-heading button:hover:not(:disabled){background:#df8b68;border-color:#df8b68}.recovery-candidate-heading button:disabled{cursor:not-allowed;color:#788791;background:#26343d;border-color:var(--recovery-border)}.recovery-preview{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:0;margin:0;padding:4px 20px 18px}.recovery-preview>div{min-width:0;padding:14px 13px 8px;border-bottom:1px solid rgba(230,238,243,.08)}.recovery-preview dt{color:var(--recovery-muted);font-size:10px}.recovery-preview dd{margin:4px 0 0;overflow-wrap:anywhere;color:#f0f3f5;font-size:13px;font-weight:680}.recovery-candidate-warning,.recovery-no-candidate{display:grid;gap:4px;margin:17px 20px 20px;padding:13px;color:#efb0aa;background:#c9797217;border:1px solid rgba(201,121,114,.24);border-radius:8px;font-size:12px}.recovery-candidate-warning span{color:#c8a09c}.recovery-no-candidate{color:var(--recovery-muted);background:var(--recovery-panel);border-color:var(--recovery-border)}.recovery-state{display:flex;min-height:calc(100dvh - 82px);flex-direction:column;align-items:center;justify-content:center;padding:48px 24px;text-align:center}.recovery-state-icon{display:grid;place-items:center;width:76px;height:76px;color:#df8b68;background:#d07a581c;border:1px solid rgba(208,122,88,.23);border-radius:50%;font-size:28px}.recovery-state-icon.is-warning{color:#efaaa3;background:#c979721c;border-color:#c9797240}.recovery-state h2{margin:18px 0 5px;color:#fff;font-family:var(--font-display);font-size:28px;font-weight:450}.recovery-state p{margin:0 0 20px;color:var(--recovery-muted);font-size:13px}.recovery-state button{min-height:42px;padding:0 15px;color:#fff;background:var(--recovery-accent);border:1px solid var(--recovery-accent);border-radius:8px}.recovery-dialog-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#04080bb8}.recovery-dialog{width:min(100%,460px);padding:22px;color:var(--recovery-text);background:#1d2932;border:1px solid var(--recovery-border-strong);border-radius:14px;box-shadow:0 26px 70px #0000006b}.recovery-dialog h2{margin:0 0 7px;color:#fff;font-size:19px}.recovery-dialog p{margin:0;color:var(--recovery-muted);font-size:13px;line-height:1.6}.recovery-dialog>div{display:flex;justify-content:flex-end;gap:9px;margin-top:21px}.recovery-dialog button{min-width:104px;min-height:42px;color:#cbd3d8;background:transparent;border:1px solid var(--recovery-border-strong);border-radius:8px;font-size:13px;font-weight:700}.recovery-dialog button.is-danger{color:#fff;background:#a85f59;border-color:#a85f59}.recovery-dialog button:disabled{opacity:.55}@media(max-width:900px){.recovery-topbar{grid-template-columns:1fr 1fr}.recovery-topbar>div{grid-column:1 / -1;grid-row:1}.recovery-back{grid-column:1;grid-row:2}.recovery-clear{grid-column:2;grid-row:2}.recovery-layout{grid-template-columns:1fr}.recovery-list-panel{padding:22px;border-right:0;border-bottom:1px solid var(--recovery-border)}.recovery-list,.recovery-preview{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:600px){.recovery-topbar{gap:10px;padding:12px 14px}.recovery-back,.recovery-clear{width:100%;padding-inline:9px;font-size:11px}.recovery-list{grid-template-columns:1fr}.recovery-detail{padding:26px 16px 48px}.recovery-detail-heading,.recovery-candidate-heading{flex-direction:column}.recovery-delete,.recovery-candidate-heading button{width:100%}.recovery-preview{grid-template-columns:1fr 1fr;padding-inline:8px}.recovery-dialog>div{display:grid;grid-template-columns:1fr 1fr}}.song-list-page{--library-bg: #111920;--library-bg-elevated: #17222b;--library-card: #202e38;--library-card-hover: #253540;--library-border: rgba(230, 238, 243, .14);--library-border-strong: rgba(230, 238, 243, .23);--library-text: #f1f4f6;--library-muted: #96a4ae;--library-muted-strong: #bdc7ce;--library-accent: #d07a58;--library-accent-hover: #df8b68;--library-accent-soft: rgba(208, 122, 88, .13);--library-danger: #c97972;height:100dvh;min-height:0;display:grid;grid-template-rows:auto minmax(0,1fr);overflow:hidden;color:var(--library-text);background:var(--library-bg)}.song-list-page *,.song-list-page *:before,.song-list-page *:after{box-sizing:border-box}.song-list-page button,.song-list-page input,.song-list-page select{font:inherit}.song-list-page svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.library-topbar{position:relative;z-index:20;display:grid;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:28px;min-height:82px;padding:14px clamp(24px,4vw,64px);background:#151f27;border-bottom:1px solid var(--library-border);box-shadow:0 10px 28px #050a0e2e}.library-brand{display:flex;align-items:center;gap:12px;min-width:190px}.library-brand-mark{display:grid;place-items:center;flex:0 0 44px;width:44px;height:44px;color:#fff;background:var(--library-accent);border-radius:11px}.library-brand>span:last-child{display:grid;gap:1px}.library-brand strong{color:#fff;font-family:var(--font-display);font-size:22px;font-weight:500;letter-spacing:.01em;line-height:1.15}.library-brand small{color:var(--library-muted);font-size:11px;letter-spacing:.04em}.library-topbar-actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;justify-self:end;gap:10px;width:min(100%,1040px)}.library-search{position:relative;display:flex;align-items:center;flex:1 1 230px;min-width:0;height:44px;color:#83939e}.library-search svg{position:absolute;left:13px;pointer-events:none}.library-search input,.library-sort select{width:100%;height:44px;border:1px solid var(--library-border-strong);border-radius:9px;outline:0;color:var(--library-text);background:#111a21}.library-search input{min-width:0;padding:0 13px 0 40px}.library-search input::placeholder{color:#71818c}.library-sort select{min-width:122px;padding:0 32px 0 12px;color:var(--library-muted-strong)}.library-search input:focus-visible,.library-sort select:focus-visible,.library-recovery-button:focus-visible,.library-create-button:focus-visible,.new-song-card:focus-visible,.library-song-card-main:focus-visible,.library-song-card-actions button:focus-visible,.library-empty-state button:focus-visible,.library-no-results button:focus-visible,.delete-song-dialog button:focus-visible{outline:2px solid #e19676;outline-offset:2px}.library-create-button,.library-empty-state>button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 17px;border:1px solid var(--library-accent);border-radius:9px;color:#fff;background:var(--library-accent);font-size:13px;font-weight:700;white-space:nowrap;transition:background .13s ease,border-color .13s ease,transform .13s ease}.library-create-button:hover,.library-empty-state>button:hover{background:var(--library-accent-hover);border-color:var(--library-accent-hover)}.library-create-button:active,.library-empty-state>button:active{transform:translateY(1px)}.library-import-button{display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 15px;border:1px solid var(--library-border-strong);border-radius:9px;color:var(--library-muted-strong);background:transparent;font-size:13px;font-weight:650;white-space:nowrap;transition:background .13s ease,border-color .13s ease,color .13s ease,transform .13s ease}.library-recovery-button{position:relative;display:inline-flex;align-items:center;justify-content:center;gap:8px;min-height:44px;padding:0 14px;border:1px solid var(--library-border-strong);border-radius:9px;color:var(--library-muted-strong);background:transparent;font-size:13px;font-weight:650;white-space:nowrap;transition:background .13s ease,border-color .13s ease,color .13s ease}.library-recovery-button:hover{color:var(--library-text);border-color:var(--library-accent);background:var(--library-accent-soft)}.library-recovery-badge{display:inline-grid;place-items:center;min-width:20px;height:20px;padding:0 5px;color:#fff;background:var(--library-accent);border-radius:999px;font-size:10px;font-weight:800}.library-import-button:hover{color:var(--library-text);border-color:var(--library-accent);background:var(--library-accent-soft)}.library-import-button:active{transform:translateY(1px)}.library-import-button:focus-visible{outline:2px solid #e19676;outline-offset:2px}.library-import-error{display:flex;align-items:center;gap:10px;width:min(100%,1500px);margin:12px auto 0;padding:12px 16px;border:1px solid var(--library-danger);border-radius:10px;color:#ffd9d4;background:#c9797229;font-size:13px}.library-import-error span{flex:1;min-width:0}.library-import-error button{padding:5px 11px;border:1px solid var(--library-border-strong);border-radius:7px;color:inherit;background:transparent;font-size:12px;font-weight:650;white-space:nowrap}.library-import-error button:hover{border-color:var(--library-danger)}.library-main{width:min(100%,1500px);height:100%;min-height:0;margin:0 auto;padding:clamp(34px,5vw,72px) clamp(24px,4vw,64px) calc(64px + env(safe-area-inset-bottom));overflow-y:auto;overscroll-behavior:contain;scrollbar-gutter:stable}.library-page-heading{display:flex;align-items:flex-end;justify-content:space-between;gap:24px;margin-bottom:28px}.library-page-eyebrow{color:var(--library-accent-hover);font-size:11px;font-weight:750;letter-spacing:.12em}.library-page-heading h1{margin:5px 0 3px;color:#fff;font-family:var(--font-display);font-size:clamp(31px,3.2vw,44px);font-weight:450;letter-spacing:-.02em;line-height:1.15}.library-page-heading p{margin:0;color:var(--library-muted);font-size:14px}.library-song-count{padding-bottom:5px;color:var(--library-muted);font-size:12px;white-space:nowrap}.library-song-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));grid-auto-rows:minmax(268px,auto);align-items:stretch;gap:18px}.new-song-card,.library-song-card{height:100%;min-width:0;min-height:268px;border-radius:13px}.new-song-card{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;border:1px dashed rgba(208,122,88,.48);color:var(--library-muted-strong);background:#d07a5809;transition:color .14s ease,background .14s ease,border-color .14s ease,transform .14s ease}.new-song-card:hover{color:#fff;background:#d07a581a;border-color:var(--library-accent);transform:translateY(-2px)}.new-song-card:active{transform:translateY(0)}.new-song-card-icon{display:grid;place-items:center;width:58px;height:58px;margin-bottom:6px;color:var(--library-accent-hover);background:#d07a581c;border:1px solid rgba(208,122,88,.2);border-radius:50%}.new-song-card-title{color:#fff;font-size:16px;font-weight:720}.new-song-card-description{color:var(--library-muted);font-size:12px}.library-song-card{display:grid;grid-template-rows:minmax(0,1fr) auto;overflow:hidden;background:var(--library-card);border:1px solid var(--library-border);box-shadow:0 12px 28px #04090d29;transition:background .14s ease,border-color .14s ease,transform .14s ease,box-shadow .14s ease}.library-song-card:hover,.library-song-card:focus-within{background:var(--library-card-hover);border-color:#d07a5857;box-shadow:0 16px 34px #04090d40;transform:translateY(-2px)}.library-song-card:active{transform:translateY(0)}.library-song-card-main{display:flex;flex-direction:column;align-items:flex-start;min-width:0;padding:22px 22px 17px;border:0;color:inherit;background:transparent;text-align:left}.library-song-card-kicker{color:#738590;font-size:10px;font-weight:700;letter-spacing:.09em}.library-song-card-title{display:-webkit-box;width:100%;min-height:58px;max-height:60px;margin-top:10px;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2;color:#fff;font-family:var(--font-display);font-size:24px;font-weight:450;letter-spacing:-.015em;line-height:1.25}.library-song-card-metadata{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin-top:auto;color:#d1d9de;font-size:12px}.library-song-card-metadata>span{display:inline-flex;align-items:center;min-height:27px;padding:0 9px;background:#ffffff09;border:1px solid rgba(255,255,255,.07);border-radius:7px}.library-song-card-metadata .library-song-key{color:#f0b096;background:#d07a5817;border-color:#d07a5833}.library-song-updated{margin-top:10px;color:#aab7bf;font-size:11px}.library-song-card-actions{display:grid;grid-template-columns:minmax(0,1fr) 44px 44px;gap:7px;padding:12px;border-top:1px solid var(--library-border);background:#050a0e1f}.library-song-card-actions button{min-width:44px;min-height:44px;border:1px solid var(--library-border-strong);border-radius:8px;color:var(--library-muted-strong);background:#ffffff06;transition:color .12s ease,background .12s ease,border-color .12s ease}.library-card-edit{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:0 12px;color:#f1c1ad!important;border-color:#d07a584d!important;background:#d07a5814!important;font-size:12px;font-weight:700}.library-song-card-actions button:hover{color:#fff;background:#ffffff12;border-color:#ffffff40}.library-song-card-actions button:active{color:#fff;background:#ffffff1a;border-color:#ffffff4d;transform:translateY(1px)}.library-card-icon-action{display:grid;place-items:center;padding:0}.library-card-icon-action.is-danger:hover{color:#f2aaa3;background:#c979721a;border-color:#c9797259}.library-empty-state,.library-no-results{display:flex;flex-direction:column;align-items:center;justify-content:center;text-align:center}.library-empty-state{min-height:430px;padding:48px 24px;background:var(--library-bg-elevated);border:1px dashed var(--library-border-strong);border-radius:14px}.library-empty-icon{display:grid;place-items:center;width:86px;height:86px;color:var(--library-accent-hover);background:var(--library-accent-soft);border:1px solid rgba(208,122,88,.22);border-radius:50%}.library-empty-state h2{margin:20px 0 6px;color:#fff;font-family:var(--font-display);font-size:28px;font-weight:450}.library-empty-state p{max-width:440px;margin:0 0 22px;color:var(--library-muted);font-size:14px}.library-no-results{min-height:268px;padding:24px;color:var(--library-muted);border:1px solid var(--library-border);border-radius:13px}.library-no-results svg{margin-bottom:12px;color:#74858f}.library-no-results strong{color:var(--library-text);font-size:15px}.library-no-results span{max-width:270px;margin-top:5px;font-size:12px}.library-no-results button{min-height:44px;margin-top:16px;padding:0 14px;color:#eebca8;background:transparent;border:1px solid rgba(208,122,88,.3);border-radius:8px}.delete-song-scrim{position:fixed;top:0;right:0;bottom:0;left:0;z-index:100;display:grid;place-items:center;padding:20px;background:#04080bb3}.delete-song-dialog{width:min(100%,460px);overflow:hidden;color:var(--library-text);background:#1d2932;border:1px solid var(--library-border-strong);border-radius:14px;box-shadow:0 26px 70px #0000006b}.delete-song-dialog-heading{display:grid;grid-template-columns:46px minmax(0,1fr) 38px;align-items:start;gap:13px;padding:22px}.delete-song-dialog-icon{display:grid;place-items:center;width:46px;height:46px;color:#e39a93;background:#c979721a;border:1px solid rgba(201,121,114,.2);border-radius:10px}.delete-song-dialog h2{margin:2px 0 4px;color:#fff;font-size:18px;line-height:1.3}.delete-song-dialog p{margin:0;color:var(--library-muted);font-size:13px;line-height:1.55;overflow-wrap:anywhere}.delete-song-close{display:grid;place-items:center;width:38px;height:38px;padding:0;color:var(--library-muted);background:transparent;border:1px solid transparent;border-radius:8px}.delete-song-close:hover{color:#fff;background:#ffffff0d;border-color:var(--library-border)}.delete-song-dialog-actions{display:flex;justify-content:flex-end;gap:9px;padding:14px 20px 20px;border-top:1px solid var(--library-border)}.delete-song-dialog-actions button{min-width:104px;min-height:44px;border-radius:8px;font-size:13px;font-weight:700}.delete-song-cancel{color:var(--library-muted-strong);background:transparent;border:1px solid var(--library-border-strong)}.delete-song-confirm{color:#fff;background:#a85f59;border:1px solid #a85f59}.delete-song-confirm:hover{background:#b96c65;border-color:#b96c65}@media(min-width:1440px){.library-song-grid{grid-template-columns:repeat(4,minmax(0,1fr))}}@media(max-width:1199px){.library-topbar{grid-template-columns:1fr;gap:12px;padding-inline:24px}.library-topbar-actions{justify-self:stretch;width:100%}.library-search{flex-basis:100%}.library-song-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.library-main{padding-inline:24px}}@media(max-width:639px){.library-topbar{min-height:0;padding:14px 16px 16px}.library-brand{min-width:0}.library-sort{flex:1 1 auto;min-width:0}.library-sort select{min-width:0;width:100%}.library-recovery-button,.library-import-button,.library-create-button{flex:1 1 auto}.library-create-button{padding-inline:14px}.library-main{padding:30px 16px calc(46px + env(safe-area-inset-bottom))}.library-page-heading{align-items:flex-start;margin-bottom:22px}.library-song-count{padding-top:9px}.library-song-grid{grid-template-columns:minmax(0,1fr);gap:14px}.new-song-card,.library-song-card,.library-no-results{min-height:248px}.library-empty-state{min-height:390px}.delete-song-scrim{align-items:end;padding:12px}.delete-song-dialog{border-radius:14px 14px 10px 10px}.delete-song-dialog-heading{padding:18px}.delete-song-dialog-actions{display:grid;grid-template-columns:1fr 1fr;padding:12px 16px calc(16px + env(safe-area-inset-bottom))}}@media(prefers-reduced-motion:reduce){.new-song-card,.library-song-card,.library-create-button,.library-empty-state>button{transition:none}}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-ext-400-normal-BQZuk6qB.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-400-normal-DQukG94-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-cyrillic-400-normal-obahsSVq.woff2) format("woff2"),url(/assets/inter-cyrillic-400-normal-HOLc17fK.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-ext-400-normal-DGGRlc-M.woff2) format("woff2"),url(/assets/inter-greek-ext-400-normal-KugGGMne.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-greek-400-normal-B4URO6DV.woff2) format("woff2"),url(/assets/inter-greek-400-normal-q2sYcFCs.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-vietnamese-400-normal-DMkecbls.woff2) format("woff2"),url(/assets/inter-vietnamese-400-normal-Bbgyi5SW.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-ext-400-normal-C1nco2VV.woff2) format("woff2"),url(/assets/inter-latin-ext-400-normal-77YHD8bZ.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:400;src:url(/assets/inter-latin-400-normal-C38fXH4l.woff2) format("woff2"),url(/assets/inter-latin-400-normal-CyCys3Eg.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-ext-600-normal-Dfes3d0z.woff2) format("woff2"),url(/assets/inter-cyrillic-ext-600-normal-Bcila6Z-.woff) format("woff");unicode-range:U+0460-052F,U+1C80-1C8A,U+20B4,U+2DE0-2DFF,U+A640-A69F,U+FE2E-FE2F}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-cyrillic-600-normal-CWCymEST.woff2) format("woff2"),url(/assets/inter-cyrillic-600-normal-4D_pXhcN.woff) format("woff");unicode-range:U+0301,U+0400-045F,U+0490-0491,U+04B0-04B1,U+2116}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-ext-600-normal-DRtmH8MT.woff2) format("woff2"),url(/assets/inter-greek-ext-600-normal-B8X0CLgF.woff) format("woff");unicode-range:U+1F00-1FFF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-greek-600-normal-plRanbMR.woff2) format("woff2"),url(/assets/inter-greek-600-normal-BZpKdvQh.woff) format("woff");unicode-range:U+0370-0377,U+037A-037F,U+0384-038A,U+038C,U+038E-03A1,U+03A3-03FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-vietnamese-600-normal-Cc8MFFhd.woff2) format("woff2"),url(/assets/inter-vietnamese-600-normal-BuLX-rYi.woff) format("woff");unicode-range:U+0102-0103,U+0110-0111,U+0128-0129,U+0168-0169,U+01A0-01A1,U+01AF-01B0,U+0300-0301,U+0303-0304,U+0308-0309,U+0323,U+0329,U+1EA0-1EF9,U+20AB}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-ext-600-normal-D2bJ5OIk.woff2) format("woff2"),url(/assets/inter-latin-ext-600-normal-CIVaiw4L.woff) format("woff");unicode-range:U+0100-02BA,U+02BD-02C5,U+02C7-02CC,U+02CE-02D7,U+02DD-02FF,U+0304,U+0308,U+0329,U+1D00-1DBF,U+1E00-1E9F,U+1EF2-1EFF,U+2020,U+20A0-20AB,U+20AD-20C0,U+2113,U+2C60-2C7F,U+A720-A7FF}@font-face{font-family:Inter;font-style:normal;font-display:swap;font-weight:600;src:url(/assets/inter-latin-600-normal-LgqL8muc.woff2) format("woff2"),url(/assets/inter-latin-600-normal-CiBQ2DWP.woff) format("woff");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}:root{--primary: #cc785c;--primary-active: #a9583e;--primary-disabled: #e6dfd8;--ink: #141413;--body: #3d3d3a;--body-strong: #252523;--muted: #6c6a64;--muted-soft: #8e8b82;--hairline: #e6dfd8;--hairline-soft: #ebe6df;--canvas: #faf9f5;--surface-soft: #f5f0e8;--surface-card: #efe9de;--surface-cream-strong: #e8e0d2;--surface-sheet: #fffefb;--on-primary: #ffffff;--error: #c64545;--chord: #a9583e;--jianpu: #3d7460;--cell-hover: #f5ede2;--staff-line: #c9bda9;--font-display: "Tiempos Headline", Georgia, "Noto Serif TC", "Songti TC", serif;--font-sans: Inter, -apple-system, BlinkMacSystemFont, "Segoe UI", "Noto Sans TC", "PingFang TC", sans-serif;--font-mono: ui-monospace, "SF Mono", Menlo, Consolas, monospace;--r-sm: 6px;--r-md: 8px;--r-lg: 12px;--r-xl: 16px;--r-pill: 9999px}*{box-sizing:border-box}html,body{margin:0;padding:0}body.picker-open{overflow:hidden}body{background:var(--canvas);color:var(--body);font-family:var(--font-sans);font-size:16px;line-height:1.55;-webkit-font-smoothing:antialiased}button{font-family:inherit;cursor:pointer}.container{max-width:1100px;margin:0 auto;padding:0 20px calc(48px + env(safe-area-inset-bottom))}.editor-page{max-width:none;min-height:100dvh;padding:0;background:#eef1f3}.editor-content{width:min(100%,1540px);margin:0 auto;padding:16px 24px calc(56px + env(safe-area-inset-bottom))}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;height:40px;padding:0 20px;border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);font-size:14px;font-weight:500;line-height:1;transition:background .12s}.btn:active{background:var(--surface-soft)}.btn-primary{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.btn-primary:active{background:var(--primary-active);border-color:var(--primary-active)}.btn-primary:disabled{background:var(--primary-disabled);border-color:var(--primary-disabled);color:var(--muted);cursor:default}.btn-danger-text{border:none;background:transparent;color:var(--muted);height:36px;padding:0 10px;border-radius:var(--r-sm);font-size:13px}.btn-danger-text:active{color:var(--error);background:var(--surface-soft)}.btn-icon{width:40px;height:40px;padding:0;border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);font-size:18px;line-height:1}.btn-icon:active{background:var(--surface-soft)}.home-header{display:flex;align-items:flex-end;justify-content:space-between;gap:16px;padding:48px 0 24px}.home-header h1{font-family:var(--font-display);font-weight:400;font-size:40px;letter-spacing:-.5px;line-height:1.1;color:var(--ink);margin:0}.home-header .tagline{margin:6px 0 0;color:var(--muted);font-size:14px}.song-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(260px,1fr));gap:16px}.song-card{text-align:left;background:var(--surface-card);border:1px solid transparent;border-radius:var(--r-lg);padding:24px;display:flex;flex-direction:column;gap:10px;min-height:128px;transition:background .12s}.song-card:active{background:var(--surface-cream-strong)}.song-card .song-title{font-family:var(--font-display);font-weight:400;font-size:22px;letter-spacing:-.3px;color:var(--ink);line-height:1.25;overflow-wrap:anywhere}.song-card .song-title.untitled{color:var(--muted-soft)}.song-card .song-meta{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:auto;color:var(--muted);font-size:13px}.badge{display:inline-flex;align-items:center;background:var(--canvas);border:1px solid var(--hairline);color:var(--ink);border-radius:var(--r-pill);padding:2px 10px;font-size:12px;font-weight:500}.empty-state{border:1px dashed var(--hairline);border-radius:var(--r-lg);padding:64px 24px;text-align:center;color:var(--muted)}.empty-state .empty-title{font-family:var(--font-display);font-size:24px;color:var(--body-strong);margin:0 0 8px}.editor-topbar{position:sticky;top:0;z-index:80;display:flex;align-items:center;gap:12px;min-height:70px;padding:10px 24px;color:#f8fafc;background:radial-gradient(circle at 18% -80%,rgba(89,112,132,.42),transparent 44%),linear-gradient(135deg,#18232c,#111920 72%,#0d141a);border-bottom:1px solid rgba(255,255,255,.08);box-shadow:0 6px 18px #121c2424}.editor-identity{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.editor-app-mark{display:inline-grid;place-items:center;flex:0 0 36px;width:36px;height:36px;border-radius:10px;color:#fff;background:linear-gradient(145deg,#e9794e,#bf5538);box-shadow:inset 0 1px #ffffff4d;font-size:21px}.topbar-actions{flex:none;display:flex;align-items:center;gap:8px}.editor-topbar .back{flex:none;border:none;background:transparent;color:#c6d0d8;font-size:14px;font-weight:500;height:40px;padding:0 8px 0 0;border-radius:var(--r-md);display:inline-flex;align-items:center;gap:4px}.editor-topbar .back:active{color:#fff}.title-input{flex:1;min-width:0;font-family:var(--font-sans);font-size:18px;font-weight:650;letter-spacing:0;color:#fff;background:transparent;border:none;border-bottom:1px solid transparent;padding:5px 2px;outline:none}.title-input::placeholder{color:#8fa0ad}.title-input:focus{border-bottom-color:#ffffff59}.save-hint{flex:none;color:#98a9b6;font-size:12px;white-space:nowrap}.editor-topbar .btn{height:38px;padding:0 15px;color:#eaf0f4;background:#ffffff0f;border-color:#ffffff21}.editor-topbar .btn:active,.editor-topbar .settings-toggle.on{background:#e5774b38;border-color:#ef8b5e99;color:#fff}.toolbar{position:sticky;top:8px;z-index:30;display:flex;flex-wrap:wrap;align-items:center;gap:10px 20px;background:var(--surface-sheet);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:10px 16px;margin:8px 0 16px}.toolbar .grp{display:flex;align-items:center;gap:8px}.toolbar .grp>label{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.toolbar select{font-family:inherit;font-size:14px;font-weight:500;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);height:40px;padding:0 10px}.toolbar select:disabled{opacity:.45;cursor:not-allowed}.toolbar .seg{display:inline-flex;border:1px solid var(--hairline);border-radius:var(--r-md);overflow:hidden}.toolbar .seg-btn{height:38px;padding:0 12px;border:none;background:var(--canvas);color:var(--ink);font-size:13px;font-weight:500;line-height:1;white-space:nowrap;cursor:pointer}.toolbar .seg-btn+.seg-btn{border-left:1px solid var(--hairline)}.toolbar .seg-btn.on{background:var(--primary);color:var(--on-primary)}.toolbar .stepper{display:inline-flex;align-items:center;gap:2px}.toolbar .stepper .value{min-width:40px;text-align:center;font-weight:600;font-size:14px;color:var(--ink);font-variant-numeric:tabular-nums}.toolbar .hint{font-size:12px;color:var(--muted-soft)}.toolbar .puxia-export-button{height:40px;padding:0 14px;border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--canvas);color:var(--ink);font-size:13px;font-weight:600;white-space:nowrap;cursor:pointer}.toolbar .puxia-export-button:hover{border-color:var(--primary);color:var(--primary)}.toggle{display:inline-flex;align-items:center;gap:8px;font-size:14px;font-weight:500;color:var(--ink);cursor:pointer;-webkit-user-select:none;user-select:none;height:40px}.toggle input{accent-color:var(--primary);width:18px;height:18px;margin:0}.tracks,.notebar{display:flex;flex-wrap:wrap;align-items:center;gap:8px 16px;background:var(--surface-soft);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:8px 16px;margin-bottom:12px}.tracks .tlabel,.notebar .tlabel{font-size:12px;font-weight:500;color:var(--muted);white-space:nowrap}.tracks .capo-label{margin-left:8px}.tracks .tracks-hint,.notebar .notebar-hint{margin-left:auto;color:var(--muted-soft)}.tracks .stepper{display:inline-flex;align-items:center;gap:2px}.tracks .stepper .value{min-width:62px;text-align:center;font-weight:600;font-size:13px;color:var(--ink)}.tracks .btn-icon{width:36px;height:36px}.notebar .dur{min-width:44px;height:40px;padding:0 10px;border:1px solid var(--hairline);background:var(--canvas);color:var(--ink);border-radius:var(--r-md);font-size:13px;font-weight:500;line-height:1;white-space:nowrap}.notebar .dur.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.notebar .hand-picker{display:inline-flex;gap:6px;padding-left:8px;border-left:1px solid var(--hairline)}.settings-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:109;border:0;background:#0a111747;cursor:default}.score-settings-panel{position:fixed;inset:0 0 0 auto;z-index:110;display:flex;flex-direction:column;width:min(390px,calc(100vw - 48px));background:#fbfcfd;border-left:1px solid #d9dfe4;box-shadow:-18px 0 50px #141f282e}.score-settings-header{display:flex;align-items:center;justify-content:space-between;gap:16px;min-height:70px;padding:12px 18px;color:#fff;background:#17222b}.score-settings-header>div{display:grid;gap:2px}.score-settings-header strong{font-size:16px;font-weight:650}.score-settings-header span{color:#9eacb7;font-size:12px}.settings-close{display:grid;place-items:center;flex:0 0 40px;width:40px;height:40px;padding:0;border:1px solid rgba(255,255,255,.12);border-radius:10px;color:#dbe3e9;background:#ffffff0f;font-size:24px;line-height:1}.score-settings-scroll{flex:1;min-height:0;overflow-y:auto;overscroll-behavior:contain;padding:18px}.score-settings-scroll h3{margin:0 0 10px;color:#3e4b55;font-size:12px;font-weight:700;letter-spacing:.08em;text-transform:uppercase}.score-settings-scroll h3:not(:first-child){margin-top:24px}.score-settings-panel .toolbar,.score-settings-panel .tracks{position:static;display:grid;grid-template-columns:1fr;align-items:stretch;gap:12px;margin:0;padding:14px;background:#fff;border:1px solid #dfe4e8;border-radius:12px;box-shadow:none}.score-settings-panel .toolbar .grp{display:grid;grid-template-columns:105px minmax(0,1fr);align-items:center;gap:10px}.score-settings-panel .toolbar .grp>label,.score-settings-panel .tracks>.tlabel{color:#66737d;font-size:12px;font-weight:600}.score-settings-panel .toolbar select,.score-settings-panel .toolbar .seg,.score-settings-panel .toolbar .stepper{width:100%}.score-settings-panel .toolbar select{background:#f7f8f9}.score-settings-panel .toolbar .seg-btn{flex:1}.score-settings-panel .toolbar .stepper{justify-content:space-between}.score-settings-panel .toolbar>.toggle,.score-settings-panel .tracks>.toggle{justify-content:space-between;min-height:44px;padding:0 4px;border-bottom:1px solid #edf0f2}.score-settings-panel .toolbar>.toggle{border-top:1px solid #edf0f2}.score-settings-panel .tracks .capo-label{margin:4px 0 -4px}.score-settings-panel .tracks .stepper{justify-content:space-between}.editor-content>.notebar{position:sticky;top:82px;z-index:35;margin:0 0 14px;padding:10px 14px;background:#fffffff5;border-color:#d9dfe4;border-radius:12px;box-shadow:0 8px 24px #1c283114;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px)}.layout{display:flex;gap:16px;align-items:flex-start}.layout .main{flex:1;min-width:0}.sidebar{width:224px;flex:0 0 224px;position:sticky;top:76px;max-height:calc(100vh - 96px);overflow-y:auto;background:var(--surface-sheet);border:1px solid var(--hairline);border-radius:var(--r-lg);padding:16px 14px}.sidebar h3{font-size:13px;font-weight:600;color:var(--body-strong);margin:0 0 10px;display:flex;align-items:center;gap:6px}.sidebar .sect{margin-bottom:18px}.sidebar .sect:last-child{margin-bottom:0}.sidebar .capo-tag{font-size:11px;font-weight:500;color:var(--on-primary);background:var(--primary);border-radius:var(--r-pill);padding:1px 8px}.sidebar-empty{color:var(--muted);font-size:12px;margin:0}.chord-grid{display:grid;grid-template-columns:1fr 1fr;gap:12px 8px}.chip{text-align:center}.chip .cname{font-family:var(--font-mono);font-weight:700;font-size:12px;color:var(--chord);margin-bottom:2px}.chip .cnum{font-size:10px;font-weight:600;color:var(--jianpu);margin-bottom:2px;min-height:12px}.chip svg{display:block;margin:0 auto}.chip .noshape{font-size:10px;color:var(--muted-soft);padding:10px 0}.note-editor{border:1px solid var(--hairline);border-radius:var(--r-md);background:var(--surface-sheet);margin-bottom:8px;overflow-x:auto;touch-action:none}.note-editor svg{display:block}.staff-vex{cursor:crosshair}.grand-staff-editor{cursor:crosshair;outline:none;position:relative;width:100%;min-width:0;background:#fff;border-color:#dce1e5;border-radius:10px}.grand-staff-canvas{width:100%;min-width:0;overflow:hidden}.tab-editor{width:100%;max-width:100%;min-width:0}.guitar-tab-editor{position:relative;width:100%;max-width:100%;min-width:0;overflow:hidden;cursor:crosshair;outline:none;background:#fff;border-color:#dce1e5;border-radius:10px}.note-editor.guitar-tab-editor{touch-action:pan-y}.guitar-tab-canvas{width:100%;min-width:0;overflow:hidden}.guitar-tab-controls{position:absolute;top:6px;right:8px;display:flex;align-items:center;gap:6px}.guitar-tab-fret{min-width:30px;height:28px;padding:0;font-size:17px;font-weight:700;line-height:1;color:#fff;background:var(--primary, #bd6748);border:none;border-radius:6px;cursor:pointer;touch-action:manipulation}.guitar-tab-fret:disabled{opacity:.4;cursor:default}.guitar-tab-fret:not(:disabled):hover{filter:brightness(1.05)}.guitar-tab-delete{padding:3px 10px;font-size:12px;font-weight:600;color:#fff;background:var(--primary, #bd6748);border:none;border-radius:6px;cursor:pointer;touch-action:manipulation}.guitar-tab-delete:hover{filter:brightness(1.05)}.grand-staff-lyrics,.grand-staff-harmonies,.grand-staff-jianpu{position:absolute;top:0;right:0;bottom:0;left:0;pointer-events:none}.grand-staff-harmony{position:absolute;z-index:4;transform:translate(-50%,-50%);pointer-events:auto;overflow-wrap:anywhere;text-align:center}.grand-staff-harmony button{display:inline-flex;flex-direction:column;align-items:center;gap:1px;max-width:100%;padding:2px 6px;border:0;border-radius:var(--r-sm);color:var(--chord);background:#fffffff0;font:600 16px/1.15 Inter,Arial,sans-serif;overflow-wrap:anywhere;cursor:pointer}.grand-staff-harmony .harmony-degree{color:var(--jianpu);font:600 12px/1 Inter,Arial,sans-serif}.grand-staff-harmony button:hover,.grand-staff-harmony button:focus-visible{background:var(--cell-hover);outline:2px solid var(--primary);outline-offset:1px}.grand-staff-harmony[data-harmony-source=legacy] button{border-bottom:1px dashed var(--muted)}.grand-staff-jianpu-token{position:absolute;z-index:3;display:flex;align-items:center;gap:2px;transform:translate(-50%,-50%);color:var(--jianpu);font:600 13px/1 Inter,Arial,sans-serif;text-align:center}.jianpu-pitches{display:inline-flex;flex-direction:column-reverse;align-items:center;gap:1px}.jianpu-pitch{display:inline-flex;flex-direction:column;align-items:center;min-width:12px}.jianpu-octave{height:5px;font-size:9px;line-height:5px}.jianpu-continuation{color:var(--muted);font-size:12px}.grand-staff-lyric-char{position:absolute;z-index:2;transform:translate(-50%,-50%);pointer-events:auto;overflow:hidden;text-align:center}.grand-staff-lyric-char .char-cell{width:100%;min-width:0;padding:0;background:transparent}.grand-staff-lyric-char .char-cell .chord-target{width:100%;min-width:0;padding-inline:0}.grand-staff-lyric-char .char-cell .above{min-height:52px;gap:4px;justify-content:flex-end}.grand-staff-lyric-char .char-cell .chord{font-family:Inter,Arial,sans-serif;font-weight:600;font-size:18px;line-height:1.1;padding-inline:3px;border-radius:3px;background:#ffffffeb}.grand-staff-lyric-char .char-cell .nums{font-family:Inter,Arial,sans-serif;font-weight:600;font-size:17px;line-height:1.1}.grand-staff-lyric-char .char-cell .glyph{margin-top:8px;font-size:16px;line-height:1.1;letter-spacing:.06em}.grand-staff-lyric-char .char-cell:hover,.grand-staff-lyric-char .char-cell.picking{background:var(--cell-hover)}.anchored-lyric-glyph{display:block;width:100%;min-width:0;padding:3px 2px;border:0;border-radius:var(--r-sm);color:var(--ink);background:#ffffffeb;font:500 16px/1.2 var(--font-body);overflow-wrap:anywhere;cursor:pointer}.anchored-lyric-glyph[data-unconfirmed]{text-decoration:underline dotted color-mix(in srgb,var(--muted) 70%,transparent);text-underline-offset:3px}.anchored-lyric-glyph[data-reanchoring]{background:color-mix(in srgb,var(--primary, #bd6748) 22%,#ffffff);box-shadow:0 0 0 2px var(--primary, #bd6748)}.lyric-fallback{margin:8px 0 12px;padding:8px 10px;border-left:3px dashed var(--warning, #a87822);border-radius:var(--r-sm);background:color-mix(in srgb,var(--surface-sheet) 92%,#f1c66b)}.lyric-fallback-label{display:inline-block;margin-bottom:5px;color:var(--muted);font-size:12px;font-weight:600}.measure-harmony-offset{display:inline-flex;align-items:center;gap:6px;color:var(--muted);font-size:13px}.measure-harmony-offset select{min-height:32px;padding:4px 8px;border:1px solid var(--hairline);border-radius:var(--r-sm);color:var(--ink);background:var(--surface-sheet)}.harmony-diagnostic{margin:8px 0;padding:8px 10px;border:1px solid color-mix(in srgb,var(--warning, #a87822) 45%,transparent);border-radius:var(--r-sm);color:var(--ink);background:color-mix(in srgb,var(--surface-sheet) 88%,#f1c66b);font-size:13px}.grand-staff-editor[data-active-hand=right]{box-shadow:inset 3px 0 0 var(--primary)}.grand-staff-editor[data-active-hand=left]{box-shadow:inset 3px 0 0 var(--jianpu)}.note-editor .nt{cursor:grab}.note-editor .nt:active{cursor:grabbing}.grand-staff-editor:focus-visible{outline:2px solid var(--primary);outline-offset:3px}.measure-controls{display:flex;flex-wrap:wrap;align-items:center;gap:8px;margin:0 0 10px;padding:10px 12px;color:var(--body);background:var(--surface-card);border:1px solid var(--hairline);border-radius:var(--r-md)}.measure-controls strong{min-width:112px;margin-right:auto;font-size:13px}.measure-controls button{min-height:36px;padding:0 12px;color:var(--body);background:#fff;border:1px solid var(--hairline);border-radius:var(--r-sm);font:650 13px/1 var(--font-sans)}.measure-controls button:not(:disabled):hover{color:var(--primary);border-color:var(--primary)}.measure-controls .measure-delete:not(:disabled){color:#a14334}.measure-controls button:disabled{cursor:not-allowed;opacity:.45}.editor-operation-notice{margin:0 0 10px;padding:10px 12px;color:#815037;background:#fff6ef;border:1px solid #efd9cb;border-radius:var(--r-sm);font-size:13px;line-height:1.45}.lyrics-entry{background:var(--surface-card);border-radius:var(--r-lg);padding:24px;margin-bottom:16px}.lyrics-entry h2{font-family:var(--font-display);font-weight:400;font-size:22px;letter-spacing:-.3px;color:var(--ink);margin:0 0 4px}.lyrics-entry .desc{color:var(--muted);font-size:14px;margin:0 0 16px}.lyrics-entry textarea{width:100%;min-height:160px;font-family:var(--font-sans);font-size:15px;line-height:1.8;color:var(--ink);background:var(--surface-sheet);border:1px solid var(--hairline);border-radius:var(--r-md);padding:12px 14px;resize:vertical;outline:none}.lyrics-entry textarea:focus{border-color:var(--primary);box-shadow:0 0 0 3px #cc785c26}.lyrics-entry .row{display:flex;align-items:center;gap:12px;flex-wrap:wrap;margin-top:12px}.lyrics-entry .warn{font-size:13px;color:var(--error)}.sheet{background:var(--surface-sheet);border:1px solid #d9dfe4;border-radius:14px;padding:22px 22px 28px;min-height:120px;zoom:var(--editor-zoom, 1);box-shadow:0 14px 38px #1c283114}.sheet-actions{display:flex;justify-content:flex-end;gap:8px;margin:12px 0 0}.sheet .placeholder{color:var(--muted);font-size:14px;text-align:center;padding:32px 16px}.sheet .tip{color:var(--muted-soft);font-size:12px;margin:0 0 16px}.group{margin-bottom:26px}.group:last-child{margin-bottom:0}.line-block{margin-bottom:14px}.line-block:last-child{margin-bottom:0}.lyric-system{margin-bottom:20px}.lyric-system:last-child{margin-bottom:0}.plain-lyric-line{padding:6px 2px}.annotation-line{margin-bottom:16px;padding:0 8px}.annotation-line:last-child{margin-bottom:0}.annotation-chords{position:relative;height:38px}.annotation-lyrics{position:relative;height:30px}.annotation-chord{position:absolute;bottom:0;transform:translate(-50%);display:inline-flex;flex-direction:column;align-items:center;gap:1px;padding:1px 4px;border:0;border-radius:var(--r-sm);background:transparent;cursor:pointer;white-space:nowrap}.annotation-chord:hover,.annotation-chord:focus-visible{background:var(--cell-hover);outline:2px solid var(--primary);outline-offset:1px}.annotation-chord .chord{color:var(--chord);font:600 17px/1.1 Inter,Arial,sans-serif}.annotation-chord .degree{color:var(--jianpu);font:600 13px/1 Inter,Arial,sans-serif}.annotation-glyph{position:absolute;top:0;transform:translate(-50%);padding:2px;border:0;background:transparent;color:var(--ink);font:400 18px/1.3 Inter,Noto Sans TC,Arial,sans-serif;white-space:nowrap;cursor:pointer;border-radius:var(--r-sm)}.annotation-glyph:hover,.annotation-glyph:focus-visible{background:var(--cell-hover);outline:2px solid var(--primary);outline-offset:1px}.lyric-line{display:flex;flex-wrap:wrap;align-items:flex-end;column-gap:6px}.char-cell{display:flex;flex-direction:column;align-items:center;border:none;background:transparent;padding:0 3px;border-radius:var(--r-sm);cursor:pointer;transition:background .1s;font-family:inherit}.char-cell.picking{background:var(--cell-hover)}.char-cell .chord-target{display:flex;min-width:24px;min-height:28px;align-items:flex-end;justify-content:center;padding:0 2px;border:0;border-radius:var(--r-sm);color:inherit;background:transparent;cursor:pointer;font:inherit}.char-cell .chord-target:hover,.char-cell .chord-target:focus-visible{background:var(--cell-hover)}.char-cell .chord-target:focus-visible{outline:2px solid var(--primary);outline-offset:1px}.char-cell .above{min-height:28px;display:flex;flex-direction:column;align-items:center;justify-content:flex-end;line-height:1.15}.char-cell .chord{font-family:Inter,Arial,sans-serif;font-weight:600;font-size:16px;color:var(--chord);white-space:nowrap}.char-cell .nums{font-family:Inter,Arial,sans-serif;font-weight:600;font-size:13px;color:var(--jianpu);white-space:nowrap}.char-cell .glyph{font-size:17px;line-height:1.3;color:var(--body);white-space:pre}.char-cell.has-chord .glyph{color:var(--ink)}.picker-backdrop{position:fixed;top:0;right:0;bottom:0;left:0;z-index:40;background:transparent}.picker{position:fixed;z-index:50;width:320px;background:var(--surface-sheet);border:1px solid var(--hairline);border-radius:var(--r-lg);box-shadow:0 8px 30px #14141324;padding:16px;max-height:calc(100dvh - 20px);overflow-y:auto;overscroll-behavior:contain}.picker-heading{display:flex;align-items:center;justify-content:space-between;gap:12px;margin-bottom:10px}.picker h4{margin:0;font-size:14px;font-weight:500;color:var(--body-strong)}.picker-close{width:36px;height:36px;flex:none;border:none;border-radius:var(--r-pill);background:var(--surface-soft);color:var(--muted);font-size:24px;line-height:1}.picker-handle{display:none}.picker h4 .picker-char{font-family:var(--font-display);font-size:16px}.picker .seclabel{font-size:11px;font-weight:500;letter-spacing:1px;text-transform:uppercase;color:var(--muted-soft);margin:10px 0 6px}.picker .grid-root{display:grid;grid-template-columns:repeat(6,1fr);gap:6px}.picker .grid-qual{display:grid;grid-template-columns:repeat(4,1fr);gap:6px}.picker .cell-btn{height:40px;padding:0;font-family:var(--font-mono);font-weight:500;color:var(--ink);transition:background .1s}.picker .cell-btn:active{background:var(--surface-soft)}.picker .cell-btn.on{background:var(--primary);border-color:var(--primary);color:var(--on-primary)}.picker .root-btn{font-size:15px;font-weight:700;background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md)}.picker .qual-btn{font-size:12px;background:var(--surface-soft);border:1px solid var(--hairline-soft);border-radius:var(--r-pill)}.picker .preview{margin:12px 0 4px;text-align:center;min-height:40px}.picker .preview .preview-parts{display:block;font-size:11px;color:var(--muted);margin-bottom:2px}.picker .preview .preview-sym{font-family:var(--font-mono);font-weight:700;font-size:20px;color:var(--chord)}.picker .preview .preview-nums{display:inline-block;margin-left:8px;font-size:12px;font-weight:600;color:var(--jianpu)}.picker .manual{width:100%;height:40px;font-family:var(--font-mono);font-size:14px;color:var(--ink);background:var(--canvas);border:1px solid var(--hairline);border-radius:var(--r-md);padding:0 12px;margin-top:8px;outline:none}.picker .manual:focus{border-color:var(--primary);box-shadow:0 0 0 3px #cc785c26}.picker .acts{display:flex;justify-content:space-between;gap:8px;margin-top:14px}.picker .acts .clear{height:40px;padding:0 16px;border-radius:var(--r-md);border:1px solid var(--hairline);background:var(--canvas);color:var(--error);font-size:14px;font-weight:500}@media(max-width:1024px){.picker{top:auto!important;left:0!important;right:0;bottom:0;width:100%;max-height:min(82dvh,680px);border-radius:var(--r-xl) var(--r-xl) 0 0;border-bottom:none;padding:8px 20px calc(16px + env(safe-area-inset-bottom));box-shadow:0 -8px 30px #14141324}.picker-backdrop{background:#14141347}.picker-handle{display:block;width:42px;height:5px;margin:0 auto 8px;border-radius:var(--r-pill);background:var(--hairline)}.picker .cell-btn,.picker .acts button{min-height:44px}}@media(max-width:900px){.editor-topbar{gap:10px;padding-inline:16px}.editor-topbar .save-hint{display:none}.editor-topbar .back{width:40px;padding:0;overflow:hidden;white-space:nowrap}.editor-app-mark{display:none}.title-input{font-size:17px}.editor-topbar .btn{padding-inline:12px;font-size:13px}.editor-content{padding:14px 16px calc(48px + env(safe-area-inset-bottom))}.editor-content>.notebar{top:82px}}@media(max-width:640px){.editor-page.container{padding:0}.editor-topbar{position:relative;flex-wrap:wrap;padding:10px 12px 12px}.editor-identity{flex:1 1 100%}.editor-topbar .back{width:auto;max-width:76px;padding-right:6px}.topbar-actions{width:100%}.topbar-actions .btn{flex:1;padding-inline:8px}.editor-content{padding:12px 12px calc(44px + env(safe-area-inset-bottom))}.toolbar{position:static;gap:8px 12px;padding:10px 12px}.toolbar .grp{flex:1 1 140px;justify-content:space-between}.tracks,.notebar{padding:10px 12px;gap:8px 12px}.tracks .capo-label{margin-left:0}.editor-content>.notebar{position:static}.notebar .hand-picker{width:100%;padding:8px 0 0;border-left:none;border-top:1px solid var(--hairline)}.notebar .hand-picker .dur{flex:1}.layout,.layout .main,.sheet,.note-editor{width:100%;min-width:0}.picker{padding-left:12px;padding-right:12px}.picker .grid-root{grid-template-columns:repeat(4,1fr)}.picker .grid-qual{grid-template-columns:repeat(3,1fr)}.home-header h1{font-size:32px}.title-input{font-size:22px}.sheet{padding:14px 10px 18px;border-radius:10px}.score-settings-panel{width:100%}}.print-header{display:none}@media print{body{background:#fff}.container,.editor-content{max-width:none;padding:0}.editor-topbar,.toolbar,.tracks,.notebar,.lyrics-entry,.score-settings-panel,.settings-backdrop,.sheet-actions,.sheet .tip,.picker,.picker-backdrop{display:none!important}.print-header{display:flex;align-items:baseline;gap:12px;margin-bottom:14px;border-bottom:1px solid var(--hairline);padding-bottom:8px}.print-header h1{font-family:var(--font-display);font-weight:400;font-size:24px;margin:0;color:var(--ink)}.print-header .meta{color:var(--muted);font-size:12px}.layout{flex-direction:column;gap:12px}.sheet{border:none;padding:0;background:#fff}.sheet{zoom:1}.sidebar{width:100%;flex:none;position:static;max-height:none;overflow:visible;border:none;border-top:1px solid var(--hairline);border-radius:0;padding:10px 0 0;background:#fff}.chord-grid{grid-template-columns:repeat(auto-fill,minmax(76px,1fr))}.group,.line-block,.chip{break-inside:avoid}.note-editor{background:#fff;overflow:visible}.note-editor.empty{display:none}*{-webkit-print-color-adjust:exact;print-color-adjust:exact}}@media(max-width:900px){.layout{flex-direction:column}.sidebar{width:100%;flex:none;position:static;max-height:none}.chord-grid{grid-template-columns:repeat(auto-fill,minmax(92px,1fr))}}.app-boot{min-height:100dvh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:24px;text-align:center;color:#e8e6df;background:#1a1a17;font-size:15px}.app-boot-error{color:#f0c9c0}.app-boot-hint{color:#9a978d;font-size:13px}