.gp{--gp-ink:#444;--gp-muted:#999;color:var(--gp-ink);letter-spacing:-.012em;font-size:12px;font-weight:450;line-height:1.5}body:has(.gp) .page-sheet{margin-bottom:var(--gp-band-h,440px)}.gp button,.gp input{font:inherit}.gp button{cursor:pointer;transition:background-color .26s,color .26s,opacity .26s,box-shadow .26s}.gp button:disabled{opacity:.35;cursor:not-allowed}.gp button:focus-visible,.gp a:focus-visible{outline-offset:4px;outline:2px solid #ab9dc1}.gp h2,.gp h3,.gp p{margin:0}.gp-eyebrow{color:var(--gp-muted);font-size:10px;font-weight:400;display:block}.gp-surface{background:#f7f7f6;height:440px;max-height:88vh;position:fixed;bottom:0;left:0;right:0;overflow:hidden}.gp-glass .gp-surface{background-color:#f7f7f8;background-image:radial-gradient(#aeabb51f .6px,#0000 .6px);background-size:24px 24px}.gp-paper-cards{max-width:1100px;margin-inline:auto;transition:opacity .32s;position:absolute;inset:0}.gp-paper-cards.is-editing{opacity:.35;pointer-events:none}.gp-paper-card{background:#ffffffbd;border:1px solid #e8e8e5;border-radius:9px;width:250px;padding:12px 12px 8px;position:absolute;box-shadow:0 2px 4px #00000002}.gp-glass .gp-paper-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff65;border-color:#ffffffa6}.gp-position-0{top:36px;left:4%}.gp-position-1{top:48px;right:4%}.gp-position-2{top:218px;left:calc(50% - 385px)}.gp-position-3{top:231px;right:calc(50% - 385px)}.gp-paper-card header{align-items:center;gap:5px;margin-bottom:14px;font-size:10px;display:flex}.gp-drag-handle{color:#c5c5c5;touch-action:none;background:0 0;border:0;padding:0;cursor:grab!important}.gp-drag-handle:active{cursor:grabbing!important}.gp-card-title{white-space:nowrap;text-overflow:ellipsis;color:#666;flex:1;min-width:0;overflow:hidden}.gp-card-name{color:#999;white-space:nowrap;margin-left:auto;font-size:9px}.gp-paper-card footer{text-align:right;color:#999;margin-top:10px;font-size:9px}.gp-card-listen{background:0 0;border:0;border-radius:3px;width:100%;padding:0;display:block;position:relative}.gp-card-listen .gp-keyboard{height:58px}.gp-card-play{color:#fff;opacity:0;background:#444b;border-radius:50%;place-items:center;width:30px;height:30px;margin:auto;transition:opacity .26s,transform .26s;display:grid;position:absolute;inset:0;transform:scale(.94)}.gp-card-listen:hover .gp-card-play,.gp-card-listen:focus-visible .gp-card-play,.gp-paper-card.is-playing .gp-card-play{opacity:1;transform:none}.gp-tray-anchor{z-index:15;width:max-content;max-width:calc(100% - 32px);transition:bottom .35s cubic-bezier(.2,.7,.2,1);position:absolute;bottom:calc(50% - 26px);left:50%;transform:translate(-50%)}.gp-tray-anchor.is-expanded{bottom:28px}.gp-tray{color:#666;background:0 0;max-width:100%}.gp-tray.is-open{background:#fff;border:1px solid #e8e8e5;overflow:hidden;box-shadow:0 8px 30px #0000000b}.gp-resting-tools{justify-content:center;align-items:center;height:52px;display:flex}.gp-instrument-button{color:#999;background:0 0;border:0;justify-content:center;align-items:center;gap:10px;width:100%;height:100%;padding:0;display:flex;font-size:12px!important}.gp-instrument-button:hover{color:#555}.gp-glass .gp-tray{-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#ffffffa3;border:1px solid #fff9;box-shadow:0 2px 10px #00000003}.gp-band-foot{color:#aaa;align-items:center;gap:16px;font-size:11px;display:flex;position:absolute;bottom:14px;left:24px;right:24px}.gp-status{max-width:65%;margin-right:auto;font-size:10px}.gp-view-all,.gp-reset{color:#999;background:0 0;border:0;align-items:center;gap:6px;padding:3px 0;display:flex}.gp-view-all:hover,.gp-reset:hover{color:#555}.gp-view-all svg{opacity:0;transition:opacity .26s,transform .26s;transform:translate(-3px)}.gp-view-all:hover svg,.gp-view-all:focus-visible svg{opacity:1;transform:none}.gp-reset{opacity:.45}.gp-reset:hover,.gp-reset:focus-visible{opacity:1}.gp-keyboard{-webkit-user-select:none;user-select:none;height:86px;position:relative}.gp-white-keys{gap:2px;height:100%;display:flex}.gp-key{border:0;padding:0;display:block}.gp-key>span{text-align:center;opacity:0;width:100%;font-size:9px;transition:opacity .16s;position:absolute;bottom:9px;left:0}.gp-keyboard:focus-within .gp-key>span,.gp-keyboard:hover .gp-key>span{opacity:.65}.gp-white{color:#595653;background:linear-gradient(#fefefd 78%,#f0efeb);border:1px solid #dbdad5;border-top:0;border-radius:0 0 4px 4px;flex:1;height:100%;position:relative;box-shadow:0 3px #d5d3ce,0 4px 3px #0000000d;transition:background .16s,box-shadow .16s,transform .12s!important}.gp-black{color:#fff;z-index:2;background:linear-gradient(90deg,#262629,#46464a 45%,#2b2b2e);border-radius:0 0 3px 3px;width:4.25%;height:61%;position:absolute;top:0;transform:translate(-50%);box-shadow:inset 0 -4px #141416,0 2px 3px #0005;transition:background .16s,box-shadow .16s,transform .12s!important}.gp .gp-black:active:not(:disabled){transform:translate(-50%)translateY(2px)}.gp-white.is-selected{background:linear-gradient(#e8e2f1,#dbd2e9);border-color:#c9bfd9;box-shadow:0 3px #bdb0d0,0 4px 3px #0000000d}.gp-black.is-selected{background:linear-gradient(90deg,#5f556f,#857496 55%,#665a78);box-shadow:inset 0 -4px #4e435f,0 2px 3px #0005}.gp-white.is-sounding{background:linear-gradient(#d4c6ed,#baa4dc);transform:translateY(2px);box-shadow:0 1px #a391be,0 0 16px #c9b6ef66}.gp-black.is-sounding{background:linear-gradient(#aa91ce,#82659f);transform:translate(-50%)translateY(2px)}.gp-keyboard.is-mini{width:65px;height:33px;transition:transform .28s;transform:perspective(160px)rotateX(12deg)}.gp-keyboard.is-mini .gp-white-keys{gap:1px}.gp-keyboard.is-mini .gp-white{border-radius:0 0 2px 2px}.gp-keyboard.is-mini .gp-black{border-radius:0 0 1px 1px}.gp-tool{width:40px;height:40px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;display:grid;position:relative}.gp-tooltip{color:#f3f0f5;white-space:nowrap;pointer-events:none;opacity:0;z-index:30;background:#363537;border:1px solid #ffffff15;border-radius:6px;padding:5px 9px;font-size:10px;transition:opacity .16s,transform .18s;position:absolute;bottom:calc(100% + 12px);left:50%;transform:translate(-50%,4px);box-shadow:0 4px 10px #0002}.gp-tool:hover .gp-tooltip,.gp-tool:focus-visible .gp-tooltip{opacity:1;transition-delay:.35s;transform:translate(-50%)}.gp-icon-button{width:30px;height:30px;color:inherit;background:0 0;border:0;border-radius:50%;place-items:center;display:grid}.gp-icon-button:hover{background:#88888815}.gp-editor{padding:22px}.gp-editor-head{justify-content:space-between;align-items:center;margin-bottom:18px;display:flex}.gp-editor-head strong{letter-spacing:-.04em;margin-top:3px;font-size:20px;font-weight:480;display:block}.gp-editor-tabs{background:#00000015;border-radius:9px;gap:2px;margin-bottom:22px;padding:3px;display:flex}.gp-editor-tabs button{color:inherit;background:0 0;border:0;border-radius:7px;flex:1;padding:7px 10px;font-size:11px;position:relative}.gp-editor-tabs button>span:last-child{position:relative}.gp-tab-active{background:#ffffff13;border-radius:7px;position:absolute;inset:0;box-shadow:0 1px 3px #0000000a}.gp-editor-tabs button[aria-selected=false]{color:#96929e}.gp-editor-content{height:220px}.gp-preset-row{align-items:center;gap:7px;margin-bottom:16px;display:flex}.gp-preset-row button{color:#aeabb4;background:0 0;border:1px solid #ffffff16;border-radius:5px;padding:4px 8px;font-size:10px}.gp-preset-row button:last-child{border-color:#0000;margin-left:auto}.gp-preset-row button[aria-pressed=true]{color:#e1d5f3;background:#bca6e316;border-color:#a99ac544}.gp-preset-row button:hover{color:#fff;background:#ffffff0d}.gp-editor-foot{justify-content:space-between;align-items:center;gap:10px;margin-top:19px;display:flex}.gp-editor-foot>span{color:#96929e;font-size:10px}.gp-play-text{color:inherit;background:0 0;border:0;justify-content:center;align-items:center;gap:7px;padding:5px 0;display:inline-flex;font-size:11px!important}.gp-play-text:hover{color:#c7b0e9}.gp-slider-label{justify-content:space-between;margin:4px 0 17px;font-size:12px;display:flex}.gp-slider-label>span{color:#aaa5b2;font-variant-numeric:tabular-nums;font-size:11px}.gp input[type=range]{accent-color:#cfc0e9;cursor:ew-resize;width:100%;height:5px}.gp-range-captions{color:#8e8898;justify-content:space-between;margin-top:11px;font-size:10px;display:flex}.gp-order{align-items:center;gap:6px;margin:23px 0 16px;font-size:11px;display:flex}.gp-order>span{margin-right:auto}.gp-order button{color:#9993a3;background:0 0;border:1px solid #ffffff18;border-radius:6px;padding:6px 9px;font-size:10px}.gp-order button[aria-pressed=true]{color:#e1d5f3;background:#bca6e316;border-color:#a99ac544}.gp-editor form label{margin-bottom:15px;font-size:11px;display:block}.gp-editor form label>span{color:#8d8795;float:right;font-size:10px}.gp-editor input:not([type=range]){width:100%;color:inherit;background:#00000010;border:1px solid #ffffff1f;border-radius:7px;outline:none;margin-top:7px;padding:10px 11px;font-size:12px;transition:border-color .18s,box-shadow .18s;display:block}.gp-editor input:not([type=range]):focus{border-color:#bca6e3aa;box-shadow:0 0 0 3px #bca6e312}.gp-editor input::placeholder{color:#827c8b}.gp-primary{color:#2d253a;background:#d7cdf1;border:1px solid #ffffff12;border-radius:8px;justify-content:center;align-items:center;gap:7px;width:100%;padding:10px 14px;font-size:12px;display:flex}.gp-primary:hover:not(:disabled){background:#e4dcf6;box-shadow:0 2px 10px #d7cdf111}.gp-local-note{text-align:center;color:#918b9a;font-size:9px;margin-top:10px!important}.gp-library-panel{padding:20px}.gp-library-head{justify-content:space-between;align-items:center;padding-bottom:12px;font-size:11px;display:flex}.gp-library-scroll{scrollbar-width:thin;scrollbar-color:#8883 transparent;max-height:285px;overflow:auto}.gp-library-row{text-align:left;width:100%;color:inherit;background:0 0;border:0;border-top:1px solid #88888816;align-items:center;gap:12px;padding:13px 0;display:flex}.gp-library-row:hover{color:#bca6e3}.gp-library-row strong{font-size:11px;font-weight:450;display:block}.gp-library-row small{color:#918b99;margin-top:2px;font-size:10px;display:block}.gp-track-number{color:#89818f;flex:none;width:17px;font-size:9px}.gp-chord-symbol{color:#a295b2;white-space:nowrap;margin-left:auto;font-size:10px}.gp .gp-tab-active{background:#fff}.gp .gp-editor-tabs{background:#f4f3f5}.gp .gp-preset-row button,.gp .gp-order button{color:#999;border-color:#e6e3e9}.gp .gp-preset-row button[aria-pressed=true],.gp .gp-order button[aria-pressed=true]{color:#877595;background:#f1edf6;border-color:#d5cbdc}.gp .gp-preset-row button:hover{color:#666;background:#f7f6f8}.gp .gp-editor input:not([type=range]){background:#fafafa;border-color:#e6e3e9}.gp .gp-editor input::placeholder{color:#b4aebc}.gp .gp-white{background:#fff;box-shadow:0 1px #d5d3ce}.gp .gp-white.is-selected{background:#e3e0e9;border-color:#d2ccd9;box-shadow:0 1px #c5bed0}.gp .gp-white.is-sounding{background:#ccbee3;transform:translateY(1px)}.gp .gp-black{box-shadow:inset 0 -2px #222,0 1px 2px #0002}.gp .gp-black.is-selected{background:linear-gradient(90deg,#655d70,#807688);box-shadow:inset 0 -2px #51465c}.gp .gp-keyboard.is-mini{width:48px;height:25px;transform:none}.gp .gp-instrument-button:hover .is-mini{transform:translateY(-1px)}@media (max-width:900px){.gp-paper-card{width:205px}.gp-position-2{left:12%}.gp-position-3{right:10%}}@media (max-width:540px){.gp-surface{height:450px}.gp-paper-card{width:165px;padding:9px 9px 6px}.gp-card-listen .gp-keyboard{height:48px}.gp-paper-card header{gap:3px;margin-bottom:10px;font-size:9px}.gp-card-name{display:none}.gp-paper-card footer{margin-top:7px;font-size:9px}.gp-position-0{top:30px;left:4%}.gp-position-1{top:75px;right:3%}.gp-position-2{top:290px;left:14%}.gp-position-3{display:none}.gp-tray-anchor.is-expanded{bottom:30px}.gp-editor{padding:18px}.gp-editor-tabs{margin-bottom:18px}.gp-editor-foot>span{font-size:9px}.gp-preset-row{gap:5px}.gp-preset-row button{padding:4px 6px}.gp-band-foot{bottom:10px;left:16px;right:16px}.gp-status{max-width:48%;font-size:9px}.gp-reset{display:none}}@media (max-height:500px){.gp-tray-anchor.is-expanded{bottom:32px}.gp-tray.is-open{max-height:calc(88vh - 38px);overflow:auto}}@media (hover:none){.gp-card-play{opacity:1;transform:none}.gp-tooltip{display:none}.gp-view-all svg{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gp *,.gp :before,.gp :after{transition:none!important;animation:none!important}.gp .gp-white.is-sounding{transform:none}.gp .gp-black.is-sounding{transform:translate(-50%)}}.gp-tray.is-open{overflow-y:auto}.gp-save-error{color:#93646b;font-size:11px;margin-top:8px!important}.gp-library-link{color:#999;align-items:center;gap:5px;margin:-8px 0 12px;font-size:11px;display:flex}.gp-library-link:hover{color:#555}.gp .gp-paper-card{box-shadow:none;-webkit-backdrop-filter:none;backdrop-filter:none;background:0 0;border:0;padding:0}
.gc-card{-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);background:#ffffff65;border:1px solid #ffffffa6;border-radius:9px;padding:12px 12px 8px;box-shadow:0 2px 4px #00000002}.gc-card .gc-header{align-items:center;gap:5px;margin:0 0 14px;font-size:10px;line-height:1.5;display:flex}.gc-title{white-space:nowrap;text-overflow:ellipsis;color:#666;flex:1;min-width:0;overflow:hidden}.gc-name{color:#999;white-space:nowrap;margin-left:auto;font-size:9px}.gc-card .gc-footer{text-align:right;color:#999;margin-top:10px;font-size:9px;line-height:1.5}.gc-card .gc-listen{cursor:pointer;background:0 0;border:0;border-radius:3px;width:100%;padding:0;display:block;position:relative}.gc-card .gc-listen:focus-visible{outline-offset:4px;outline:2px solid #ab9dc1}.gc-card .gc-listen .gp-keyboard{height:58px}.gc-play{color:#fff;opacity:0;background:#444b;border-radius:50%;place-items:center;width:30px;height:30px;margin:auto;transition:opacity .26s,transform .26s;display:grid;position:absolute;inset:0;transform:scale(.94)}.gc-card:hover .gc-play,.gc-card:focus-within .gc-play,.gc-card.is-playing .gc-play{opacity:1;transform:none}.gc-card .gp-keyboard .gp-white{background:#fff;border:1px solid #dbdad5;border-top:0;border-radius:0 0 4px 4px;box-shadow:0 1px #d5d3ce}.gc-card .gp-keyboard .gp-white.is-selected{background:#e3e0e9;border-color:#d2ccd9;box-shadow:0 1px #c5bed0}.gc-card .gp-keyboard .gp-white.is-sounding{background:#ccbee3;transform:translateY(1px)}.gc-card .gp-keyboard .gp-black{background:linear-gradient(90deg,#262629,#46464a 45%,#2b2b2e);border-radius:0 0 3px 3px;box-shadow:inset 0 -2px #222,0 1px 2px #0002}.gc-card .gp-keyboard .gp-black.is-selected{background:linear-gradient(90deg,#655d70,#807688);box-shadow:inset 0 -2px #51465c}.gc-card .gp-keyboard .gp-black.is-sounding{background:linear-gradient(#aa91ce,#82659f);transform:translate(-50%)translateY(2px)}@media (max-width:540px){.gc-card{padding:9px 9px 6px}.gc-card .gc-header{gap:3px;margin-bottom:10px;font-size:9px}.gc-name{display:none}.gc-card .gc-footer{margin-top:7px}.gc-card .gc-listen .gp-keyboard{height:48px}}@media (hover:none){.gc-play{opacity:1;transform:none}}@media (prefers-reduced-motion:reduce){.gc-card *{transition:none!important;animation:none!important}.gc-play,.gc-card .gp-keyboard .gp-white.is-sounding{transform:none}.gc-card .gp-keyboard .gp-black.is-sounding{transform:translate(-50%)}}