:root{--text:#6b6375;--text-h:#08060d;--bg:#fff;--border:#e5e4e7;--code-bg:#f4f3ec;--accent:#aa3bff;--accent-bg:#aa3bff1a;--accent-border:#aa3bff80;--social-bg:#f4f3ec80;--shadow:#0000001a 0 10px 15px -3px, #0000000d 0 4px 6px -2px;--sans:system-ui, "Segoe UI", Roboto, sans-serif;--heading:system-ui, "Segoe UI", Roboto, sans-serif;--mono:ui-monospace, Consolas, monospace;font:18px/145% var(--sans);letter-spacing:.18px;color-scheme:light dark;color:var(--text);background:var(--bg);font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;@media (width<=1024px){font-size:16px}}@media (prefers-color-scheme:dark){:root{--text:#9ca3af;--text-h:#f3f4f6;--bg:#16171d;--border:#2e303a;--code-bg:#1f2028;--accent:#c084fc;--accent-bg:#c084fc26;--accent-border:#c084fc80;--social-bg:#2f303a80;--shadow:#0006 0 10px 15px -3px, #00000040 0 4px 6px -2px}#social .button-icon{filter:invert()brightness(2)}}body{margin:0}h1,h2{font-family:var(--heading);color:var(--text-h);font-weight:500}h1{letter-spacing:-1.68px;margin:32px 0;font-size:56px;@media (width<=1024px){margin:20px 0;font-size:36px}}h2{letter-spacing:-.24px;margin:0 0 8px;font-size:24px;line-height:118%;@media (width<=1024px){font-size:20px}}p{margin:0}code,.counter{font-family:var(--mono);color:var(--text-h);border-radius:4px;display:inline-flex}code{background:var(--code-bg);padding:4px 8px;font-size:15px;line-height:135%}.counter{color:var(--accent);background:var(--accent-bg);border:2px solid #0000;border-radius:5px;margin-bottom:24px;padding:5px 10px;font-size:16px;transition:border-color .3s;&:hover{border-color:var(--accent-border)}&:focus-visible{outline:2px solid var(--accent);outline-offset:2px}}.hero{position:relative;& .base,& .framework,& .vite{margin:0 auto;inset-inline:0}& .base{z-index:0;width:170px;position:relative}& .framework,& .vite{position:absolute}& .framework{z-index:1;height:28px;top:34px;transform:perspective(2000px)rotate(300deg)rotateX(44deg)rotateY(39deg)scale(1.4)}& .vite{z-index:0;width:auto;height:26px;top:107px;transform:perspective(2000px)rotate(300deg)rotateX(40deg)rotateY(39deg)scale(.8)}}#app{text-align:center;border-inline:1px solid var(--border);box-sizing:border-box;flex-direction:column;width:100%;min-height:100svh;margin:0 auto;display:flex}#center{flex-direction:column;flex-grow:1;place-content:center;place-items:center;gap:25px;display:flex;@media (width<=1024px){gap:18px;padding:32px 20px 24px}}#next-steps{border-top:1px solid var(--border);text-align:left;display:flex;&>div{flex:1 1 0;padding:32px;@media (width<=1024px){padding:24px 20px}}& .icon{width:22px;height:22px;margin-bottom:16px}@media (width<=1024px){text-align:center;flex-direction:column}}#docs{border-right:1px solid var(--border);@media (width<=1024px){border-right:none;border-bottom:1px solid var(--border)}}#next-steps ul{gap:8px;margin:32px 0 0;padding:0;list-style:none;display:flex;& .logo{height:18px}& a{color:var(--text-h);background:var(--social-bg);border-radius:6px;align-items:center;gap:8px;padding:6px 12px;font-size:16px;text-decoration:none;transition:box-shadow .3s;display:flex;&:hover{box-shadow:var(--shadow)}& .button-icon{width:18px;height:18px}}@media (width<=1024px){flex-wrap:wrap;justify-content:center;margin-top:20px;& li{flex:calc(50% - 8px)}& a{box-sizing:border-box;justify-content:center;width:100%}}}#spacer{border-top:1px solid var(--border);height:88px;@media (width<=1024px){height:48px}}.ticks{width:100%;position:relative;&:before,&:after{content:"";border:5px solid #0000;position:absolute;top:-4.5px}&:before{border-left-color:var(--border);left:0}&:after{border-right-color:var(--border);right:0}}@font-face{font-family:Bravura;src:url(/assets/Bravura-C2wZb3c4.woff)format("woff"),url(/assets/Bravura-CBWYXOFh.woff2)format("woff2");font-weight:400;font-style:normal}.music-font{font-family:Bravura,sans-serif;font-size:40px}.tb-header[data-v-cede3d24]{z-index:2000;box-sizing:border-box;background-color:#252526;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;min-height:52px;padding:10px 20px;transition:transform .3s;display:flex;position:relative}.tb-header.is-hidden[data-v-cede3d24]{transform:translateY(-100%)}.logo[data-v-cede3d24]{width:100px;height:52px;position:absolute;top:0;left:20px;overflow:hidden}#logo[data-v-cede3d24]{width:100%;margin-top:-25px;display:block}.song-meta[data-v-cede3d24]{align-items:center;gap:15px;margin-left:100px;display:flex}.title-input[data-v-cede3d24]{color:#fff;background:0 0;border:1px solid #0000;border-radius:4px;width:250px;padding:4px 8px;font-size:16px}.title-input[data-v-cede3d24]:focus{background:#333;border-color:#555;outline:none}.header-left[data-v-cede3d24],.header-right[data-v-cede3d24]{align-items:center;gap:10px;display:flex}.tb-btn[data-v-cede3d24]{color:#ccc;cursor:pointer;background:#3a3a3a;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:600}.tb-btn[data-v-cede3d24]:hover{color:#fff;background:#4a4a4a}.tb-btn.primary[data-v-cede3d24]{color:#fff;background:#5a8bd6}.tb-btn.active[data-v-cede3d24]{color:#fff;background:#d9534f}.hamburger-btn[data-v-cede3d24]{padding:4px 10px;font-size:18px;display:none}@media (width<=950px){input[type=text][data-v-cede3d24]{touch-action:manipulation;font-size:16px!important}.tb-header[data-v-cede3d24]{z-index:2000;box-sizing:border-box;flex-wrap:wrap;align-items:center;width:100%;padding:10px 15px;position:absolute;top:0;left:0;right:0}.header-left[data-v-cede3d24]{flex:1;align-items:center;gap:15px;width:100%;display:flex}.song-meta[data-v-cede3d24]{flex-grow:1;min-width:0;display:flex}.title-input[data-v-cede3d24]{width:100%;max-width:100%}.hamburger-btn[data-v-cede3d24]{flex-shrink:0;margin:0;display:block}.header-right[data-v-cede3d24]{flex-direction:column;align-items:stretch;gap:10px;width:100%;padding-top:15px;display:none}.header-right.is-open[data-v-cede3d24]{display:flex}}.popup-number-wrapper[data-v-8aad85cd]{justify-content:center;align-items:center;display:inline-flex}.num-input[data-v-8aad85cd]{color:#fff;text-align:center;box-sizing:border-box;background:#444;border:1px solid #555;border-radius:3px;outline:none;height:24px;padding:4px;font-family:monospace}.num-input[data-v-8aad85cd]:disabled{opacity:.5;cursor:not-allowed}.popup-trigger-input[data-v-8aad85cd]{cursor:pointer;user-select:none}.popup-trigger-input[data-v-8aad85cd]:hover:not(:disabled){border-color:#5a8bd6}.small[data-v-8aad85cd]{width:30px;height:20px;padding:2px 4px;font-size:13px}.small-input[data-v-8aad85cd]{width:45px;height:20px;padding:2px 4px;font-size:13px}.popup-overlay[data-v-8aad85cd]{z-index:9999;backdrop-filter:blur(2px);background:#0009;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup-content[data-v-8aad85cd]{background:#252526;border:1px solid #444;border-radius:8px;flex-direction:column;gap:15px;width:280px;padding:20px;display:flex;box-shadow:0 10px 25px #00000080}.popup-title[data-v-8aad85cd]{color:#e0e0e0;text-align:center;margin:0;font-size:16px}.popup-controls[data-v-8aad85cd]{gap:10px;display:flex}.no-spinners[data-v-8aad85cd]::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.no-spinners[data-v-8aad85cd]::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}.no-spinners[type=number][data-v-8aad85cd]{-moz-appearance:textfield}.popup-main-input.num-input[data-v-8aad85cd]{text-align:right;border-radius:6px;flex-grow:1;height:45px;padding:10px;font-size:24px}.popup-btns[data-v-8aad85cd]{flex-direction:column;gap:5px;display:flex}.popup-btns button[data-v-8aad85cd]{color:#fff;cursor:pointer;background:#444;border:none;border-radius:4px;width:45px;height:35px;font-size:20px;font-weight:700}.popup-btns button[data-v-8aad85cd]:active{background:#5a8bd6}.popup-actions[data-v-8aad85cd]{justify-content:flex-end;gap:10px;margin-top:5px;display:flex}.btn-cancel[data-v-8aad85cd],.btn-apply[data-v-8aad85cd]{cursor:pointer;border:none;border-radius:4px;padding:8px 16px;font-weight:700}.btn-cancel[data-v-8aad85cd]{color:#aaa;background:0 0}.btn-cancel[data-v-8aad85cd]:hover{color:#fff;background:#333}.btn-apply[data-v-8aad85cd]{color:#fff;background:#5cb85c}.btn-apply[data-v-8aad85cd]:hover{background:#4cae4c}.playback-controls[data-v-e59fefc5]{background:#333;border-radius:6px;align-items:center;gap:10px;padding:6px 12px;display:flex}.control-group[data-v-e59fefc5]{color:#ccc;align-items:center;gap:5px;font-size:13px;display:flex}.divider[data-v-e59fefc5]{background:#555;width:1px;height:18px;margin:0 4px}.time-display[data-v-e59fefc5]{color:#5cb85c;text-align:center;background:#111;border:1px solid #444;border-radius:4px;width:72px;padding:4px 8px;font-family:monospace;font-size:12px;font-weight:700;transition:color .2s}.time-display.counting[data-v-e59fefc5]{color:#f59e0b}.num-input[data-v-e59fefc5]{color:#fff;text-align:center;background:#444;border:1px solid #555;border-radius:3px;outline:none;padding:4px;font-family:monospace}.num-input.small[data-v-e59fefc5]{width:30px;padding:2px 4px}.num-input.small-input[data-v-e59fefc5]{width:45px;padding:2px 4px}.num-input[data-v-e59fefc5]:disabled{opacity:.5;cursor:not-allowed}.percent-label[data-v-e59fefc5]{color:#aaa;margin-left:-2px;font-size:11px}button[data-v-e59fefc5]{color:#ccc;cursor:pointer;background:#444;border:none;border-radius:3px;padding:6px 12px;font-family:sans-serif;font-size:13px;font-weight:700;transition:all .2s}button[data-v-e59fefc5]:hover:not(:disabled){color:#fff;background:#5a8bd6}button.active[data-v-e59fefc5]{color:#fff;background:#5cb85c}.icon-btn[data-v-e59fefc5]{padding:4px 8px;font-size:14px}.play-group[data-v-e59fefc5]{align-items:stretch;gap:2px;display:flex}.play-btn[data-v-e59fefc5]{text-align:center;background:#222;border:1px solid #444;width:50px;margin:0;font-size:16px}.play-start-btn[data-v-e59fefc5]{background:#222;border:1px solid #444;justify-content:center;align-items:center;margin:0;padding:4px 10px;font-size:14px;display:flex}.repeat-mode-group[data-v-e59fefc5]{background:#222;border:1px solid #444;border-radius:4px;padding:2px;transition:border-color .2s}.repeat-mode-group.is-active[data-v-e59fefc5]{border-color:#5cb85c}.loop-inputs[data-v-e59fefc5]{align-items:center;gap:4px;padding:0 4px;display:flex}.loop-speed[data-v-e59fefc5]{align-items:center;gap:2px;padding-right:4px;display:flex}@media (width<=950px){.time-display[data-v-e59fefc5]{display:none!important}}.tb-footer[data-v-41f1af2a]{z-index:101;box-sizing:border-box;background:#252526;border-top:1px solid #333;flex-shrink:0;justify-content:space-between;align-items:center;width:100%;height:auto;min-height:50px;padding:8px 20px;display:flex;position:relative}.track-manager[data-v-41f1af2a]{align-items:center;gap:10px;width:228px;display:flex;overflow-x:auto}.global-track-actions[data-v-41f1af2a]{align-items:center;gap:6px;display:none}.track-tabs-container[data-v-41f1af2a]{gap:8px;display:none}.action-icon-btn[data-v-41f1af2a]{color:#aaa;cursor:pointer;background:#333;border:1px solid #444;border-radius:4px;justify-content:center;align-items:center;width:28px;height:28px;font-size:16px;font-weight:700;display:flex}.action-icon-btn[data-v-41f1af2a]:hover{color:#fff;background:#444}.vertical-divider[data-v-41f1af2a]{background:#444;width:1px;height:24px;margin:0 4px}.track-tab[data-v-41f1af2a]{cursor:pointer;white-space:nowrap;background:#333;border:1px solid #0000;border-radius:4px;align-items:center;gap:8px;padding:6px 12px;display:flex}.track-tab.active[data-v-41f1af2a]{background:#1e1e1e;border-bottom:3px solid #5a8bd6}.track-name[data-v-41f1af2a]{color:#ccc;font-size:13px;font-weight:700}.track-controls[data-v-41f1af2a]{gap:2px;display:flex}.mini-btn[data-v-41f1af2a]{color:#aaa;cursor:pointer;background:#444;border:none;border-radius:2px;padding:2px 5px;font-size:9px}.mini-btn.is-active[data-v-41f1af2a]{color:#fff;background:#d9534f}.tb-btn[data-v-41f1af2a]{vertical-align:bottom;color:#ccc;cursor:pointer;background:#3a3a3a;border:none;border-radius:4px;padding:6px 12px;font-size:13px;font-weight:600}.tb-btn[data-v-41f1af2a]:hover{color:#fff;background:#4a4a4a}.tb-btn.active[data-v-41f1af2a]{color:#fff;background:#d9534f}.tb-btn.settings-btn.active[data-v-41f1af2a]{color:#fff;background:#5a8bd6}.icon-btn[data-v-41f1af2a]{padding:4px 8px}@media (width<=950px){button[data-v-41f1af2a]{touch-action:manipulation;font-size:16px!important}.tb-footer[data-v-41f1af2a]{z-index:2000;-webkit-overflow-scrolling:touch;flex-wrap:nowrap;justify-content:flex-start;gap:15px;width:100%;padding:10px 15px;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.tb-footer[data-v-41f1af2a]::-webkit-scrollbar{display:none}.footer-right[data-v-41f1af2a]{flex-shrink:0;margin-left:auto;display:flex}.track-manager[data-v-41f1af2a],.footer-center[data-v-41f1af2a]{flex-shrink:0;width:auto}.tb-btn.edit-toggle[data-v-41f1af2a]{display:none!important}}.canvas-container[data-v-aeadef6d]{background:#fff;flex-shrink:0;position:relative;transform:translateZ(0)}.layer-score[data-v-aeadef6d],.layer-playhead[data-v-aeadef6d]{display:block;position:absolute;top:0;left:0}.layer-playhead[data-v-aeadef6d]{z-index:10;background:0 0}.gpu-playhead[data-v-aeadef6d]{pointer-events:none;z-index:20;transform-origin:0 0;will-change:transform;background-color:#5cb85c;width:2px;position:absolute;top:0;left:0}.gpu-playhead-triangle[data-v-aeadef6d]{border-top:10px solid #5cb85c;border-left:6px solid #0000;border-right:6px solid #0000;width:0;height:0;position:absolute;top:0;left:-5px}.note-properties[data-v-7144c9cb]{color:#fff;user-select:none;background:0 0;flex-wrap:wrap;align-items:flex-start;gap:20px;padding:0;display:flex}.left-column[data-v-7144c9cb],.right-column[data-v-7144c9cb]{flex-direction:column;gap:12px;display:flex}.prop-group[data-v-7144c9cb]{flex-direction:column;gap:4px;display:flex}.group-label[data-v-7144c9cb]{color:#aaa;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.btn-group[data-v-7144c9cb]{background:#222;border:1px solid #333;border-radius:4px;align-items:center;gap:2px;padding:2px;display:flex}button[data-v-7144c9cb]{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 10px;font-size:14px}button[data-v-7144c9cb]:hover{color:#fff;background:#444}button.active[data-v-7144c9cb]{color:#fff;background:#5a8bd6}.bravura-btns button[data-v-7144c9cb]{padding:0 8px;font-family:Bravura,sans-serif;font-size:26px;line-height:1}button.font-bold[data-v-7144c9cb],button.text-btn[data-v-7144c9cb]{font-family:monospace;font-size:16px;font-weight:700}.divider[data-v-7144c9cb]{background:#555;width:1px;height:20px;margin:0 6px}.num-input[data-v-7144c9cb]{color:#fff;text-align:center;background:#444;border:1px solid #555;border-radius:3px;padding:4px;font-family:monospace}.disabled-group[data-v-7144c9cb]{opacity:.4;filter:grayscale();pointer-events:none}.brk-btn.active[data-v-7144c9cb]{color:#fff!important;background:#5a8bd6!important}.floating-popup[data-v-185c4538]{z-index:1000;user-select:none;background:#fff;border:1px solid #111;border-radius:4px;flex-direction:column;width:max-content;display:flex;position:fixed;overflow:hidden;box-shadow:0 4px 12px #0000004d}.popup-header[data-v-185c4538]{background:#252526;border-bottom:1px solid #111;justify-content:space-between;align-items:stretch;height:30px;padding:0;display:flex}.drag-area[data-v-185c4538]{cursor:grab;color:#ccc;flex-grow:1;justify-content:center;align-items:center;padding:0 10px;font-size:13px;font-weight:700;display:flex}.drag-area[data-v-185c4538]:active{cursor:grabbing}.collapse-btn[data-v-185c4538]{color:#ccc;cursor:pointer;background:0 0;border:none;border-left:1px solid #111;justify-content:center;align-items:center;padding:0 12px;font-size:12px;display:flex}.collapse-btn[data-v-185c4538]:hover{color:#fff;background:#333}.collapse-btn.icon[data-v-185c4538]{font-size:16px}.gp-drum-notation[data-v-185c4538]{background:#1e1e1e;flex-direction:column;width:100%;max-width:960px;font-family:Arial,sans-serif;display:flex}.gp-scroll-area[data-v-185c4538]{background:#fff;overflow:auto hidden}.gp-scroll-area[data-v-185c4538]::-webkit-scrollbar{height:14px}.gp-scroll-area[data-v-185c4538]::-webkit-scrollbar-thumb{background:silver;border:1px solid #a0a0a0;border-radius:2px}.gp-scroll-area[data-v-185c4538]::-webkit-scrollbar-track{background:#f0f0f0}.gp-notation-track[data-v-185c4538]{min-width:max-content;height:280px;position:relative}.gp-staff-background[data-v-185c4538]{z-index:0;pointer-events:none;position:absolute;top:0;left:0}.gp-instruments-container[data-v-185c4538]{z-index:1;height:100%;display:flex;position:relative}.gp-drum-column[data-v-185c4538]{cursor:pointer;box-sizing:border-box;border-left:1px solid #0000;border-right:1px solid #0000;flex-direction:column;align-items:center;width:30px;transition:all .1s;display:flex}.gp-drum-column.is-hovered[data-v-185c4538]{background-color:#f1f5f9;border-color:#e2e8f0}.gp-drum-column.is-selected[data-v-185c4538]{background-color:#fef3c7;border-color:#e2e8f0}.gp-note-area[data-v-185c4538]{justify-content:center;width:100%;height:130px;display:flex}.bravura-font[data-v-185c4538]{fill:#000;font-family:Bravura,sans-serif;font-size:40px}.gp-text-area[data-v-185c4538]{justify-content:center;width:100%;height:150px;padding-top:10px;display:flex}.vertical-text[data-v-185c4538]{writing-mode:vertical-rl;color:#000;white-space:nowrap;text-align:right;user-select:none;font-size:11px;transform:rotate(180deg)}.yt-sync-widget[data-v-07934a17]{z-index:2000;background:#fff;border:1px solid #111;border-radius:6px;flex-direction:column;width:340px;display:flex;position:fixed;overflow:hidden;box-shadow:0 8px 24px #0006}.yt-header[data-v-07934a17]{color:#ccc;cursor:grab;touch-action:none;background:#252526;border-bottom:1px solid #111;justify-content:space-between;align-items:center;padding:6px 12px;font-size:13px;font-weight:700;display:flex}.yt-header[data-v-07934a17]:active{cursor:grabbing}.yt-controls button[data-v-07934a17]{color:#ccc;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:14px}.yt-controls button[data-v-07934a17]:hover{color:#fff}.yt-body[data-v-07934a17]{flex-direction:column;display:flex}.yt-inputs[data-v-07934a17]{background:#f8f9fa;border-bottom:1px solid #e2e8f0;flex-direction:column;gap:8px;padding:10px;display:flex}.url-input[data-v-07934a17]{box-sizing:border-box;border:1px solid #ccc;border-radius:4px;outline:none;width:100%;padding:6px;font-size:12px}.url-input[data-v-07934a17]:focus{border-color:#5a8bd6}.settings-row[data-v-07934a17]{justify-content:flex-start;align-items:center;display:flex}.offset-control[data-v-07934a17]{color:#333;align-items:center;gap:6px;font-size:12px;font-weight:700;display:flex}.offset-nudger[data-v-07934a17]{background:#fff;border:1px solid #ccc;border-radius:4px;align-items:center;display:flex;overflow:hidden}.nudge-btn[data-v-07934a17]{color:#333;cursor:pointer;background:#e2e8f0;border:none;padding:4px 8px;font-size:10px;transition:background .1s}.nudge-btn[data-v-07934a17]:hover{background:#cbd5e1}.nudge-btn[data-v-07934a17]:active{background:#94a3b8}.num-input.offset-input[data-v-07934a17]{text-align:center;border:none;border-left:1px solid #ccc;border-right:1px solid #ccc;border-radius:0;outline:none;width:55px;padding:4px;font-family:monospace}.iframe-container[data-v-07934a17]{background:#000;width:100%;height:200px;position:relative}.placeholder[data-v-07934a17]{color:#666;justify-content:center;align-items:center;font-size:12px;display:flex;position:absolute;inset:0}.tab-book-app[data-v-1c480618]{color:#e0e0e0;background-color:#1e1e1e;flex-direction:column;width:100%;height:100vh;font-family:sans-serif;display:flex;position:absolute;inset:0;overflow:hidden}.tb-workspace[data-v-1c480618]{box-sizing:border-box;background-color:#fff;flex-direction:column;flex-grow:1;width:100%;display:flex;position:relative;overflow:hidden}.toolbar[data-v-1c480618]{box-sizing:border-box;background:#252526;border-bottom:1px solid #111;flex-shrink:0;justify-content:space-between;align-items:flex-start;width:100%;padding:10px 20px;display:flex}.group-label[data-v-1c480618]{color:#aaa;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px;font-size:10px;display:block}.prop-group[data-v-1c480618]{flex-direction:column;gap:4px;display:flex}.btn-group[data-v-1c480618]{background:#222;border:1px solid #333;border-radius:4px;align-items:center;gap:2px;padding:2px;display:flex}.btn-group button[data-v-1c480618]{color:#ccc;cursor:pointer;background:0 0;border:none;border-radius:3px;padding:6px 10px;font-size:14px}.btn-group button[data-v-1c480618]:hover:not(:disabled){color:#fff;background:#444}.btn-group button.active[data-v-1c480618]{color:#fff;background:#5a8bd6}.btn-group button.font-bold[data-v-1c480618]{font-family:monospace;font-size:16px;font-weight:700}.btn-group button.del[data-v-1c480618]:hover:not(:disabled){color:#fff;background:#d9534f}.btn-group button[data-v-1c480618]:disabled{opacity:.5;cursor:not-allowed}.divider[data-v-1c480618]{background:#555;width:1px;height:20px;margin:0 6px}.num-input[data-v-1c480618]{color:#fff;text-align:center;background:#444;border:1px solid #555;border-radius:3px;padding:4px;font-family:monospace}.bold-input[data-v-1c480618]{width:100px;font-weight:700}.desc-input[data-v-1c480618]{width:120px}.disabled-group[data-v-1c480618]{opacity:.4;filter:grayscale();pointer-events:none}.workspace-body[data-v-1c480618]{flex-grow:1;display:flex;position:relative;overflow:hidden}.song-scroll-area[data-v-1c480618]{user-select:none;outline:none;flex-grow:1;width:100%;padding:40px 80px;position:relative;overflow:auto}.document-settings-panel[data-v-1c480618]{z-index:3000;background:#252526;border:1px solid #444;border-bottom:none;border-radius:8px 8px 0 0;min-width:220px;padding:15px;position:absolute;bottom:50px;right:20px;box-shadow:0 -4px 12px #0000004d}.settings-content[data-v-1c480618]{flex-direction:column;gap:12px;display:flex}.setting-item[data-v-1c480618]{align-items:center;display:flex}.switch-label[data-v-1c480618]{cursor:pointer;color:#ccc;align-items:center;gap:10px;font-size:13px;font-weight:700;display:flex}.switch-label input[data-v-1c480618]{cursor:pointer;transform:scale(1.2)}.slide-up-enter-active[data-v-1c480618],.slide-up-leave-active[data-v-1c480618]{transition:transform .2s,opacity .2s}.slide-up-enter-from[data-v-1c480618],.slide-up-leave-to[data-v-1c480618]{opacity:0;transform:translateY(20px)}@media (width<=950px){input[type=text][data-v-1c480618],input[type=number][data-v-1c480618],select[data-v-1c480618],button[data-v-1c480618]{touch-action:manipulation;font-size:16px!important}.tab-book-app[data-v-1c480618]{height:auto;min-height:100vh;position:static;overflow:visible}.tb-workspace[data-v-1c480618]{box-sizing:border-box;width:100%;padding-top:50px;padding-bottom:60px;overflow:visible}.document-settings-panel[data-v-1c480618]{z-index:3000;position:fixed;bottom:70px;right:15px}.song-scroll-area[data-v-1c480618]{width:100%;height:auto;padding:20px 0;overflow:visible}.toolbar[data-v-1c480618]{padding:8px 10px;overflow-x:auto}}body,html{background-color:#1e1e1e;margin:0;padding:0}*{box-sizing:border-box}@media (width<=950px){body,html{height:auto!important;overflow:auto!important}}.popup-overlay[data-v-2ba5f7a4]{backdrop-filter:blur(4px);z-index:99999;background-color:#000000b3;justify-content:center;align-items:center;width:100vw;height:100vh;display:flex;position:fixed;top:0;left:0}.popup-content[data-v-2ba5f7a4]{color:#fff;background:#252526;border:1px solid #444;border-radius:12px;width:90%;max-width:500px;padding:30px;font-family:sans-serif;position:relative;box-shadow:0 10px 30px #00000080}.close-btn[data-v-2ba5f7a4]{color:#aaa;cursor:pointer;background:0 0;border:none;font-size:24px;line-height:1;transition:color .2s;position:absolute;top:15px;right:15px}.close-btn[data-v-2ba5f7a4]:hover{color:#fff}.popup-body h2[data-v-2ba5f7a4]{color:#5a8bd6;margin-top:0;font-size:24px}.popup-body p[data-v-2ba5f7a4]{color:#ccc;font-size:16px;line-height:1.5}.popup-body ul[data-v-2ba5f7a4]{color:#ddd;margin:20px 0;padding:0;line-height:1.8;list-style:none}.action-btn[data-v-2ba5f7a4]{color:#fff;cursor:pointer;background:#5cb85c;border:none;border-radius:6px;width:100%;margin-top:20px;padding:12px;font-size:16px;font-weight:700;transition:background .2s;display:block}.action-btn[data-v-2ba5f7a4]:hover{background:#4cae4c}.fade-enter-active[data-v-2ba5f7a4],.fade-leave-active[data-v-2ba5f7a4]{transition:opacity .3s}.fade-enter-from[data-v-2ba5f7a4],.fade-leave-to[data-v-2ba5f7a4]{opacity:0}.support-overlay[data-v-a5d5f2c3]{backdrop-filter:blur(3px);z-index:9999;background:#000000bf;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.support-content[data-v-a5d5f2c3]{text-align:center;color:#fff;background:#252526;border:1px solid #444;border-radius:12px;max-width:420px;padding:30px 40px;position:relative;box-shadow:0 10px 30px #00000080}.icon[data-v-a5d5f2c3]{margin-bottom:10px;font-size:40px}h2[data-v-a5d5f2c3]{color:#e0e0e0;margin:0 0 15px;font-size:22px}p[data-v-a5d5f2c3]{color:#aaa;margin-bottom:25px;font-size:15px;line-height:1.5}.close-btn[data-v-a5d5f2c3]{color:#777;cursor:pointer;background:0 0;border:none;font-size:18px;transition:color .2s;position:absolute;top:12px;right:15px}.close-btn[data-v-a5d5f2c3]:hover{color:#fff}.actions[data-v-a5d5f2c3]{flex-direction:column;gap:10px;display:flex}.donate-btn[data-v-a5d5f2c3]{color:#fff;background:#5a8bd6;border-radius:6px;padding:12px;font-size:16px;font-weight:700;text-decoration:none;transition:background .2s}.donate-btn[data-v-a5d5f2c3]:hover{background:#4a7bc6}.later-btn[data-v-a5d5f2c3]{color:#888;cursor:pointer;background:0 0;border:none;padding:10px;font-size:14px}.later-btn[data-v-a5d5f2c3]:hover{color:#ccc;text-decoration:underline}.fade-enter-active[data-v-a5d5f2c3],.fade-leave-active[data-v-a5d5f2c3]{transition:opacity .3s}.fade-enter-from[data-v-a5d5f2c3],.fade-leave-to[data-v-a5d5f2c3]{opacity:0}