.keyboard-switch-study{--ks-ink:#313832;--ks-muted:#6e746c;--ks-accent:#ba5350;color:var(--ks-ink);background:radial-gradient(at 40% 28%,#fffcf5 0%,#efebe2 66%,#e8e7df 100%);border-radius:24px;padding:22px 28px 20px;position:relative;overflow:hidden}.ks-heading{justify-content:space-between;align-items:center;gap:16px;min-height:44px;display:flex}.ks-heading>div{align-items:center;gap:12px;display:flex}.ks-variant-swatch{background:var(--ks-accent);border-radius:4px;flex-shrink:0;width:12px;height:12px;box-shadow:inset 0 0 0 1px #00000012}.ks-heading strong{font-size:19px;font-weight:600}.ks-heading small,.ks-direction{color:var(--ks-muted);font-size:16px;line-height:1.5}.ks-heading small{display:block}.ks-stage{max-width:760px;height:340px;margin:2px auto 0;position:relative}@media (min-width:900px){.ks-stage{height:400px}}.ks-stage .studio-shell,.ks-stage .studio-canvas,.ks-stage .studio-fallback{height:100%;min-height:0}.ks-stage svg{max-width:100%;height:100%;display:block}.ks-part-note{text-align:center;min-height:24px;margin:-2px 0 16px;font-size:16px;line-height:1.5}.ks-instruments{max-width:620px;margin:0 auto}.ks-instrument-heading{color:var(--ks-muted);justify-content:space-between;align-items:baseline;gap:12px;font-size:16px;line-height:1.5;display:flex}.ks-instrument-heading b{color:var(--ks-ink);font-variant-numeric:tabular-nums;margin-left:8px;font-weight:600}.ks-force-instrument svg{width:100%;height:auto;display:block;overflow:visible}.ks-force-instrument text{fill:var(--ks-muted);font-family:inherit;font-size:16px}.ks-grid{stroke:#626c611c;stroke-width:1px}.ks-cursor{stroke:#454f4360;stroke-width:1px;stroke-dasharray:3 5}.ks-curve-key{color:var(--ks-muted);flex-wrap:wrap;align-items:center;gap:18px;font-size:16px;display:flex}.ks-curve-key span{align-items:center;gap:7px;display:inline-flex}.ks-curve-key span:last-child:not(:first-child){margin-left:auto}.ks-curve-key i{border-radius:2px;width:16px;height:3px}.ks-travel-track{background:#45564519;border-radius:8px;height:12px;margin:18px 6px 13px;position:relative}.ks-travel-fill{border-radius:inherit;background:#889589;height:100%;display:block}.ks-travel-track[data-active=true] .ks-travel-fill{background:#568971}.ks-travel-trigger,.ks-travel-release{background:#414d41;width:2px;height:22px;position:absolute;top:-5px}.ks-travel-release{background:0 0;border-left:2px dashed #9a7761}.ks-travel-head{background:#faf8f1;border:2px solid #4b6554;border-radius:50%;width:14px;height:14px;position:absolute;top:-1px;transform:translate(-50%)}.ks-travel-key{color:var(--ks-muted);justify-content:space-between;gap:10px;font-size:16px;display:flex}.ks-travel-key span:first-child{color:#8d684f}.ks-signal-track{background:#50644e1a;border-radius:9px;height:9px;margin:14px 0 16px;overflow:hidden}.ks-signal-track span{border-radius:inherit;background:linear-gradient(90deg,#95ac89,#657f70);height:100%;display:block}.ks-detection-states{color:var(--ks-muted);justify-content:space-between;gap:16px;font-size:16px;display:flex}.ks-detection-states>span{flex-wrap:wrap;align-items:center;gap:6px;display:flex}.ks-detection-states b{font-weight:500}.ks-detection-states i,.ks-electrical-state i{background:#a5aaa1;border-radius:50%;flex-shrink:0;width:8px;height:8px}.ks-detection-states [data-on=true]{color:#315e47}.ks-detection-states [data-on=true] i{background:#53805e;box-shadow:0 0 0 3px #537d5114}.ks-state-line{max-width:620px;color:var(--ks-muted);border-top:1px solid #5a69511a;justify-content:space-between;align-items:center;gap:16px;margin:17px auto 0;padding-top:12px;font-size:16px;line-height:1.5;display:flex}.ks-electrical-state{color:var(--ks-ink);align-items:center;gap:7px;display:inline-flex}.ks-electrical-state[data-on=true] i{background:#54876a}.ks-dimensions{color:var(--ks-muted);flex-wrap:wrap;justify-content:center;gap:8px 18px;margin:8px auto 0;font-size:16px;line-height:1.5;display:flex}.ks-dimensions b{color:var(--ks-ink);font-weight:500}.ks-exploration{border-top:1px solid #5a695126;margin-top:22px;padding-top:20px}.ks-exploration .segmented{flex-wrap:wrap}.ks-exploration .segmented button{flex:auto;min-height:44px;font-size:16px}.ks-exploration .control{margin-top:18px}.ks-exploration .control-top,.ks-exploration .control small{font-size:16px}.ks-exploration details{margin-top:18px}.ks-exploration summary{cursor:pointer;align-items:center;min-height:44px;font-size:16px;display:flex}.ks-exploration summary:after{content:"+";margin-left:auto;padding-left:12px}.ks-exploration details[open] summary:after{content:"−"}.ks-exploration details p{color:var(--ks-muted);margin:10px 0;font-size:16px;line-height:1.75}.ks-explore-help{color:var(--ks-muted);margin:12px 0 0;font-size:16px;line-height:1.6}@media (max-width:600px){.keyboard-switch-study{padding:16px 18px}.ks-heading,.ks-heading>div{gap:8px}.ks-heading strong{font-size:18px}.ks-stage{height:230px;margin-top:4px}.ks-part-note{margin-bottom:13px}.ks-instrument-heading{gap:6px}.ks-instrument-heading b{margin-left:4px}.ks-detection-states{gap:10px}.ks-detection-states>span{flex:1}.ks-state-line{gap:10px}}@media (max-width:360px){.keyboard-switch-study{padding:14px 13px}.ks-stage{height:247px}.ks-direction{text-align:right;max-width:82px}.ks-travel-key{gap:6px}.ks-curve-key{gap:9px}}.ks-heading>div{flex:1;min-width:0}.ks-direction{white-space:nowrap}.ks-detection-states{grid-template-columns:1fr 1fr;display:grid}.ks-detection-states>span{grid-template-columns:8px 1fr;gap:4px 7px;display:grid}.ks-detection-states b{grid-column:2}@media (max-width:360px){.ks-instrument-heading{align-items:start}.ks-travel-key{grid-template-columns:1fr 1fr 1fr;display:grid}.ks-travel-key span{text-align:center}}.ks-heading{grid-template-columns:1fr auto;row-gap:0;display:grid}.ks-heading>small{grid-column:1/-1}.ks-summary-lines{gap:6px;display:grid}.ks-summary-lines>span{color:var(--ks-muted);justify-content:space-between;gap:16px;font-size:16px;line-height:1.5;display:flex}.ks-summary-lines b{color:var(--ks-ink);text-align:right;font-weight:500}.ks-comparison-row{grid-template-columns:54px 1fr;align-items:start;gap:12px;height:41px;margin-top:17px;font-size:16px;display:grid}.ks-comparison-rail{height:9px;margin:6px 7px 0 0;position:relative}.ks-comparison-track,.ks-comparison-filled{background:#5a695126;border-radius:8px;height:9px;position:absolute}.ks-comparison-filled{background:#949b91}.ks-comparison-filled[data-on=true]{background:#568971}.ks-comparison-rail i{border-left:2px solid #5a675b;height:16px;position:absolute;top:-4px}.ks-comparison-rail b{background:#faf8f1;border:2px solid #4b6554;border-radius:50%;width:11px;height:11px;position:absolute;top:-1px;transform:translate(-50%)}.ks-comparison-rail small{white-space:nowrap;color:var(--ks-muted);font-size:16px;position:absolute;top:15px;transform:translate(-50%)}@media (max-width:360px){.ks-stage{height:215px}}.ks-instrument-heading b{white-space:nowrap}.ks-travel-key>span{flex-direction:column;align-items:center;display:flex}.ks-travel-key b{white-space:nowrap;font-weight:500}.ks-stage .studio-fallback{display:block;overflow:hidden}.ks-stage .keyboard-switch-flat{min-width:0;min-height:0;overflow:hidden}
