body:has(.gs){background:#fafafa}body:has(.gs) .page-sheet{box-shadow:none;background:0 0;border-radius:0;margin-bottom:0;padding:0}body:has(.gs) main{max-width:none}.gs{color:#454347;letter-spacing:-.015em;background:#fafafa;min-height:100svh;padding:0 48px 115px;font-size:13px;font-weight:400;line-height:1.55}.gs h1,.gs h2,.gs p{margin:0}.gs h1{letter-spacing:-.045em;font-size:24px;font-weight:450;line-height:1.5}.gs h2{letter-spacing:-.035em;font-size:18px;font-weight:450}.gs mark{color:inherit;-webkit-box-decoration-break:clone;box-decoration-break:clone;background:url(/highlight-lavender.svg) 50%/100% 95% no-repeat;margin:0 -4px;padding:2px 4px}.gs button,.gs input{font:inherit;letter-spacing:inherit}.gs button{cursor:pointer;color:inherit;background:0 0;border:0;transition:color .26s,background-color .26s,opacity .26s,box-shadow .26s,transform .3s}.gs button:disabled{opacity:.35;cursor:not-allowed}.gs button:focus-visible,.gs a:focus-visible{outline-offset:5px;border-radius:3px;outline:2px solid #b0a0c1}.gs a{transition:color .26s,opacity .26s}.gs-topbar{justify-content:space-between;align-items:center;gap:20px;height:100px;font-size:12px;display:flex;position:relative}.gs-index{color:#999;align-items:center;gap:7px;display:flex}.gs-index:hover{color:#444}.gs-page-label{color:#a8a6aa;font-size:11px;position:absolute;left:50%;transform:translate(-50%)}.gs-text-button{justify-content:center;align-items:center;gap:7px;padding:4px 0;display:inline-flex;color:#8b878f!important}.gs-text-button:hover{color:#39343f!important}.gs-text-button svg{transition:transform .25s}.gs-text-button:hover svg{transform:translate(2px)}.gs-empty{text-align:center;color:#aaa;padding:60px 0}.gs-notice{color:#92869d;pointer-events:none;z-index:5;max-width:260px;font-size:11px;position:fixed;bottom:23px;left:24px}.gs-load{margin:28px auto 0;display:flex!important}.gs-field{background-color:#fafafa;background-image:radial-gradient(#bcb5c523 .65px,#0000 .65px);background-size:26px 26px}.gs-field-grid{grid-template-columns:repeat(3,minmax(0,1fr));align-items:start;gap:48px 66px;max-width:1080px;margin:32px auto 0;padding:0 12px 55px;display:grid}.gs-float{min-width:0}.gs-float:nth-child(3n+2){margin-top:38px}.gs-float:nth-child(3n){margin-top:8px}.gs .gp-keyboard{height:70px}.gs .gp-white{background:#fff;border-color:#d9d6dd;border-radius:0 0 2px 2px;box-shadow:0 1px #d5d3d8}.gs .gp-black{background:linear-gradient(90deg,#343137,#46414a);border-radius:0 0 2px 2px;box-shadow:inset 0 -2px #242228,0 1px 2px #0001}.gs .gp-white.is-selected{background:#e5dfee;border-color:#cec2da;box-shadow:0 1px #c4b7d2}.gs .gp-black.is-selected{background:linear-gradient(90deg,#766584,#93859e);box-shadow:inset 0 -2px #655671}.gs .gp-white.is-sounding{background:#c6b3de;transform:translateY(1px)}.gs .gp-black.is-sounding{background:#a28ab8;transform:translate(-50%)translateY(1px)}@media (max-width:1100px){.gs{padding-left:30px;padding-right:30px}.gs-field-grid{gap:40px 30px}}@media (max-width:760px){.gs{padding:0 22px 125px}.gs-topbar{height:80px;font-size:11px}.gs-page-label{display:none}.gs h1{font-size:22px}.gs-field-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:36px 26px;padding:0 0 35px}.gs-float:nth-child(n){margin-top:0}.gs-float:nth-child(2n){margin-top:25px}.gs .gp-keyboard{height:53px}.gs-notice{text-align:center;max-width:none;position:static;margin:20px 0!important}}@media (max-width:420px){.gs{padding-left:18px;padding-right:18px}.gs-field-grid{gap:28px 18px}.gs .gp-keyboard{height:46px}}@media (prefers-reduced-motion:reduce){.gs *,.gs :before,.gs :after{transition:none!important;animation:none!important}.gs .gp-white.is-sounding{transform:none}.gs .gp-black.is-sounding{transform:translate(-50%)}}.gs-page-label,.gs-index{color:#938b9b}.gs button.gp-white{border:1px solid #d9d6dd;border-top:0}.gs button.gp-white.is-selected{border-color:#cec2da}.gs-composer-anchor{z-index:20;max-width:calc(100vw - 32px);position:fixed;bottom:24px;left:50%;transform:translate(-50%)}.gs-composer-anchor .gp-tray.is-open{max-height:calc(100svh - 48px)}.gs-composer-actions{align-items:center;gap:12px;padding:0 15px;display:flex}.gs-composer-actions button{white-space:nowrap;color:#8b808f;background:0 0;border:0;align-items:center;gap:8px;padding:5px 0;font-size:11px;display:flex}.gs-composer-actions button:hover{color:#44374e}.gs-composer-actions>span{background:#e7e1eb;width:1px;height:14px}@media (max-width:760px){.gs-composer-anchor{bottom:20px}}.gs-field-grid{transition:opacity .32s}.gs-field-grid.is-editing{opacity:.35}
