@font-face{font-family:Bravura;src:url(/assets/Bravura-CL2nYb52.otf)format("opentype");font-display:swap}@font-face{font-family:Edwin;src:url(/assets/Edwin-Roman-CrXJFWSk.otf)format("opentype");font-weight:400;font-style:normal;font-display:swap}@font-face{font-family:Edwin;src:url(/assets/Edwin-Italic-Bp9lvalD.otf)format("opentype");font-weight:400;font-style:italic;font-display:swap}@font-face{font-family:Edwin;src:url(/assets/Edwin-Bold-DBGKyhFD.otf)format("opentype");font-weight:700;font-style:normal;font-display:swap}@font-face{font-family:Edwin;src:url(/assets/Edwin-BdIta-DhVZLhUk.otf)format("opentype");font-weight:700;font-style:italic;font-display:swap}:root{--popup-shadow:0 12px 36px #0003, 0 3px 10px #0000001a;--popup-shadow-pal:0 0 1px #00000038, 0 1px 2px #0000001a, 0 4px 10px #00000014;--clr-primary:#1a1a1a;--clr-primary-light:#f5f5f5;--clr-primary-hover:#e8e8e8;--clr-success:#333;--clr-success-light:#f5f5f5;--clr-purple:#555;--clr-purple-light:#f5f5f5;--clr-danger:#666;--clr-danger-light:#f0f0f0;--clr-orange:#444;--clr-orange-light:#f5f5f5;--clr-teal:#333;--clr-teal-light:#f5f5f5;--clr-warning:#555;--clr-warning-border:#ccc;--clr-bg:#f2f2f2;--clr-surface:#fff;--clr-surface-alt:#f7f7f7;--clr-text:#111;--clr-text-secondary:#555;--clr-text-muted:#999;--clr-text-disabled:#ccc;--clr-border:#ddd;--clr-border-light:#ebebeb;--clr-home-bg:#fafafa;--clr-home-surface:#00000008;--clr-home-surface-hover:#0000000f;--clr-home-text:#111;--clr-home-text-secondary:#777;--clr-home-accent:#1a1a1a;--clr-home-accent-hover:#333;--clr-home-border:#00000014;--clr-arrange-bg:#f0f0f0;--clr-arrange-surface:#ffffffd9;--clr-arrange-surface-alt:#ffffffa6;--clr-arrange-border:#00000014;--clr-arrange-header:#fffffff2;--font-family:-apple-system, BlinkMacSystemFont, "SF Pro Display", "Inter", "Segoe UI", Roboto, Helvetica, Arial, sans-serif;--fs-xs:11px;--fs-sm:12px;--fs-md:13px;--fs-lg:14px;--fs-xl:16px;--fs-2xl:20px;--fs-3xl:28px;--fs-4xl:40px;--sp-1:4px;--sp-2:6px;--sp-3:8px;--sp-4:10px;--sp-5:12px;--sp-6:14px;--sp-7:16px;--sp-8:24px;--sp-9:32px;--sp-10:48px;--radius-sm:4px;--radius-md:8px;--radius-lg:12px;--radius-xl:16px;--radius-2xl:24px;--radius-pill:9999px;--shadow-xs:0 1px 2px #0000000d;--shadow-sm:0 1px 3px #00000014, 0 1px 2px #0000000a;--shadow-card:0 2px 12px #0000000f, 0 1px 4px #0000000a;--shadow-lg:0 10px 40px #00000014, 0 2px 8px #0000000a;--shadow-xl:0 20px 60px #0000001a, 0 4px 16px #0000000d;--shadow-glow-blue:0 0 20px #0000001f, 0 0 60px #0000000d;--shadow-glow-teal:0 0 20px #0000001f, 0 0 60px #0000000d;--toolbar-h:48px;--tabbar-h:40px;--detailbar-h:60px;--ease-out:cubic-bezier(.16, 1, .3, 1);--ease-spring:cubic-bezier(.34, 1.56, .64, 1);--ease-smooth:cubic-bezier(.4, 0, .2, 1);--glass-bg:#ffffffe6;--glass-border:#0000000f;--glass-blur:10px}*{box-sizing:border-box;margin:0;padding:0}body{font-family:var(--font-family);background:var(--clr-bg);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;text-rendering:optimizelegibility;min-height:100vh;margin:0;padding:0}.page{min-height:100vh;display:none}.page.active{flex-direction:column;display:flex}.toolbar{height:var(--toolbar-h);color:#fff;padding:0 var(--sp-5);align-items:center;gap:var(--sp-2);background:linear-gradient(#1a1a1a 0%,#141414 100%);border-bottom:1px solid #ffffff0f;display:flex}.tabbar{height:var(--tabbar-h);background:var(--clr-surface);border-bottom:1px solid var(--clr-border-light);padding:0 var(--sp-5);align-items:center;display:flex;position:relative}.tab{padding:var(--sp-2) var(--sp-7);cursor:pointer;font-size:var(--fs-sm);color:var(--clr-text-muted);transition:color .2s var(--ease-smooth), border-color .3s var(--ease-smooth);letter-spacing:.01em;background:0 0;border:none;border-bottom:2px solid #0000;font-weight:500}.tab:hover{color:var(--clr-text-secondary)}.tab.active{border-bottom-color:var(--clr-primary);color:var(--clr-primary);font-weight:600}.detailbar{min-height:var(--detailbar-h);background:var(--clr-surface);border-bottom:1px solid var(--clr-border-light);padding:var(--sp-2) var(--sp-7)}.canvas-area{padding:var(--sp-8);flex-direction:column;flex:1;align-items:center;display:flex;overflow-y:auto}.hidden{display:none!important}.toolbar-home-btn{cursor:pointer;color:#1d1d1f;background:0 0;border:none;border-radius:8px;justify-content:center;align-items:center;padding:6px 10px;transition:all .15s;display:inline-flex}.toolbar-home-btn:hover{background:#0000000d}.toolbar-home-btn:active{transform:scale(.96)}.toolbar-home-logo{width:auto;height:18px}.btn{cursor:pointer;font-family:var(--font-family);letter-spacing:.01em;color:#333;background:#fff;border:1px solid #0000001a;border-radius:8px;padding:7px 16px;font-size:12px;font-weight:500;line-height:1.4;transition:all .2s}.btn:hover{background:#f5f5f5}.btn:active{transform:scale(.97)}.btn--primary{color:#fff;background:#111;border-color:#111}.btn--primary:hover{background:#333;border-color:#333}.btn--primary-outline{color:#111;background:0 0;border-color:#00000026}.btn--primary-outline:hover{background:#0000000a}.btn--teal-outline{color:#fff;background:#111;border-color:#111}.btn--teal-outline:hover{background:#333;border-color:#333}.btn--orange-outline{color:#fff;background:#111;border-color:#111}.btn--orange-outline:hover{background:#333;border-color:#333}.btn--purple-outline{color:#333;background:0 0;border-color:#00000026}.btn--purple-outline:hover{background:#0000000a}.btn--danger-outline{color:#888;background:0 0;border-color:#0000001a}.btn--danger-outline:hover{color:#555;background:#00000008}.btn--success-outline{color:#333;background:0 0;border-color:#0000001a}.btn--success-outline:hover{background:#0000000a}.btn--neutral{color:#666;background:0 0;border-color:#00000014}.btn--neutral:hover{color:#333;background:#00000008}.btn--active{color:#fff!important;background:#111!important;border-color:#111!important}.bar-row{flex-wrap:wrap;justify-content:center;align-items:center;gap:6px;margin-top:8px;display:flex}.select-styled{font-family:var(--font-family);color:#333;cursor:pointer;-webkit-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg width='10' height='6' viewBox='0 0 10 6' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M1 1L5 5L9 1' stroke='%23999' stroke-width='1.5' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") right 10px center no-repeat;border:1px solid #0000001a;border-radius:8px;padding:7px 28px 7px 12px;font-size:12px;font-weight:500;transition:border-color .2s,box-shadow .2s}.select-styled:hover{border-color:#0003}.select-styled:focus{border-color:#111;outline:none;box-shadow:0 0 0 3px #0000000f}.select--teal{color:#333;background-color:#fff;border-color:#0000001a}.select--teal:focus{border-color:#111;box-shadow:0 0 0 3px #0000000f}.select--orange{color:#333;background-color:#fff;border-color:#0000001a}.select--orange:focus{border-color:#111;box-shadow:0 0 0 3px #0000000f}.alert{white-space:pre-wrap;border:1px solid #0000;border-radius:10px;max-width:900px;max-height:200px;margin:0 auto 10px;padding:10px 16px;font-size:12px;overflow-y:auto}.alert--warning{color:#666;background:#fafafa;border-color:#e0e0e0}.alert--error{color:#555;background:#fafafa;border-color:#ddd}.overlay{backdrop-filter:blur(12px);z-index:9999;background:#0006;justify-content:center;align-items:center;width:100%;height:100%;display:flex;position:fixed;top:0;left:0}.modal{background:#fff;border-radius:16px;max-width:600px;max-height:80vh;padding:32px 40px;overflow-y:auto;box-shadow:0 24px 80px #0000001f}.label{color:#999;font-size:12px;font-weight:500}.info-text{font-size:12px;font-weight:600;display:none}.detail-panel{flex-wrap:nowrap;align-items:center;gap:0;padding:2px 0;display:flex;overflow-x:auto}.pal-group{align-items:center;gap:2px;display:flex}.pal-group-label{color:#111;text-transform:uppercase;letter-spacing:.05em;white-space:nowrap;padding:0 6px 0 4px;font-size:9px;font-weight:300}.pal-row{align-items:center;gap:2px;display:flex}.pal-sep{background:#e0e0e0;flex-shrink:0;width:1px;height:28px;margin:0 10px}.pal-sep-sm{background:#eee;flex-shrink:0;width:1px;height:18px;margin:0 6px}.pal-ico{color:#111;cursor:pointer;background:0 0;border:none;border-radius:4px;flex-shrink:0;justify-content:center;align-items:center;min-width:30px;height:32px;margin:0;padding:0 3px;transition:transform .15s,color .15s;display:inline-flex;position:relative}.pal-ico:hover{color:#111;background:#0000000a}.pal-ico:active{transform:scale(.95)}.pal-ico.pal-active{color:#111;background:#0000000f}.pal-badge{color:#111;white-space:nowrap;background:#f5c518;border:none;border-radius:9px;align-self:center;margin-left:6px;padding:1px 8px;font-size:11px;font-weight:500;line-height:16px}.pal-ico.pal-active:after{content:"";background:#111;border-radius:1px;height:2px;position:absolute;bottom:0;left:4px;right:4px}.pal-ico[data-voice]:after{content:"";background:var(--voice-c);opacity:.3;border-radius:1px;height:2px;position:absolute;bottom:0;left:4px;right:4px}.pal-ico[data-voice].pal-active:after{opacity:1;height:3px}.pal-ico[data-voice="1"]{--voice-c:#1a6dff}.pal-ico[data-voice="2"]{--voice-c:#00b25a}.pal-ico[data-voice="3"]{--voice-c:#9d3cff}#btn-pedal-toggle.pal-active:after,#btn-harmony.pal-active:after{display:none}.ped-switch{box-sizing:border-box;border:1.5px solid;border-radius:6px;width:22px;height:12px;display:block;position:relative}.ped-switch:after{content:"";background:currentColor;border-radius:50%;width:6px;height:6px;transition:left .15s;position:absolute;top:1.5px;left:1.5px}#btn-pedal-toggle.pal-active .ped-switch,#btn-harmony.pal-active .ped-switch{background:currentColor}#btn-pedal-toggle.pal-active .ped-switch:after,#btn-harmony.pal-active .ped-switch:after{background:#fff;left:11.5px}#btn-pedal-toggle,#btn-harmony,#btn-pedal-toggle:hover,#btn-harmony:hover,#btn-pedal-toggle.pal-active,#btn-harmony.pal-active{background:0 0}#btn-pedal-toggle:focus,#btn-harmony:focus,#btn-pedal-toggle:focus-visible,#btn-harmony:focus-visible{outline:none}.pal-text{font-family:var(--font-family);letter-spacing:.5px;padding:0 4px;font-size:11px;font-weight:700}.pal-ico[data-dot]{letter-spacing:3px;font-size:16px;font-weight:900}.pal-ico .pal-icon{width:24px;height:24px}.pal-ico[data-acc] .pal-icon{width:20px;height:20px}#panel-articulation .pal-ico[data-art]{color:#111}#panel-articulation .pal-ico[data-art] .pal-icon{width:28px;height:28px}#panel-articulation .pal-ico[data-art=fermata] .pal-icon,#panel-articulation .pal-ico[data-art=pedal-start] .pal-icon{width:25px;height:25px}#panel-articulation .pal-ico[data-art] .pal-icon path{stroke:currentColor;stroke-width:.5px;stroke-linejoin:round}.pal-clef{height:32px;font-size:28px;overflow:visible}.pal-toggle-btn:after{content:"";opacity:.5;vertical-align:middle;border-top:4px solid;border-left:3px solid #0000;border-right:3px solid #0000;width:0;height:0;margin-left:4px;display:inline-block}.pal-fixed-popup{box-shadow:var(--popup-shadow-pal);z-index:300;background:#fff;border:none;border-radius:10px;padding:8px;animation:.12s both pal-popup-in;position:fixed}@keyframes pal-popup-in{0%{opacity:0;transform:translateY(-4px)}to{opacity:1;transform:translateY(0)}}.pal-fixed-popup.hidden{display:none}.pal-popup-item{color:#333;width:100%;font-family:var(--font-family);text-align:left;cursor:pointer;white-space:nowrap;background:0 0;border:none;border-radius:5px;padding:6px 10px;font-size:11px;font-weight:500;transition:background .1s;display:block}.pal-popup-item:hover{background:#0000000a}.pal-popup-item .nav-glyph{vertical-align:middle;margin:-3px 6px -3px 0}.pal-popup-item.pal-active{color:#111;background:#00000014;font-weight:600}.pal-popup-item:disabled{opacity:.35;cursor:default}.pal-popup-item:disabled:hover{background:0 0}.pal-popup-hint{font-family:var(--font-family);color:#888;padding:4px 6px 2px;font-size:10px;display:block}.pal-popup-hint.hidden{display:none}.pal-popup-divider{background:#0000000f;height:1px;margin:3px 4px}.pal-popup-section{margin-bottom:6px}.pal-popup-section:last-child{margin-bottom:0}.pal-popup-heading{font-family:var(--font-family);color:#111;text-transform:uppercase;letter-spacing:.5px;padding:2px 6px 4px;font-size:10px;font-weight:300;display:block}#btn-key-toggle:after,#btn-transpose-toggle:after,#btn-time-toggle:after,#btn-pickup-toggle:after,#btn-nav-toggle:after,#btn-tempodur-toggle:after,#btn-textfont-toggle:after,#btn-tempotext-toggle:after,#btn-gradual-toggle:after,#btn-ns-toggle:after,#btn-ss-toggle:after,#btn-page-toggle:after,#btn-lang-toggle:after,#btn-mnum-toggle:after{display:none}#lang-choices{grid-template-columns:repeat(2,1fr)}#lang-popup{width:max-content}#lang-choices .pal-popup-item{white-space:nowrap}#ns-popup .pal-popup-grid,#ss-popup .pal-popup-grid,#page-popup .pal-popup-grid{grid-template-columns:repeat(3,auto)}#mnum-popup .pal-popup-grid{grid-template-columns:repeat(2,auto)}#zoom-popup .pal-popup-grid+.pal-popup-grid{margin-top:3px}#zoom-popup .zoom-step{grid-template-columns:34px 1fr 34px;align-items:center}#zoom-popup .zoom-fit{grid-template-columns:repeat(2,1fr)}#zoom-popup .zoom-pct{grid-template-columns:repeat(4,1fr)}#zoom-popup .zoom-now{text-align:center;font-family:var(--font-family);color:#111;font-size:12px;font-weight:600}#zoom-popup .zoom-step .pal-popup-item{font-size:15px}#btn-mnum-toggle{width:auto;padding:0 8px}.pal-ico .set-cur{font-family:var(--font-family);color:#111;white-space:nowrap;font-size:12px;font-weight:600}#btn-nav-toggle .nav-glyph{width:auto;height:17px}.pal-popup-item .nav-glyph{width:auto;height:18px;margin:0}#nav-popup .pal-popup-hint{white-space:normal;max-width:220px}#pickup-choices{gap:3px;display:flex}.pk-why{white-space:normal;text-transform:none;letter-spacing:0;grid-column:1/-1;max-width:220px}.pal-key-btn .keysig-icon{display:block}.tr-status{align-items:center;gap:4px;padding:0 6px;display:inline-flex}.tr-status .tr-arrow{color:#666;font-size:14px}.tr-status .tr-net{font-family:var(--font-family);color:#666;text-align:center;min-width:22px;font-size:11px;font-weight:600}.pal-popup-grid{grid-template-columns:repeat(4,1fr);gap:3px;display:grid}.pal-key-btn{cursor:pointer;background:#fff;border:1px solid #00000014;border-radius:6px;flex-direction:column;justify-content:center;align-items:center;gap:1px;min-width:34px;min-height:34px;padding:2px 3px 3px;transition:all .1s;display:flex}.pal-key-btn:hover{background:#00000008}.pal-key-btn.pal-active{background:#0000000f;border-color:#111}.pal-fixed-popup .pal-popup-item{text-align:center;color:#333;background:#fff;border:1px solid #00000014;border-radius:6px;justify-content:center;align-items:center;width:auto;min-width:34px;height:30px;padding:0 8px;font-size:12px;font-weight:500;display:flex}.pal-fixed-popup .pal-popup-item:hover{background:#00000008}.pal-fixed-popup .pal-popup-item.pal-active{color:#111;background:#0000000f;border-color:#111}.pal-key-btn.pal-active .pal-key-label{color:#111}.pal-key-label{font-family:var(--font-family);color:#333;font-size:11px;font-weight:500;line-height:1}.pal-time-custom{align-items:center;gap:2px;margin-left:2px;display:inline-flex}.pal-time-input{width:30px;height:26px;font-family:var(--font-family);text-align:center;color:#111;-moz-appearance:textfield;background:#fff;border:1px solid #0000001a;border-radius:5px;outline:none;font-size:11px;font-weight:600}.pal-time-input::-webkit-inner-spin-button,.pal-time-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pal-time-input:focus{border-color:#111;box-shadow:0 0 0 2px #0000000f}.pal-time-slash{font-family:var(--font-family);color:#999;font-size:12px;font-weight:600}.pal-time-select{height:26px;font-family:var(--font-family);text-align:center;color:#222;cursor:pointer;-webkit-appearance:none;-moz-appearance:none;appearance:none;background:#fff url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' width='8' height='5'%3E%3Cpath d='M0 0l4 5 4-5z' fill='%23999'/%3E%3C/svg%3E") right 5px center no-repeat;border:1px solid #0000001a;border-radius:5px;outline:none;padding:0 16px 0 4px;font-size:13px;font-weight:600}.pal-time-select:focus{border-color:#111;box-shadow:0 0 0 2px #0000000f}.pal-tempo-select{text-align:center;color:#111;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:5px;outline:none;height:28px;padding:0 4px;font-size:16px}.pal-tempo-select:focus{border-color:#111;box-shadow:0 0 0 2px #0000000f}.pal-tempo-eq{font-family:var(--font-family);color:#666;margin:0 4px;font-size:13px;font-weight:600}.pal-tempo-input{width:52px;height:28px;font-family:var(--font-family);text-align:center;color:#111;-moz-appearance:textfield;background:#fff;border:1px solid #0000001a;border-radius:5px;outline:none;font-size:12px;font-weight:600}.pal-tempo-input::-webkit-inner-spin-button,.pal-tempo-input::-webkit-outer-spin-button{-webkit-appearance:none;margin:0}.pal-tempo-input:focus{border-color:#111;box-shadow:0 0 0 2px #0000000f}.pal-text-select{height:28px;font-family:var(--font-family);color:#111;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:5px;outline:none;margin-right:4px;padding:0 6px;font-size:11px;font-weight:500}.pal-text-select:focus{border-color:#111;box-shadow:0 0 0 2px #0000000f}.pal-style-toggle{min-width:28px;font-size:13px!important}.pal-style-toggle.pal-active{color:#fff;background:#111;border-radius:4px}.pal-dyn-text{letter-spacing:0;text-transform:none;font-style:italic}#panel-dynamics .pal-dyn-text{color:#111;font-family:Edwin,Times New Roman,Times,serif;font-size:13px;font-weight:700}#panel-dynamics .dyn-icon{width:auto;height:15px}#panel-dynamics [data-dyn=crescendo] .pal-icon,#panel-dynamics [data-dyn=diminuendo] .pal-icon{width:18px;height:18px}#btn-tempodur-toggle.pal-dotted:before,#tempodur-popup [data-tempo-dur=dotted-quarter]:after{content:"";background:currentColor;border-radius:50%;order:2;align-self:flex-end;width:3.5px;height:3.5px;margin-bottom:7px;margin-left:-4px;display:inline-block}#panel-tempo .pal-tempo-word{color:#111;letter-spacing:0;text-transform:none;font-family:Edwin,Times New Roman,Times,serif;font-size:12px;font-weight:700}#panel-tempo .pal-tempo-gradual{font-style:italic}#tempodur-popup{padding:5px}#tempodur-popup .pal-popup-grid{grid-template-columns:repeat(3,28px);gap:2px}#tempodur-popup .pal-popup-item{width:28px;min-width:0;height:28px;padding:0}#tempodur-popup .pal-popup-item .pal-icon{width:20px;height:20px}#btn-tempodur-toggle .pal-icon{width:21px;height:21px}#btn-textfont-toggle{letter-spacing:0;text-transform:none;color:#111;width:auto;padding:0 8px;font-size:12px;font-weight:600}#textfont-popup .pal-popup-grid{grid-template-columns:1fr}#textfont-popup .pal-font-name{justify-content:flex-start;padding:0 10px;font-size:13px}#panel-tempo .pal-tempo-word,#btn-textfont-toggle.is-edwin,#panel-dynamics .pal-dyn-text{top:1px}#btn-textfont-toggle.is-sans{top:.5px}.pal-tempo-input{box-sizing:border-box;padding:0;line-height:26px}#textfont-popup [data-text-font=Edwin]{padding-top:2px}#btn-tempodur-toggle .pal-icon,.pal-tempo-eq{position:relative;top:-1px}#btn-tempodur-toggle.is-whole .pal-icon{top:-6px}#page-home{color:var(--clr-home-text);background:#fff;min-height:100vh;position:relative;overflow:hidden}#page-home:before{content:"";filter:blur(28px);pointer-events:none;background:radial-gradient(24% 17%,#6482a038 0%,#6482a021 40%,#6482a00d 75%,#0000 100%),radial-gradient(14% 11% at 38% 45%,#4655641a 0%,#4655640a 55%,#0000 100%),radial-gradient(12% 12% at 59% 42%,#4655641a 0%,#4655640a 55%,#0000 100%),radial-gradient(15% 10% at 62% 59%,#46556417 0%,#46556409 55%,#0000 100%),radial-gradient(12% 9% at 40% 61%,#46556414 0%,#0000 100%),radial-gradient(9% 8% at 51% 38%,#4655640f 0%,#0000 100%),radial-gradient(8% 7% at 30% 52%,#4655640d 0%,#0000 100%),radial-gradient(8% 6% at 70% 49%,#4655640d 0%,#0000 100%);position:absolute;inset:0}.home-navbar{backdrop-filter:blur(24px);z-index:10;background:#ffffffb3;border-bottom:1px solid #0000000a;align-items:center;height:64px;padding:0 48px;display:flex;position:relative}.home-logo{align-items:center;margin-right:auto;display:flex}.home-nav-links{gap:6px;display:flex}.home-nav-btn{border-radius:var(--radius-pill);color:var(--clr-home-text-secondary);cursor:pointer;font-family:var(--font-family);letter-spacing:.01em;background:0 0;border:1px solid #555;padding:7px 18px;font-size:12px;font-weight:500;transition:all .2s}.home-nav-btn:hover{color:#111;background:#0000000a}a.home-nav-btn{align-items:center;line-height:normal;text-decoration:none;display:inline-flex}.home-nav-btn--accent{color:#fff;background:#111;border-color:#111}.home-nav-btn--accent:hover{color:#fff;background:#333;border-color:#333}.home-hero{text-align:center;z-index:1;animation:hero-fade-up .7s var(--ease-out) both;padding:80px 24px 48px;position:relative}@keyframes hero-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.home-title{justify-content:center;margin-bottom:16px;display:flex}.home-title-svg{width:auto;height:clamp(48px,6vw,72px)}.home-tagline{letter-spacing:-.02em;color:#111;margin-bottom:8px;font-size:clamp(18px,2.5vw,24px);font-weight:700}.home-sub{color:var(--clr-home-text-secondary);letter-spacing:.01em;font-size:14px;font-weight:400}.home-main{z-index:1;max-width:720px;animation:hero-fade-up .7s var(--ease-out) .1s both;margin:0 auto;padding:0 32px 64px;position:relative}#page-home .home-upload-section{isolation:isolate;position:relative}#page-home .home-upload-section:before{content:"";z-index:-1;pointer-events:none;filter:blur(24px);background:radial-gradient(34% 20% at 45%,#b4b4b436 0%,#dcdcdc10 56%,#0000 100%),radial-gradient(20% 30% at 27% 38%,#aabed21d 0%,#d7e1eb0c 53%,#0000 100%),radial-gradient(30% 17% at 70% 60%,#c3c3c32b 0%,#e4e4e40c 57%,#0000 100%),radial-gradient(15% 20% at 60% 24%,#becddc15 0%,#0000 100%),radial-gradient(22% 12% at 36% 76%,#d7d7d714 0%,#0000 100%),radial-gradient(10% 13% at 86% 40%,#d7d7d710 0%,#0000 100%);position:absolute;inset:-80px -90px}.home-upload-section{margin-bottom:32px}.upload-zone{text-align:center;cursor:pointer;background:#ffffff8c;border:1px dashed #111;border-radius:16px;padding:40px 24px;transition:all .25s}.upload-zone:hover,.upload-zone.dragover{background:#fff;border-color:#111;transform:translateY(-1px);box-shadow:0 4px 20px #0000000f}.upload-zone-inner{flex-direction:column;align-items:center;gap:8px;display:flex}.upload-zone-icon-wrap{color:#555;background:#0000000a;border-radius:14px;justify-content:center;align-items:center;width:56px;height:56px;margin-bottom:4px;transition:all .25s;display:flex}.upload-zone:hover .upload-zone-icon-wrap{color:#222;background:#00000012}.upload-zone-text{color:#222;letter-spacing:-.01em;font-size:15px;font-weight:600}.upload-zone-hint{color:#999;font-size:12px}.upload-status{animation:status-appear .3s var(--ease-out) both;background:#00000008;border:1px solid #0000000f;border-radius:12px;align-items:center;gap:10px;margin-top:12px;padding:10px 16px;display:flex}@keyframes status-appear{0%{opacity:0;transform:translateY(6px)}to{opacity:1;transform:translateY(0)}}.upload-status-icon{color:#111;display:flex}.upload-status-text{color:#333;font-size:12px;font-weight:600}.home-actions-row{gap:12px;display:flex}.home-card{cursor:default;background:#ffffff8c;border:1px solid #111;border-radius:16px;flex-direction:column;flex:1;align-items:flex-start;gap:12px;padding:24px 20px;transition:all .25s;display:flex}.home-card:hover{background:#fff;transform:translateY(-2px);box-shadow:0 4px 20px #0000000f}.home-card-icon{color:#444;background:#0000000a;border-radius:12px;justify-content:center;align-items:center;width:44px;height:44px;display:flex}.home-card:hover .home-card-icon{color:#111;background:#00000012}.home-card-body{flex:1}.home-card-title{letter-spacing:-.01em;color:#111;margin-bottom:4px;font-size:14px;font-weight:700}.home-card-desc{color:#888;margin:0;font-size:12px;line-height:1.4}.home-action-btn{color:#fff;font-family:var(--font-family);cursor:pointer;letter-spacing:.01em;background:#111;border:1px solid #0000001f;border-radius:8px;align-self:flex-start;padding:8px 20px;font-size:12px;font-weight:600;transition:all .2s;display:inline-block}.home-action-btn:hover{background:#333;transform:translateY(-1px);box-shadow:0 4px 12px #0000001f}.home-action-btn:active{transform:translateY(0)}.home-action-btn:disabled{opacity:.25;cursor:not-allowed;box-shadow:none!important;transform:none!important}.home-card--action.ready .home-action-btn{animation:btn-ready .4s var(--ease-out) both}@keyframes btn-ready{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.library-search{gap:8px;margin-bottom:16px;display:flex}.library-search-input{color:var(--clr-home-text);font-family:var(--font-family);background:#00000005;border:1px solid #0000001a;border-radius:10px;outline:none;flex:1;padding:10px 16px;font-size:12px;transition:all .2s}.library-search-input::placeholder{color:#aaa}.library-search-input:focus{border-color:#0003;box-shadow:0 0 0 3px #0000000a}.library-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:12px;display:grid}.library-item{text-align:center;cursor:pointer;box-shadow:var(--shadow-xs);background:#fffc;border:none;border-radius:12px;padding:20px 12px;transition:all .2s}.library-item:hover{box-shadow:var(--shadow-sm);background:#fffffff2;transform:translateY(-2px)}.library-item-icon{margin-bottom:8px;font-size:28px}.library-item-name{color:#888;text-overflow:ellipsis;white-space:nowrap;font-size:11px;font-weight:500;overflow:hidden}.library-empty{text-align:center;color:#aaa;padding:32px;font-size:12px}.home-footer{text-align:center;color:#0003;z-index:1;letter-spacing:.02em;padding:32px;font-size:11px;position:relative}.home-footer-credit{color:#00000073;font-size:11px}.home-footer-credit a{color:inherit;text-decoration:underline}.home-links{z-index:1;flex-wrap:wrap;justify-content:center;gap:2px 16px;margin:-20px auto 0;padding:0 24px 6px;font-size:12px;line-height:1.6;display:flex;position:relative}.home-links a{color:#0009;text-decoration:underline}.home-links+.home-biz{margin-top:0}.home-biz{z-index:1;color:#00000073;flex-wrap:wrap;justify-content:center;gap:2px 14px;max-width:1100px;margin:-20px auto 0;padding:0 24px 28px;font-size:11px;line-height:1.6;display:flex;position:relative}.home-biz a{color:inherit;text-decoration:underline}.home-biz-blank{color:#4a3800;background:#ffe9a8;border-radius:3px;padding:0 3px}@media (width<=768px){.home-actions-row{flex-direction:column}.home-navbar{padding:0 20px}.home-hero{padding:56px 20px 36px}.home-main{padding:0 20px 48px}}.home-nav-select{-webkit-appearance:none;appearance:none;text-align:center;text-align-last:center;border-radius:var(--radius-pill);width:108px;color:var(--clr-home-text-secondary);cursor:pointer;font-family:var(--font-family);background:0 0;border:1px solid #555;padding:6px 12px;font-size:12px;font-weight:500}.home-nav-select:hover{background:#0000000a}.home-nav-select:focus{border-color:#111;outline:none}@supports (field-sizing:content){.home-nav-select{field-sizing:content;width:auto;min-width:64px}}.home-nav-btn,.home-nav-select{white-space:nowrap;flex-shrink:0}#btn-home-pieces .hnb-ico{display:none}#btn-home-pieces .hnb-ico svg{width:15px;height:15px}@media (width<=480px){.home-navbar{gap:8px;padding:0 12px}.home-logo svg{width:auto;height:26px}.home-nav-links{gap:4px}.home-nav-btn{padding:6px 10px;font-size:12px}.home-nav-select{min-width:0;padding:5px 8px}#btn-home-manual,#btn-home-pieces .hnb-txt{display:none}#btn-home-pieces .hnb-ico{display:inline-flex}#btn-home-pieces{padding:6px 9px}}.home-lang{flex-shrink:0;display:inline-flex;position:relative}.home-lang-face,.home-me-ic{display:none}@media (width<=480px){.home-lang-face{border-radius:var(--radius-pill);color:#333;pointer-events:none;border:1px solid #555;align-items:center;gap:4px;height:38px;padding:0 10px;font-size:12px;display:inline-flex}.home-lang-face b{font-weight:600}.home-lang .home-nav-select{opacity:0;width:100%;min-width:0;position:absolute;inset:0}.home-lang:focus-within .home-lang-face{border-color:#111}.home-nav-btn.home-me{border-radius:50%;place-items:center;width:38px;height:38px;padding:0;display:inline-grid}.home-me .home-me-ic{display:block}.home-me .home-me-tx{clip:rect(0 0 0 0);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}}@media (width<=760px){.home-links a,.home-biz a{padding:4px 0;display:inline-block}}.home-bell{color:#1a1a1a;border-radius:999px;flex-shrink:0;justify-content:center;align-items:center;width:38px;height:38px;display:inline-flex;position:relative}.home-bell[hidden]{display:none}.home-bell:hover{background:#0000000d}.home-bell-n{color:#fff;text-align:center;background:#111;border-radius:8px;min-width:15px;height:15px;padding:0 3px;font-size:9.5px;font-weight:800;line-height:15px;position:absolute;top:4px;right:2px}.home-bell-n[hidden]{display:none}.home-bizbtn{font:inherit;color:#0009;cursor:pointer;background:0 0;border:0;padding:0;text-decoration:underline}.home-bizbtn[aria-expanded=true] span[aria-hidden]{display:inline-block;transform:rotate(180deg)}.home-paddle{z-index:1;text-align:center;color:#00000073;margin:0 auto;padding:0 24px 10px;font-size:11px;position:relative}.home-biz[hidden]{display:none}.home-paddle+.home-biz{margin-top:0}#page-arrange{background:#f5f5f5;height:100vh;position:relative;overflow:hidden}.arrange-header{backdrop-filter:blur(20px);z-index:10;background:#fffc;border-bottom:1px solid #0000000f;justify-content:space-between;align-items:center;height:52px;padding:0 24px;display:flex;position:relative}.arrange-header-player{align-items:center;gap:6px;display:flex}.arrange-header-player .btn{padding:6px 10px}.arrange-header-player .label{color:#999;font-variant-numeric:tabular-nums;font-size:11px}.arrange-header-actions{gap:6px;display:flex}.arrange-steps{align-items:center;gap:8px;display:flex}.step-indicator{color:#bbb;border-radius:20px;align-items:center;gap:6px;padding:4px 12px;font-size:12px;font-weight:500;transition:all .25s;display:flex}.step-indicator:before{content:attr(data-step);color:#bbb;background:#eee;border-radius:50%;flex-shrink:0;justify-content:center;align-items:center;width:22px;height:22px;font-size:11px;font-weight:600;transition:all .25s;display:flex}.step-indicator.active{color:#111;background:#0000000d}.step-indicator.active:before{color:#fff;background:#111}.step-indicator.done{color:#666;background:#00000008}.step-indicator.done:before{color:#fff;content:"✓";background:#666}.step-arrow{color:#ccc;font-size:12px}.arrange-body{z-index:1;flex:1;min-height:0;display:flex;position:relative;overflow:hidden}.arrange-settings{backdrop-filter:blur(16px);background:#ffffffd9;border-right:1px solid #0000000d;flex-direction:column;flex-shrink:0;gap:20px;width:280px;padding:24px;display:flex;overflow-y:auto}.arrange-step{flex-direction:column;gap:16px;animation:.25s both step-enter;display:flex}@keyframes step-enter{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.arrange-step.hidden{display:none}.arrange-step-actions{border-top:1px solid #0000000d;flex-direction:column;gap:6px;padding-top:12px;display:flex}.arrange-section{flex-direction:column;gap:8px;display:flex}.arrange-section-title{color:#111;letter-spacing:-.01em;border-bottom:1px solid #0000000d;margin-bottom:2px;padding-bottom:6px;font-size:13px;font-weight:700}.arrange-label{color:#888;margin-top:2px;font-size:11px;font-weight:500}.arrange-radio-group{gap:4px;margin:2px 0 4px;display:flex}.arrange-radio{cursor:pointer;border:1px solid var(--clr-border,#ddd);border-radius:4px;align-items:center;gap:3px;padding:3px 8px;font-size:12px;transition:background .15s;display:flex}.arrange-radio:has(input:checked){background:var(--clr-teal,#009688);color:#fff;border-color:var(--clr-teal,#009688)}.arrange-radio input[type=radio]{display:none}.arrange-radio.is-disabled{opacity:.4;cursor:not-allowed}#btn-ed-arrange-apply{line-height:inherit;border-radius:4px;padding:3px 12px}.arrange-original-info{color:var(--clr-text-secondary,#666);background:var(--clr-surface-alt,#f7f7f7);border-radius:4px;margin-bottom:6px;padding:4px 8px;font-size:12px}.arrange-btn-row{gap:6px;margin-top:4px;display:flex}.arrange-btn-row .btn{text-align:center;flex:1;justify-content:center}.arrange-preview{flex-direction:column;flex:1;min-height:0;padding:24px;display:flex;overflow-y:auto}.arrange-preview-label{color:#999;letter-spacing:.04em;text-transform:uppercase;margin-bottom:10px;font-size:11px;font-weight:600}.arrange-wrap{background:#fff;border:1px solid #0000000a;border-radius:16px;flex:1;min-height:200px;padding:12px;overflow-y:auto;box-shadow:0 2px 12px #0000000a}.arrange-wrap svg{width:100%;height:auto;display:block}.arrange-preview-empty{color:#bbb;text-align:center;padding:48px 24px;font-size:13px}.arrange-export-menu{backdrop-filter:blur(20px);z-index:100;background:#fffffff2;border:1px solid #0000000f;border-radius:10px;min-width:120px;animation:.15s both dropdown-enter;position:absolute;top:48px;right:24px;overflow:hidden;box-shadow:0 8px 32px #0000001a}@keyframes dropdown-enter{0%{opacity:0;transform:translateY(-3px)}to{opacity:1;transform:translateY(0)}}.arrange-export-menu.hidden{display:none}@media (width<=1024px){.arrange-body{flex-direction:column}.arrange-settings{border-bottom:1px solid #0000000d;border-right:none;width:100%}}@media (width<=768px){.arrange-steps{gap:4px}.step-indicator{padding:3px 8px;font-size:11px}.step-indicator:before{width:18px;height:18px;font-size:10px}.arrange-header{padding:0 16px}#btn-ed-arrange-apply{min-height:24px}}#page-editor{background:#fff;flex-direction:column;height:100vh;display:flex;overflow:hidden}#page-editor:not(.active){display:none}html.ss-touch #page-editor{touch-action:pan-x pan-y;height:auto;min-height:0;position:fixed;inset:0}html.ss-touch .ss-dialog,html.ss-touch .engine-veil,html.ss-touch .engine-notice{touch-action:pan-x pan-y}html.ss-touch #page-editor .canvas-area.mz-on{align-items:flex-start;overflow:auto}html.ss-touch #btn-kbhints,html.ss-touch #shadow-off-badge,html.ss-touch #shortcut-help .kb-only{display:none!important}html.ss-touch #page-editor .canvas-area.mz-on #wrap{flex:none}#page-editor .canvas-area.mz-on{align-items:flex-start;overflow:auto}#page-editor .canvas-area.mz-on #wrap{flex:none;margin-left:auto;margin-right:auto}html.ss-touch #zoom-group,html.ss-touch #zoom-sep{display:none}#page-editor .toolbar{background:#1d1d1d;flex-shrink:0;gap:4px;height:44px;min-height:44px;padding:0 12px}.toolbar-btn{color:#fff;cursor:pointer;font-family:var(--font-family);background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;gap:5px;padding:5px 8px;font-size:12px;font-weight:500;line-height:1;transition:all .15s;display:inline-flex}.toolbar-btn:hover{color:#fff;background:#ffffff1a}.toolbar-btn:active{background:#ffffff24}.toolbar-btn:active svg{stroke-width:2.75px}.toolbar-btn svg{flex-shrink:0}.toolbar-btn-label{font-size:11px;font-weight:500}.toolbar-logo-btn{cursor:pointer;color:#fff;background:0 0;border:none;border-radius:6px;justify-content:center;align-items:center;padding:4px 6px;transition:all .15s;display:inline-flex}.toolbar-logo-btn:hover{color:#fff;background:#ffffff1a}.toolbar-logo-svg{width:auto;height:16px}.toolbar-divider{background:#ffffff1a;flex-shrink:0;width:1px;height:18px;margin:0 2px}.toolbar-spacer{flex:1}.toolbar-text{color:#fff;font-variant-numeric:tabular-nums;min-width:72px;font-size:11px;font-weight:500}#page-editor .tabbar{background:#fff;border-bottom:1px solid #0000000f;flex-shrink:0;height:36px;min-height:36px;padding:0 16px}#page-editor .tabbar .tab{color:#111;border-bottom-width:3px;padding:6px 18px;font-size:12px;font-weight:300}#page-editor .tabbar .tab:hover{color:#111}#page-editor .tabbar .tab.active{color:#111;border-bottom-color:#111;font-weight:700}#page-editor .detailbar{background:#fafafa;border-bottom:1px solid #0000000d;flex-shrink:0;min-height:48px;padding:6px 20px;overflow:visible}.toolbar-dropdown{position:relative}.toolbar-dropdown-menu{box-shadow:var(--popup-shadow-pal);z-index:100;background:#fff;border:none;border-radius:10px;min-width:110px;animation:.12s both dropdown-enter;position:absolute;top:calc(100% + 8px);left:0;overflow:hidden}.toolbar-dropdown-menu.hidden{display:none}.toolbar-dropdown-item{color:#333;width:100%;font-family:var(--font-family);text-align:left;cursor:pointer;background:0 0;border:none;padding:8px 14px;font-size:12px;font-weight:500;transition:background .12s;display:block}.toolbar-dropdown-item:hover{background:#0000000a}.toolbar-dropdown-item+.toolbar-dropdown-item{border-top:1px solid #0000000a}.detail-panel{scrollbar-width:none;flex-wrap:nowrap;align-items:center;gap:4px;display:flex;overflow:auto hidden}.detail-panel::-webkit-scrollbar{display:none}.detail-panel.hidden{display:none}#page-editor .canvas-area{background:linear-gradient(#e9e9eb 0%,#f1f1f2 38%,#f7f7f8 100%);flex-direction:column;flex:1;align-items:center;padding:24px;display:flex;overflow-y:auto}#wrap{background:#fff;border:none;border-radius:12px;width:100%;max-width:1200px;padding:28px 20px 20px;box-shadow:0 0 0 1px #00000014,0 2px 8px #0000000f,0 10px 28px #0000000d}svg{outline:none;display:block;overflow:visible}#svg{-webkit-user-select:none;user-select:none}#info{text-align:center;margin-top:12px;display:none}html.dev-info #info{display:block}#btn-export-library{display:none}html.dev-info #btn-export-library{display:block}#pitch{color:#111;letter-spacing:-.01em;min-height:24px;font-size:16px;font-weight:600}#timing{color:#888;min-height:16px;margin-top:2px;font-size:12px;font-weight:500}.help{color:#ccc;text-align:center;margin-top:8px;font-size:11px}.sub{color:#999;margin:2px 0 10px;font-size:12px}.badge{color:#555;background:#f0f0f0;border-radius:20px;margin-top:12px;padding:3px 12px;font-size:11px;font-weight:600;display:inline-block}.editor-warnings{color:#666;white-space:pre-wrap;background:#fafafa;border:1px solid #e0e0e0;border-radius:8px;max-width:900px;max-height:200px;margin:0 auto 10px;padding:8px 14px;font-size:11px;overflow-y:auto}.collision-results{color:#333;background:#fafafa;border:1px solid #e5e5e5;border-radius:8px;max-width:1200px;max-height:500px;margin:10px auto 0;padding:12px 16px;font-family:SF Mono,SFMono-Regular,Menlo,monospace;font-size:11px;line-height:1.5;overflow-y:auto}.piano-dock{z-index:50;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:#00000026 transparent;background:linear-gradient(#9e9e9e 0%,#757575 100%);border-top:1px solid #0000001f;flex-shrink:0;padding:4px 0 2px;position:sticky;bottom:0;left:0;right:0;overflow:auto hidden;box-shadow:0 -4px 16px #00000026,inset 0 2px 4px #ffffff14}.piano-dock::-webkit-scrollbar{height:5px}.piano-dock::-webkit-scrollbar-track{background:0 0}.piano-dock::-webkit-scrollbar-thumb{background:#0000001f;border-radius:3px}.piano-dock{transition:transform .3s cubic-bezier(.4,0,.2,1);transform:translateY(100%)}.piano-dock.pk-visible{transform:translateY(0)}.piano-dock.hidden{display:none!important}.pk-white,.pk-black{transform-origin:top;transition:transform .12s,background 80ms,box-shadow 80ms}.pk-white:hover{z-index:1;transform:scaleX(1.06)scaleY(1.04);background:linear-gradient(#f5f5f5 0%,#eee 90%,#e4e4e4 100%)!important;box-shadow:0 4px 10px #00000024!important}.pk-white:active,.pk-white.pk-pressed{transform:scaleX(1.02)scaleY(1.01);background:#aaa!important}.pk-white.pk-pressed .pk-label{color:#fff}.pk-black:hover{z-index:3;transform:scaleX(1.08)scaleY(1.05);background:linear-gradient(#444 0%,#333 60%,#2a2a2a 100%)!important;box-shadow:0 5px 10px #00000047!important}.pk-black:active,.pk-black.pk-pressed{transform:scaleX(1.03)scaleY(1.02);background:#666!important}.pk-label{color:#999;pointer-events:none;user-select:none;letter-spacing:.02em;font-size:10px;font-weight:700;position:absolute;bottom:8px;left:50%;transform:translate(-50%)}.pk-label.pk-mid{color:#111}.pk-label.pk-mid:before{content:"";background:currentColor;border-radius:50%;width:5px;height:5px;position:absolute;top:-8px;left:50%;transform:translate(-50%)}.volume-popup{box-shadow:var(--popup-shadow-pal);z-index:100;background:#fff;border:none;border-radius:10px;align-items:center;gap:8px;padding:12px 16px;animation:.12s both dropdown-enter;display:flex;position:absolute;top:calc(100% + 8px);left:0}.volume-popup.hidden{display:none}#page-editor .toolbar-dropdown-menu,#page-editor .volume-popup,#page-editor .pal-fixed-popup{-webkit-backdrop-filter:none;background:#fff}.volume-popup input[type=range]{accent-color:#111;cursor:pointer;width:100px}.volume-popup .volume-label{color:#666;text-align:right;font-variant-numeric:tabular-nums;min-width:28px;font-size:11px;font-weight:500}@media (width<=1024px){#page-editor .toolbar{flex-wrap:wrap;height:auto;min-height:44px;padding:4px 10px}#page-editor .canvas-area{padding:12px}}@media (width<=768px){#page-editor .tabbar{scrollbar-width:none;overflow-x:auto}#page-editor .tabbar::-webkit-scrollbar{display:none}.tab{white-space:nowrap;flex-shrink:0;padding:4px 12px;font-size:11px}.detail-panel{gap:3px}.detail-panel>*,.detail-panel label,.detail-panel button,.detail-panel span{white-space:nowrap;flex-shrink:0}}.btn:focus-visible,.tab:focus-visible,.pal-ico:focus-visible,.select-styled:focus-visible{outline-offset:2px;outline:2px solid #111}@media print{@page{size:A4;margin:0}body>:not(#page-editor),#page-editor>:not(.canvas-area),#page-editor .canvas-area>:not(#wrap),#wrap>:not(#svg){display:none!important}html,body{background:#fff!important;min-height:0!important;margin:0!important;padding:0!important}#page-editor{background:#fff!important;height:auto!important;display:block!important;overflow:visible!important}#page-editor .canvas-area{background:#fff!important;padding:0!important;display:block!important;overflow:visible!important}#wrap{width:auto!important;max-width:none!important;box-shadow:none!important;border:none!important;border-radius:0!important;margin:0!important;padding:0!important}html.print-a4 #svg{width:210mm!important;height:calc(var(--print-pages,1) * 297mm)!important;display:block!important}}#btn-kbhints.is-on{background:#ffffff2e}.sc-tip{z-index:4000;pointer-events:none;color:#fff;font:500 11px/16px var(--font-family);box-shadow:var(--popup-shadow-pal);white-space:nowrap;background:#111;border-radius:6px;align-items:center;gap:6px;padding:3px 7px;display:flex;position:fixed}.sc-tip.hidden{display:none}.sc-tip kbd{font:600 11px/14px var(--font-family);color:#111;text-align:center;background:#fff;border-radius:3px;min-width:10px;padding:0 5px}.sc-tip.sc-tip-light{color:#111;background:#fff;border:1px solid #111}.sc-tip.sc-tip-light kbd{color:#fff;background:#111}#btn-profile:disabled{opacity:.4;cursor:default}.tour-layer{z-index:10000;pointer-events:none;position:fixed;inset:0}.tour-layer.tour-dim{background:#0006}.tour-spot{outline-offset:0;pointer-events:none;border-radius:8px;outline:2px solid #e65100;transition:left .35s cubic-bezier(.2,.8,.2,1),top .35s cubic-bezier(.2,.8,.2,1),width .35s cubic-bezier(.2,.8,.2,1),height .35s cubic-bezier(.2,.8,.2,1);position:fixed;box-shadow:0 0 0 9999px #0006}.tour-spot:after{content:"";border:2px solid #e65100;border-radius:10px;animation:1.4s ease-out infinite tour-pulse;position:absolute;inset:-2px}@keyframes tour-pulse{0%{opacity:.9;transform:scale(1)}to{opacity:0;transform:scale(1.35)}}@media (prefers-reduced-motion:reduce){.tour-spot:after{animation:none}}.tour-bubble{pointer-events:auto;color:#fff;width:min(320px,100vw - 16px);font:15px/1.5 var(--font-family);background:#111;border-radius:12px;padding:14px 16px;animation:.2s ease-out tour-in;position:fixed;box-shadow:0 12px 34px #00000059}@keyframes tour-in{0%{opacity:0;transform:translateY(8px)scale(.96)}70%{opacity:1;transform:translateY(-2px)scale(1.01)}to{opacity:1;transform:none}}.tour-head{justify-content:space-between;align-items:center;margin-bottom:6px;display:flex}.tour-title{align-items:baseline;gap:8px;font-size:13px;display:flex}.tour-title b{color:#fff;font-weight:700}.tour-count{color:#fff9;font-size:12px}.tour-close{color:#ffffffb3;cursor:pointer;background:0 0;border:0;padding:2px 4px;font-size:14px}.tour-close:hover{color:#fff}.tour-text{margin:0;font-weight:500}.tour-actions{justify-content:flex-end;margin-top:12px;display:flex}.tour-next{color:#fff;cursor:pointer;background:#e65100;border:0;border-radius:8px;height:32px;padding:0 16px;font-size:13px;font-weight:600}.tour-next:hover{background:#f25f0a}.tour-arrow{background:#111;width:12px;height:12px;position:absolute;transform:translate(-50%)rotate(45deg)}.tour-below .tour-arrow{top:-6px}.tour-above .tour-arrow{bottom:-6px}.tour-dim .tour-arrow{display:none}.tour-hand{pointer-events:none;z-index:1;filter:drop-shadow(0 2px 4px #00000059);width:26px;height:26px;margin:-3px 0 0 -5px;transition:left .35s cubic-bezier(.2,.8,.2,1),top .35s cubic-bezier(.2,.8,.2,1);animation:2s ease-in-out infinite tour-hand;display:none;position:fixed}.tour-act .tour-hand{display:block}.tour-dim .tour-hand{display:none}@keyframes tour-hand{0%{opacity:0;transform:translate(34px,30px)}20%{opacity:1;transform:translate(0)}32%{transform:translate(0)scale(.82)}42%{transform:translate(0)scale(1)}80%{opacity:1;transform:translate(0)}to{opacity:0;transform:translate(0)}}.tour-ripple{opacity:0;border:2px solid #e65100;border-radius:50%;width:18px;height:18px;margin:-9px 0 0 -9px;animation:2s ease-out infinite tour-ripple;position:absolute;top:1px;left:3px}@keyframes tour-ripple{0%,30%{opacity:0;transform:scale(.3)}34%{opacity:.95}60%{opacity:0;transform:scale(2.2)}to{opacity:0}}@media (prefers-reduced-motion:reduce){.tour-hand,.tour-ripple,.tour-bubble{animation:none}}.tour-list{flex-wrap:wrap;gap:6px;margin:0 0 18px;display:flex}.tour-item{color:#111;cursor:pointer;background:#fff;border:1px solid #555;border-radius:7px;height:30px;padding:0 12px;font-size:12.5px}.tour-item:hover{border-color:#000}#wrap.engine-dim>#svg{opacity:.45;transition:opacity .15s}.engine-veil{z-index:900;cursor:progress;background:0 0;justify-content:center;align-items:center;display:flex;position:fixed}.engine-veil__box{color:#111;text-align:center;background:#fff;border-radius:18px;justify-items:center;gap:12px;min-width:200px;padding:24px 32px 22px;animation:.22s cubic-bezier(.2,.9,.3,1.2) both ss-dialog-in;display:grid;box-shadow:0 18px 48px #0000002e,0 0 0 1px #0000000a}.engine-veil__spin{border:3px solid #ededed;border-top-color:#111;border-radius:50%;width:30px;height:30px;animation:.8s linear infinite engine-spin}.engine-veil__text{font-size:16px;font-weight:700}.engine-veil__sub{color:#8a8a8a;margin-top:-6px;font-size:13px}@keyframes engine-spin{to{transform:rotate(360deg)}}@media (prefers-reduced-motion:reduce){.engine-veil__spin{animation-duration:2.4s}}#panel-arrange.engine-locked{pointer-events:none;opacity:.5}.engine-notice{z-index:901;box-sizing:border-box;color:#111;background:#fff;border-radius:14px;align-items:center;gap:12px;width:max-content;max-width:min(520px,100vw - 32px);padding:10px 10px 10px 14px;font-size:15px;line-height:1.45;display:flex;position:fixed;transform:translate(-50%);box-shadow:0 14px 40px #00000029,0 0 0 1px #0000000d}.engine-notice.is-in{animation:.24s cubic-bezier(.2,.9,.3,1.1) both engine-notice-in}@keyframes engine-notice-in{0%{opacity:0;transform:translate(-50%,-8px)}to{opacity:1;transform:translate(-50%)}}.engine-notice__mark{color:#111;background:#f2f2f2;border-radius:50%;flex:none;place-items:center;width:34px;height:34px;display:grid}.engine-notice__mark.is-warn{color:#a12a2a;background:#f8eaea}.engine-notice__text{word-break:keep-all;overflow-wrap:anywhere;flex:1;min-width:0}.engine-notice__go,.engine-notice .engine-notice-act{color:#fff;height:36px;font:inherit;white-space:nowrap;cursor:pointer;background:#111;border:0;border-radius:10px;flex:none;align-items:center;padding:0 14px;font-size:14px;font-weight:600;text-decoration:none;display:inline-flex}.engine-notice__go:hover,.engine-notice .engine-notice-act:hover{background:#333}.engine-notice__close{color:#8a8a8a;cursor:pointer;background:0 0;border:0;border-radius:50%;flex:none;place-items:center;width:30px;height:30px;padding:0;display:grid}.engine-notice__close:hover{color:#111;background:#f2f2f2}.engine-notice__go:focus-visible,.engine-notice-act:focus-visible,.engine-notice__close:focus-visible{outline-offset:2px;outline:2px solid #e65100}@media (width<=480px){.engine-notice{flex-wrap:wrap;width:calc(100vw - 32px)}.engine-notice__text{flex-basis:calc(100% - 90px);font-size:14px}.engine-notice__go,.engine-notice .engine-notice-act{margin-left:46px}}@media (prefers-reduced-motion:reduce){.engine-notice.is-in,.engine-veil__box{animation:none}}.save-toast{z-index:901;color:#fff;pointer-events:none;background:#111;border-radius:999px;align-items:center;gap:8px;padding:10px 18px 10px 14px;font-size:15px;font-weight:600;display:inline-flex;position:fixed;bottom:24px;left:50%;transform:translate(-50%);box-shadow:0 10px 28px #00000038}@media print{.save-toast,.engine-veil,.engine-notice,html.no-print-score #page-editor,html.no-print-score body>*{display:none!important}html.no-print-score body:before{content:attr(data-print-note);font:16px/1.5 var(--font-family);color:#111;padding:48px;display:block}}.ss-dialog{z-index:3000;background:#11111152;justify-content:center;align-items:center;padding:16px;display:flex;position:fixed;inset:0}.ss-dialog-box{box-sizing:border-box;text-align:center;width:100%;max-width:420px;font-family:var(--font-family,-apple-system, BlinkMacSystemFont, "Inter", sans-serif);background:#fff;border-radius:18px;max-height:calc(100dvh - 32px);padding:28px 28px 24px;animation:.22s cubic-bezier(.2,.9,.3,1.2) both ss-dialog-in;overflow:auto;box-shadow:0 24px 60px #00000038,0 0 0 1px #0000000a}@keyframes ss-dialog-in{0%{opacity:0;transform:translateY(6px)scale(.96)}to{opacity:1;transform:none}}.ss-dialog-glyph{color:#111;background:#f2f2f2;border-radius:50%;place-items:center;width:56px;height:56px;margin:0 auto 16px;display:grid}.ss-dialog-glyph.is-danger{color:#a12a2a;background:#f8eaea}.ss-dialog-title{letter-spacing:-.3px;color:#111;text-wrap:balance;word-break:keep-all;overflow-wrap:anywhere;margin-bottom:8px;font-size:19px;font-weight:700;line-height:1.35}.ss-dialog-msg{color:#5f5f5f;white-space:pre-line;word-break:keep-all;overflow-wrap:anywhere;max-width:34ch;margin:0 auto;font-size:15px;line-height:1.6}.ss-dialog-label{color:#5f5f5f;text-align:left;margin-top:4px;font-size:13px;font-weight:600;display:block}.ss-dialog-input{box-sizing:border-box;width:100%;height:46px;font:inherit;color:#111;background:#fff;border:1.5px solid #e4e4e4;border-radius:11px;margin-top:8px;padding:0 14px;font-size:15px;display:block}.ss-dialog-input:focus{border-color:#111;outline:none}.ss-dialog-row{grid-auto-columns:1fr;grid-auto-flow:column;gap:10px;margin-top:22px;display:grid}.ss-dialog-btn{color:#111;cursor:pointer;min-height:44px;font:inherit;background:#fff;border:1px solid #e4e4e4;border-radius:11px;padding:8px 12px;font-size:15px;font-weight:600;line-height:1.25}.ss-dialog-btn:hover{background:#f2f2f2}.ss-dialog-btn.is-main{color:#fff;background:#111;border-color:#111}.ss-dialog-btn.is-main:hover{background:#333;border-color:#333}.ss-dialog-btn.is-main.is-danger{background:#a12a2a;border-color:#a12a2a}.ss-dialog-btn.is-main.is-danger:hover{background:#8a2323;border-color:#8a2323}.ss-dialog-btn:focus-visible{outline-offset:2px;outline:2px solid #e65100}@media (width<=480px){.ss-dialog-box{border-radius:16px;padding:22px 18px 18px}.ss-dialog-glyph{width:48px;height:48px;margin-bottom:12px}.ss-dialog-glyph svg{width:22px;height:22px}.ss-dialog-title{font-size:17px}.ss-dialog-msg{font-size:14px}.ss-dialog-row{gap:8px;margin-top:18px}.ss-dialog-btn{min-height:42px;font-size:14px}}@media (prefers-reduced-motion:reduce){.ss-dialog-box{animation:none}}@media print{.ss-dialog{display:none!important}}#page-editor{--as-w:320px;--as-strip:36px}#page-editor.as-open{padding-right:var(--as-w)}#page-editor.as-folded{padding-right:var(--as-strip)}#assistant-panel{z-index:40;background:var(--clr-surface,#fff);border-left:1px solid var(--clr-border,#ddd);font-family:var(--font-family,-apple-system, BlinkMacSystemFont, sans-serif);color:var(--clr-text,#111);font-size:13px;display:flex;position:fixed;top:0;bottom:0;right:0}#page-editor.as-open #assistant-panel{width:var(--as-w)}#page-editor.as-folded #assistant-panel{width:var(--as-strip)}#page-editor.as-open #assistant-panel .as-strip,#page-editor.as-folded #assistant-panel .as-body{display:none}#page-editor.as-folded.as-has-toggle{padding-right:0}#page-editor.as-folded.as-has-toggle #assistant-panel{display:none}#assistant-panel .as-strip{width:var(--as-strip);color:#ffffffbf;cursor:pointer;background:#1d1d1d;border:none;justify-content:center;align-items:flex-start;height:100%;padding-top:12px;display:flex}#assistant-panel .as-strip:hover{color:#fff}#assistant-panel .as-body{flex-direction:column;flex:1;min-width:0;display:flex}#assistant-panel .as-head{color:#fff;background:#1d1d1d;align-items:center;gap:6px;height:44px;padding:0 8px 0 14px;display:flex}#assistant-panel .as-title{flex:1;font-size:13px;font-weight:600}#assistant-panel .as-head .as-btn{color:#ffffffbf;background:0 0;border-color:#0000}#assistant-panel .as-head .as-btn:hover{color:#fff;background:#ffffff1a}#assistant-panel .as-sel{color:var(--clr-text-secondary,#555);background:var(--clr-surface-alt,#f7f7f7);border-bottom:1px solid var(--clr-border-light,#ebebeb);padding:8px 14px;font-size:12px}#assistant-panel .as-list{flex-direction:column;flex:1;gap:10px;padding:12px;display:flex;overflow-y:auto}#assistant-panel .as-msg{max-width:100%;line-height:1.5}#assistant-panel .as-me{color:#fff;background:#1d1d1d;border-radius:12px 12px 2px;align-self:flex-end;max-width:85%;padding:7px 11px}#assistant-panel .as-bot{background:var(--clr-surface-alt,#f7f7f7);border:1px solid var(--clr-border-light,#ebebeb);border-radius:12px 12px 12px 2px;align-self:stretch;padding:9px 11px}#assistant-panel .as-text{white-space:pre-wrap;overflow-wrap:anywhere}#assistant-panel .as-row{flex-wrap:wrap;gap:6px;margin-top:8px;display:flex}#assistant-panel .as-hint{color:var(--clr-text-secondary,#555);margin-top:6px;font-size:12px}#assistant-panel .as-hint:before{content:"";vertical-align:-1px;background:#ffe14d;border-radius:3px;width:10px;height:10px;margin-right:6px;display:inline-block}#assistant-panel .as-btn{font:inherit;cursor:pointer;background:var(--clr-surface,#fff);color:var(--clr-text,#111);border:1px solid var(--clr-border,#ddd);-webkit-user-select:none;user-select:none;border-radius:6px;padding:4px 9px;font-size:12px}#assistant-panel .as-btn:hover{background:var(--clr-primary-hover,#e8e8e8)}#assistant-panel .as-btn:disabled{opacity:.45;cursor:default}#assistant-panel .as-primary{color:#fff;background:#1d1d1d;border-color:#1d1d1d}#assistant-panel .as-primary:hover{background:#333}#assistant-panel .as-picked,#assistant-panel .as-picked:hover{color:#1d1d1d;background:#fff4b8;border-color:#b98a00;font-weight:600}#assistant-panel .as-picked:disabled{opacity:.8}#assistant-panel .as-ctl{border-top:1px solid var(--clr-border-light,#ebebeb);padding-top:8px}#assistant-panel .as-strong{border-color:#111;font-weight:600}#assistant-panel .as-quiet{color:var(--clr-text-secondary,#555);background:0 0;border-color:#0000}#assistant-panel .as-fold{font-size:11px}#assistant-panel .as-form{border-top:1px solid var(--clr-border-light,#ebebeb);align-items:flex-end;gap:6px;padding:10px;display:flex}#assistant-panel .as-input{resize:none;font:inherit;border:1px solid var(--clr-border,#ddd);background:var(--clr-surface,#fff);color:inherit;border-radius:8px;flex:1;padding:7px 9px;font-size:13px}#assistant-panel .as-input:focus{outline-offset:-1px;outline:2px solid #1d1d1d}#svg rect.as-flash{animation:.9s ease-in-out 2 as-flash}@keyframes as-flash{50%{fill-opacity:.15}}@media (width<=700px){#page-editor{--as-w:100vw}#page-editor.as-open{padding-right:0}}#assistant-panel .as-wish-input{min-width:0;padding:5px 8px;font-size:12px}.as-typing .as-dots{color:#777;gap:4px;display:inline-flex}.as-typing .as-dot{will-change:opacity;animation:1.2s ease-in-out infinite both as-dot-blink}.as-typing .as-dot:nth-child(2){animation-delay:.2s}.as-typing .as-dot:nth-child(3){animation-delay:.4s}@keyframes as-dot-blink{0%,80%,to{opacity:.2}40%{opacity:1}}@media (prefers-reduced-motion:reduce){.as-typing .as-dot{opacity:.6;animation:none}}.as-signin{color:#e65100;margin-left:6px;font-weight:600;text-decoration:underline}#assistant-panel .as-beta{color:#e65100;vertical-align:1px;border:1px solid #e65100;border-radius:9px;margin-left:6px;padding:1px 6px;font-size:10px;font-weight:600;line-height:14px;display:inline-block}@media (width<=760px){#page-editor.as-open,#page-editor.as-folded{padding-right:0}#page-editor.as-open #assistant-panel{width:100%;left:0}#page-editor.as-folded #assistant-panel{display:none}html.ss-touch #page-editor.as-open #editor-tabbar,html.ss-touch #page-editor.as-open #editor-detailbar,html.ss-touch #page-editor.as-open #piano-keyboard{display:none!important}html.ss-touch #page-editor.as-open .canvas-area{flex:1 1 0;min-height:0}html.ss-touch #page-editor.as-open #assistant-panel{z-index:auto;border-left:none;border-top:1px solid var(--clr-border,#ddd);flex:0 0 50%;width:100%;min-height:0;position:relative;inset:auto}html.ss-touch #page-editor.as-open #assistant-panel .as-body{min-height:0}html.ss-touch #page-editor.as-open #assistant-panel .as-head{height:36px}html.ss-touch #page-editor.as-open #assistant-panel .as-list{min-height:0}html.ss-touch #page-editor.as-open #assistant-panel .as-input{overflow-y:auto}html.ss-touch #page-editor.as-open #assistant-panel .as-fold{transform:rotate(90deg)}html.ss-touch #page-editor.as-open .toolbar>:not(#btn-rewind):not(#btn-play):not(#btn-pause):not(#btn-stop):not(#playback-time){display:none!important}html.ss-touch #page-editor.as-open #assistant-panel .as-sel{white-space:nowrap;text-overflow:ellipsis;padding:5px 12px;overflow:hidden}html.ss-touch #page-editor.as-open #assistant-panel .as-sel.as-sel-none,html.ss-touch #page-editor.as-open #assistant-panel .as-intro{display:none}html.ss-touch #page-editor.as-open #assistant-panel .as-input::placeholder{white-space:nowrap;text-overflow:ellipsis;overflow:hidden}}html.ss-touch #assistant-panel{top:var(--vv-top,0px);height:var(--vv-h,100%);bottom:auto}@media (width<=760px){html.ss-touch #page-editor.as-open #assistant-panel{flex:none;height:auto;max-height:max(50%,min(240px,100% - 68px))}html.ss-touch #page-editor.as-open #assistant-panel .as-list{flex:0 auto;padding:0 12px}html.ss-touch #page-editor.as-open #assistant-panel .as-intro+.as-msg{margin-top:10px}html.ss-touch #page-editor.as-open #assistant-panel .as-list>.as-msg:last-child:not(.as-intro){margin-bottom:10px}html.ss-touch #page-editor.as-open #assistant-panel .as-head,html.ss-touch #page-editor.as-open #assistant-panel .as-form{flex-shrink:0}}.library-overlay{z-index:1000;background:#1111113d;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.library-overlay.hidden{display:none}.library-panel{width:100%;max-width:1100px;max-height:86vh;box-shadow:var(--popup-shadow);background:#fff;border-radius:12px;flex-direction:column;display:flex;overflow:hidden}.library-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;gap:16px;padding:18px 24px 14px;display:flex}.library-title{color:#111;white-space:nowrap;margin:0;font-size:18px;font-weight:700}.library-header-actions{flex:1;justify-content:flex-end;align-items:center;gap:10px;display:flex}.library-search-input{box-sizing:border-box;border:1px solid #ddd;border-radius:6px;outline:none;flex:0 340px;padding:8px 12px;font-size:14px}.library-search-input:focus{border-color:#999}.library-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.library-close:hover{color:#333}.library-body{flex:1;grid-template-columns:240px 1fr;min-height:0;display:grid}.library-sidebar{background:#fafafa;border-right:1px solid #eee;padding:8px 0 12px;overflow-y:auto}.library-side-all,.library-side-era,.library-side-composer{color:#444;cursor:pointer;text-align:left;background:0 0;border:0;justify-content:space-between;align-items:center;width:100%;padding:7px 16px;font-family:inherit;font-size:13px;display:flex}.library-side-all{color:#111;border-bottom:1px solid #eee;margin-bottom:6px;padding:10px 16px;font-weight:600}.library-side-era{color:#222;margin-top:6px;font-weight:600}.library-side-composer{color:#666;padding-left:28px;font-size:12.5px}.library-side-all:hover,.library-side-era:hover,.library-side-composer:hover{background:#f0f0f0}.library-side-all.active,.library-side-era.active,.library-side-composer.active{color:#fff;background:#1a1a1a}.library-side-label{align-items:center;gap:6px;display:inline-flex}.library-side-icon{color:#888;flex:none;width:14px;height:14px}.library-side-era.active .library-side-icon{color:#fff}.library-side-new{color:#fff;letter-spacing:.06em;background:#c62828;border-radius:3px;margin-left:2px;padding:1px 4px;font-size:9px;font-weight:700;line-height:1.2;position:relative;top:1px}.library-side-count{color:inherit;opacity:.65;margin-left:8px;font-size:11px}.library-main{flex-direction:column;min-height:0;display:flex}.library-count{color:#999;padding:10px 24px 0;font-size:12px}.library-grid{flex:1;grid-template-columns:repeat(3,minmax(0,1fr));place-content:start center;gap:34px 40px;min-height:0;padding:14px max(24px,50% - 355px) 32px;display:grid;overflow-y:auto}.library-card{cursor:pointer;text-align:left;color:inherit;background:0 0;border:none;flex-direction:column;width:100%;min-width:0;padding:0;font-family:inherit;display:flex;position:relative}.lib-stack{width:100%;position:relative}.lib-frame{aspect-ratio:3/4;background:#fff;border:1px solid #a8a8a8;border-radius:4px;width:100%;transition:box-shadow .2s,border-color .2s,transform .2s;position:relative;overflow:hidden;box-shadow:0 1px 3px #00000014}.lib-frame.lib-nothumb{background:linear-gradient(160deg,#fafafa 0%,#efefef 100%)}.lib-img{object-fit:cover;object-position:top center;width:100%;height:100%;position:absolute;inset:0}.lib-shade{background:linear-gradient(#fff0 67%,#ffffffb3 75%,#ffffffed 84%,#fff 92%);position:absolute;inset:0}.library-card:hover .lib-frame{border-color:#222;transform:translateY(-2px);box-shadow:0 0 0 1px #222,0 6px 18px #0000001f}.library-card:focus-visible{outline:none}.library-card:focus-visible .lib-frame{outline-offset:2px;outline:2px solid #1d1d1d}.lib-info{background:linear-gradient(#fff0 0,#fff 16px);padding:16px 12px 14px;position:absolute;bottom:0;left:0;right:0}.library-card-title{color:#141414;white-space:normal;overflow-wrap:anywhere;-webkit-line-clamp:3;line-clamp:3;-webkit-box-orient:vertical;font-size:12.5px;font-weight:600;line-height:1.3;display:-webkit-box;overflow:hidden}.lib-info:hover{background:linear-gradient(#fff0 0,#fffffff7 16px)}.lib-info:hover .library-card-title{-webkit-line-clamp:unset;line-clamp:none;font-size:14px}.library-card-title{transition:font-size .15s}.library-card-meta{align-items:center;gap:7px;min-width:0;margin-top:5px;display:flex}.library-card-composer{color:#666;white-space:nowrap;text-overflow:ellipsis;min-width:0;font-size:11px;overflow:hidden}.library-card-era,.library-card-count{color:#fff;background:#141418b8;border-radius:999px;padding:2px 8px;font-size:10.5px;font-weight:600;position:absolute;top:8px;right:8px}.lib-stack:before,.lib-stack:after{content:"";background:#fff;border:1px solid #d6d6d6;border-radius:4px;position:absolute;inset:0}.lib-stack:before{transform:translate(8px,-8px)}.lib-stack:after{transform:translate(4px,-4px)}.lib-stack .lib-frame{z-index:1}.library-card:hover .lib-stack:before,.library-card:hover .lib-stack:after{border-color:#555}.library-more{grid-column:1/-1;height:1px}.library-breadcrumb{border-bottom:1px solid #eee;grid-column:1/-1;align-items:center;gap:12px;margin-bottom:8px;padding:4px 0 8px;display:flex}.library-back{color:#444;cursor:pointer;background:0 0;border:1px solid #ddd;border-radius:6px;padding:5px 10px;font-family:inherit;font-size:12.5px}.library-back:hover{color:#111;background:#f5f5f5;border-color:#bbb}.library-bc-current{color:#111;font-size:14px;font-weight:600}.library-cards-row{grid-column:1/-1;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px;display:grid}.library-empty,.library-loading{text-align:center;color:#999;padding:32px 24px;font-size:14px}@media (width<=760px){.library-overlay{align-items:stretch;padding:0}.library-panel{border-radius:0;max-width:none;height:100dvh;max-height:none}.library-header{flex-wrap:wrap;gap:10px;padding:12px 14px 10px}.library-title{font-size:16px}.library-header-actions{flex:100%;order:3}.library-search-input{flex:auto;min-width:0;font-size:16px}.library-body{grid-template-rows:auto minmax(0,1fr);grid-template-columns:1fr}.library-sidebar{-webkit-overflow-scrolling:touch;scrollbar-width:none;border-bottom:1px solid #eee;border-right:0;flex-wrap:nowrap;gap:6px;padding:8px 10px;display:flex;overflow:auto hidden}.library-sidebar::-webkit-scrollbar{display:none}.library-side-group{display:contents}.library-sidebar>*{align-self:center}.library-side-all,.library-side-era,.library-side-composer{white-space:nowrap;background:#fff;border:1px solid #ddd;border-radius:999px;flex:none;width:auto;margin:0;padding:7px 12px;font-size:13px}.library-side-all{border-bottom:1px solid #ddd}.library-side-era{font-weight:700}.library-side-composer{color:#444;padding-left:12px}.library-side-all.active,.library-side-era.active,.library-side-composer.active{border-color:#1a1a1a}.library-count{padding:8px 14px 0}.library-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:18px 14px;padding:10px 14px 28px}}.admin-overlay{z-index:1100;background:#0000008c;justify-content:center;align-items:center;padding:24px;display:flex;position:fixed;inset:0}.admin-overlay.hidden{display:none}.admin-panel{background:#fff;border-radius:12px;flex-direction:column;width:100%;max-width:1100px;max-height:86vh;display:flex;overflow:hidden;box-shadow:0 8px 32px #0000002e}.admin-header{border-bottom:1px solid #eee;justify-content:space-between;align-items:center;padding:16px 24px;display:flex}.admin-title{color:#111;margin:0;font-size:18px;font-weight:700}.admin-header-actions{align-items:center;gap:8px;display:flex}.admin-btn{color:#333;cursor:pointer;background:#fff;border:1px solid #ddd;border-radius:6px;padding:6px 12px;font-family:inherit;font-size:13px}.admin-btn:hover:not(:disabled){background:#f5f5f5;border-color:#bbb}.admin-btn:disabled{opacity:.5;cursor:not-allowed}.admin-btn-danger{color:#c13c2f;border-color:#d6635a}.admin-btn-danger:hover:not(:disabled){background:#fdf1ef}.admin-btn-primary{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.admin-btn-primary:hover:not(:disabled){background:#333;border-color:#333}.admin-btn-save{color:#fff;background:#1a1a1a;border-color:#1a1a1a}.admin-btn-save:hover{background:#333}.admin-close{color:#999;cursor:pointer;background:0 0;border:none;padding:0 4px;font-size:24px;line-height:1}.admin-close:hover{color:#333}.admin-toolbar{background:#fafafa;border-bottom:1px solid #eee;align-items:center;gap:12px;padding:12px 24px;display:flex}.admin-search{border:1px solid #ddd;border-radius:6px;outline:none;flex:0 320px;padding:7px 11px;font-size:13px}.admin-search:focus{border-color:#999}.admin-status{color:#888;font-size:12px}.admin-table-wrap{flex:1;min-height:0;overflow-y:auto}.admin-table{border-collapse:collapse;width:100%;font-size:13px}.admin-table thead th{text-align:left;color:#333;z-index:1;background:#f6f6f6;border-bottom:1px solid #ddd;padding:9px 12px;font-weight:600;position:sticky;top:0}.admin-th-check{width:36px}.admin-th-setnum{width:70px}.admin-th-actions{width:80px}.admin-cell-setnum{text-align:right}.admin-table tbody td{vertical-align:middle;border-bottom:1px solid #f0f0f0;padding:6px 12px}.admin-table tbody tr.dirty{background:#fff9e6}.admin-table tbody tr:hover{background:#fafafa}.admin-table tbody tr.dirty:hover{background:#fff5d4}.admin-cell{color:#222;box-sizing:border-box;background:0 0;border:1px solid #0000;border-radius:4px;width:100%;padding:5px 8px;font-family:inherit;font-size:13px}.admin-cell:hover{background:#fff;border-color:#e0e0e0}.admin-cell:focus{background:#fff;border-color:#888;outline:none}select.admin-cell{cursor:pointer}.admin-row-actions{text-align:center}.admin-saved{color:#4caf50;font-weight:600}.home-nav-btn.home-nav-btn--icon{color:#555;border-color:#0000;border-radius:50%;justify-content:center;align-items:center;width:32px;height:32px;padding:0;display:inline-flex}.home-nav-btn.home-nav-btn--icon:hover{color:#111;background:#0000000f}#btn-admin{display:none}