.rhodes-study{font-family:Lato,Arial,sans-serif;font-weight:300;color:#fffdfc;background:#08090b;font-synthesis:none;--canvas: #08090b;--surface: #111215;--field: #0f1012;--ink: #fffdfc;--muted: #a8aaac;--slate: #393d3f;--accent: #c8753d;--line: rgba(255, 253, 252, .11)}.rhodes-study *{box-sizing:border-box}.rhodes-study button,.rhodes-study input,.rhodes-study select{font:inherit}.rhodes-study button{color:inherit;background:none;border:0;cursor:pointer;touch-action:manipulation}.rhodes-study button:disabled{opacity:.35;cursor:default}.rhodes-study button,.rhodes-study select,.rhodes-study a,.rhodes-study input{outline-offset:5px}.rhodes-study button:focus-visible,.rhodes-study select:focus-visible,.rhodes-study a:focus-visible,.rhodes-study input:focus-visible{outline:2px solid var(--accent)}.rhodes-study button svg{flex:none}.rhodes-study a{color:var(--accent);text-underline-offset:4px}.rhodes-study button:hover{color:var(--ink)}.rhodes-study [hidden]{display:none!important}.rhodes-study .sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.rhodes-study .app-shell{height:100%;display:flex;flex-direction:column;position:relative}.rhodes-study .topbar{height:68px;flex:none;display:flex;align-items:center;gap:24px;padding:0 30px;position:relative;z-index:30;background:var(--canvas);border-bottom:1px solid var(--line)}.rhodes-study .brand{font-size:16px;letter-spacing:.01em;padding:7px 0;white-space:nowrap}.rhodes-study .brand:hover{color:var(--accent)}.rhodes-study .instrument-select{display:flex;align-items:center;gap:12px;font-size:15px;white-space:nowrap;padding:10px 0}.rhodes-study .topbar-separator{width:1px;height:22px;background:var(--line)}.rhodes-study .view-switch{display:flex;height:100%;gap:25px;align-items:stretch;margin:auto}.rhodes-study .view-switch button{position:relative;padding:0 3px;font-size:14px;color:var(--muted)}.rhodes-study .view-switch button[aria-selected=true]{color:var(--ink)}.rhodes-study .view-switch button[aria-selected=true]:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:2px;background:var(--accent)}.rhodes-study .top-actions{display:flex;gap:9px;align-items:center;margin-left:auto}.rhodes-study .utility{height:36px;display:inline-flex;gap:8px;align-items:center;justify-content:center;padding:0 10px;font-size:13px;color:#c6c7c8;border-radius:5px}.rhodes-study .utility:hover{background:#191b1e}.rhodes-study .utility[aria-expanded=true],.rhodes-study .utility[aria-pressed=true]{color:var(--accent);background:#1b1713}.rhodes-study .utility.accent{color:var(--accent)}.rhodes-study .utility.icon-only{width:36px;padding:0}.rhodes-study .audio-dot{width:5px;height:5px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px #c8753d55}.rhodes-study .stage{flex:1;min-height:0;position:relative;isolation:isolate}.rhodes-study .stage canvas#scene{width:100%;height:100%;display:block;touch-action:none;outline:none}.rhodes-study .stage canvas#scene:focus-visible{outline:1px solid var(--slate);outline-offset:-3px}.rhodes-study .loading,.rhodes-study .failure{position:absolute;inset:0;z-index:6;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:18px;background:var(--canvas);font-size:16px;color:var(--muted)}.rhodes-study .loading-line{width:140px;height:1px;background:var(--slate);overflow:hidden}.rhodes-study .loading-line:after{content:"";display:block;height:100%;width:40%;background:var(--accent);animation:rhodes-loading 1.5s ease-in-out infinite}.rhodes-study .failure{padding:30px;text-align:center}.rhodes-study .failure button{margin-top:10px;color:var(--accent)}.rhodes-study .stage-tools{position:absolute;top:22px;left:26px;display:flex;gap:5px;z-index:8}.rhodes-study .stage-tools .utility{background:#08090bcc;backdrop-filter:blur(10px)}.rhodes-study .context-back{display:flex;gap:8px;align-items:center;font-size:13px;color:var(--muted);padding:10px 4px}.rhodes-study .context-back:hover{color:var(--accent)}.rhodes-study .scene-navigator{position:absolute;right:26px;bottom:24px;display:flex;align-items:center;gap:7px;z-index:8}.rhodes-study .scene-navigator .utility{background:#08090bcc;backdrop-filter:blur(10px)}.rhodes-study .scene-navigator select{border:0;background:#08090bcc;color:var(--muted);padding:9px 11px;border-radius:4px;font-size:12px;max-width:128px}.rhodes-study .playing-note{position:absolute;right:31px;top:27px;text-align:right;pointer-events:none;z-index:9}.rhodes-study .playing-note strong{font-size:28px;font-weight:300;font-variant-numeric:tabular-nums}.rhodes-study .playing-note small{display:block;font-size:11px;color:var(--muted);margin-top:5px}.rhodes-study .part-labels,.rhodes-study .key-labels{position:absolute;inset:0;pointer-events:none;overflow:hidden}.rhodes-study .part-label{position:absolute;pointer-events:auto;display:flex;gap:8px;align-items:center;background:#0b0c0eea;backdrop-filter:blur(12px);font-size:12px;padding:8px 12px;border-radius:3px;box-shadow:0 2px 14px #0004;transform:translate(-50%,-50%);white-space:nowrap}.rhodes-study .part-label:before{content:"";display:block;width:5px;height:5px;border-radius:50%;background:var(--accent)}.rhodes-study .part-label:hover{color:var(--accent)}.rhodes-study .key-label{position:absolute;color:#1b1c1e;font-size:10px;font-weight:400;transform:translate(-50%,-50%);padding:2px 4px;background:#fffdfcd0;border-radius:2px}.rhodes-study .key-label.black{color:#fffdfc;background:#141619cc}.rhodes-study .step-callout{position:absolute;left:50%;top:28px;transform:translate(-50%);background:#08090bda;padding:9px 15px;border-radius:4px;z-index:4;font-size:13px;white-space:nowrap;color:var(--muted)}.rhodes-study .step-callout span{color:var(--ink);margin-left:8px}.rhodes-study .dock{height:86px;flex:none;display:flex;align-items:center;gap:20px;padding:0 30px;border-top:1px solid var(--line);background:var(--canvas);z-index:20}.rhodes-study .dock-section{display:flex;align-items:center;gap:12px;min-width:0}.rhodes-study .dock-divider{height:30px;width:1px;background:var(--line);flex:none}.rhodes-study .dock .utility{font-size:13px}.rhodes-study .octave-control{display:flex;gap:6px;align-items:center}.rhodes-study .octave-control output{font-variant-numeric:tabular-nums;font-size:13px;text-align:center;min-width:56px}.rhodes-study .octave-control .utility{width:29px;padding:0}.rhodes-study .dock-label{font-size:12px;color:var(--muted);white-space:nowrap}.rhodes-study .velocity-control{display:flex;align-items:center;gap:12px;width:175px}.rhodes-study .velocity-control input{min-width:60px;width:100%}.rhodes-study .dock-right{margin-left:auto;display:flex;align-items:center;gap:10px}.rhodes-study .explode-control{display:flex;align-items:center;gap:14px;flex:1;max-width:380px}.rhodes-study .explode-control input{width:100%;min-width:70px}.rhodes-study .explode-control output{font-size:12px;color:var(--muted);min-width:34px;text-align:right;font-variant-numeric:tabular-nums}.rhodes-study .signal-steps{display:flex;align-items:center;gap:0;flex:1;justify-content:center}.rhodes-study .signal-step{font-size:12px;padding:12px 14px;color:var(--muted);position:relative;white-space:nowrap}.rhodes-study .signal-step+.signal-step:before{content:"\203a";color:#555b60;position:absolute;left:-2px}.rhodes-study .signal-step.active{color:var(--accent)}.rhodes-study .signal-step.active:after{content:"";position:absolute;bottom:3px;width:4px;height:4px;background:var(--accent);border-radius:50%;left:calc(50% - 2px)}.rhodes-study input[type=range]{appearance:none;height:16px;background:transparent;cursor:pointer;accent-color:var(--accent)}.rhodes-study input[type=range]::-webkit-slider-runnable-track{height:2px;border-radius:1px;background:#44484a}.rhodes-study input[type=range]::-webkit-slider-thumb{appearance:none;width:10px;height:10px;border-radius:50%;background:var(--accent);margin-top:-4px;transition:box-shadow .15s}.rhodes-study input[type=range]:hover::-webkit-slider-thumb{box-shadow:0 0 0 4px #c8753d24}.rhodes-study input[type=range]::-moz-range-track{height:2px;background:#44484a}.rhodes-study input[type=range]::-moz-range-thumb{width:10px;height:10px;border:0;border-radius:50%;background:var(--accent)}.rhodes-study .popup{position:absolute;top:58px;right:30px;width:300px;background:#111215f7;backdrop-filter:blur(20px);border:1px solid var(--line);border-radius:7px;padding:22px;z-index:50;box-shadow:0 18px 50px #0008;animation:rhodes-appear .16s ease-out}.rhodes-study .popup h2{font-size:18px;font-weight:300;margin:0 0 18px}.rhodes-study .popup p{font-size:13px;color:#bfc1c3;line-height:1.6;margin:10px 0}.rhodes-study .popup .close-popup{position:absolute;right:12px;top:12px}.rhodes-study .popup .field{display:grid;grid-template-columns:74px 1fr 32px;gap:12px;align-items:center;margin:18px 0;font-size:13px}.rhodes-study .popup .field input{width:100%}.rhodes-study .popup .field output{font-size:11px;text-align:right;font-variant-numeric:tabular-nums;color:var(--muted)}.rhodes-study .popup .solid-button,.rhodes-study .solid-button{display:inline-flex;gap:8px;align-items:center;justify-content:center;min-height:38px;padding:0 15px;background:#292e32;border-radius:4px;font-size:13px}.rhodes-study .solid-button:hover{background:#353b40}.rhodes-study .popup .select-field{width:100%;padding:10px;margin-top:10px;color:var(--ink);background:var(--field);border:1px solid var(--slate);border-radius:4px;font-size:13px}.rhodes-study .popup .fine-print{font-size:11px;color:var(--muted);margin-bottom:0}.rhodes-study .instrument-popup{left:204px;right:auto;width:290px;padding:9px}.rhodes-study .variant-option{display:block;width:100%;text-align:left;padding:16px 15px;border-radius:4px}.rhodes-study .variant-option:hover{background:#202226}.rhodes-study .variant-option[aria-checked=true]{color:var(--accent)}.rhodes-study .variant-option strong{display:block;font-size:15px;font-weight:300}.rhodes-study .variant-option small{display:block;font-size:12px;color:var(--muted);margin-top:6px;line-height:1.5}.rhodes-study .help-popup{width:340px}.rhodes-study .shortcut-row{display:flex;justify-content:space-between;gap:12px;margin:12px 0;font-size:13px;color:#bfc1c3}.rhodes-study .shortcut-row kbd{font:inherit;color:var(--ink);white-space:nowrap}.rhodes-study .popup-divider{height:1px;background:var(--line);margin:18px 0}.rhodes-study .drawer{position:absolute;top:22px;right:26px;bottom:66px;width:308px;background:#111215f2;backdrop-filter:blur(18px);border:1px solid var(--line);border-radius:7px;z-index:15;display:flex;flex-direction:column;box-shadow:0 16px 50px #0004;animation:rhodes-appear .22s ease-out}.rhodes-study .drawer-header{display:flex;align-items:center;justify-content:space-between;padding:20px 17px 12px 24px}.rhodes-study .drawer h2{font-size:20px;font-weight:300;margin:0}.rhodes-study .drawer-content{padding:0 24px 22px;overflow:auto;scrollbar-width:thin;scrollbar-color:var(--slate) transparent}.rhodes-study .drawer p{font-size:13px;line-height:1.65;color:#c8c9ca;margin:10px 0 17px}.rhodes-study .drawer .quiet{color:var(--muted);font-size:11px;line-height:1.55}.rhodes-study .study-controls{margin-top:20px}.rhodes-study .study-controls label{display:flex;align-items:center;justify-content:space-between;font-size:12px;color:#c8c9ca;margin-bottom:12px}.rhodes-study .study-controls input[type=range]{width:100%;margin:0 0 22px}.rhodes-study .study-controls output{font-variant-numeric:tabular-nums;color:var(--accent)}.rhodes-study .study-controls .control-row{display:flex;gap:10px;align-items:center;margin:15px 0}.rhodes-study .study-controls .control-row .utility{padding:0 8px}.rhodes-study .study-controls select{color:var(--ink);background:var(--field);border:1px solid var(--slate);border-radius:4px;padding:7px;font-size:12px}.rhodes-study .tuning-readout{display:flex;align-items:baseline;gap:9px;justify-content:center;padding:19px 0 21px;border-top:1px solid var(--line);border-bottom:1px solid var(--line);margin-bottom:22px}.rhodes-study .tuning-readout strong{font-size:31px;font-weight:300;font-variant-numeric:tabular-nums;letter-spacing:-.03em}.rhodes-study .tuning-readout span{color:var(--muted);font-size:12px}.rhodes-study .tuning-marker{height:24px;position:relative;margin-bottom:14px}.rhodes-study .tuning-marker:before{content:"";position:absolute;left:0;right:0;top:10px;height:1px;background:var(--slate)}.rhodes-study .tuning-marker:after{content:"";position:absolute;left:50%;height:20px;border-left:1px solid #777}.rhodes-study .tuning-needle{position:absolute;width:5px;height:22px;background:var(--accent);left:calc(50% - 2px);border-radius:2px;transition:left .06s}.rhodes-study .note-select{display:flex;align-items:center;justify-content:space-between;padding-bottom:14px;border-bottom:1px solid var(--line);margin:14px 0 20px}.rhodes-study .note-select strong{font-size:15px;font-weight:300}.rhodes-study .source-link{display:inline-block;font-size:11px;margin-top:10px}.rhodes-study .scope{width:100%;height:70px;display:block;margin:14px 0;background:#0b0c0e;border-radius:3px}.rhodes-study .study-actions{display:flex;gap:8px;flex-wrap:wrap}.rhodes-study .study-actions button{flex:1;white-space:nowrap}.rhodes-study .tour-footer{margin-top:auto;padding:14px 20px;border-top:1px solid var(--line);display:flex;align-items:center;justify-content:space-between;gap:8px}.rhodes-study .tour-footer span{font-size:11px;color:var(--muted)}.rhodes-study .part-browser{position:absolute;left:26px;top:74px;z-index:8;display:flex;flex-direction:column;gap:3px}.rhodes-study .part-browser button{color:var(--muted);font-size:12px;text-align:left;padding:9px 10px;border-radius:4px;background:#08090bb8}.rhodes-study .part-browser button:hover,.rhodes-study .part-browser button.active{color:var(--accent);background:#181613dc}.rhodes-study .notice{position:absolute;left:50%;bottom:108px;transform:translate(-50%);z-index:70;max-width:min(440px,90vw);padding:11px 17px;background:#25272b;border:1px solid var(--line);border-radius:5px;font-size:12px;line-height:1.5;box-shadow:0 10px 30px #0006}.rhodes-study .about-content ul{padding-left:17px;font-size:13px;line-height:1.7;color:#c8c9ca}.rhodes-study .about-content li{margin:8px 0}.rhodes-study .about-content h3{font-size:14px;font-weight:400;margin:22px 0 8px}.rhodes-study .about-content a{font-size:12px}.rhodes-study .model-note{font-size:11px;color:var(--muted);line-height:1.5}.rhodes-study .compact-wave{width:90px;height:25px;opacity:.8}.rhodes-study .animated-focus{transition:color .2s,background .2s}.rhodes-study .subpart-list{margin:22px 0 9px;border-top:1px solid var(--line)}.rhodes-study .subpart-list button{display:flex;width:100%;justify-content:space-between;align-items:center;text-align:left;padding:13px 0;font-size:12px;color:#bfc1c3;border-bottom:1px solid var(--line);gap:12px}.rhodes-study .subpart-list button:hover,.rhodes-study .subpart-list button.active{color:var(--accent)}.rhodes-study .circuit-path{display:flex;flex-wrap:wrap;gap:6px;align-items:center;font-size:11px;padding:10px 0}.rhodes-study .circuit-path span{color:#74797e}.rhodes-study .circuit-path button{padding:5px 0;color:var(--accent)}@keyframes rhodes-loading{0%{transform:translate(-110%)}to{transform:translate(360%)}}@keyframes rhodes-appear{0%{opacity:0;transform:translateY(5px)}to{opacity:1;transform:translateY(0)}}@media(min-width:1600px){.rhodes-study .topbar{padding-inline:42px;height:76px}.rhodes-study .dock{padding-inline:42px;height:92px}.rhodes-study .drawer{right:40px;width:330px}.rhodes-study .stage-tools,.rhodes-study .part-browser{left:40px}}@media(max-width:1100px){.rhodes-study .topbar{padding:0 20px;gap:18px}.rhodes-study .brand{font-size:14px}.rhodes-study .view-switch{gap:18px}.rhodes-study .top-actions{gap:1px}.rhodes-study .utility{padding:0 8px}.rhodes-study .topbar-separator{display:none}.rhodes-study .instrument-select{font-size:14px}.rhodes-study .dock{padding:0 20px;gap:14px}.rhodes-study .velocity-control{width:133px}.rhodes-study .drawer{width:285px;right:18px}.rhodes-study .drawer-content{padding-inline:20px}.rhodes-study .drawer-header{padding-left:20px}.rhodes-study .scene-navigator{right:18px}.rhodes-study .instrument-popup{left:165px}.rhodes-study .signal-step{padding-inline:11px}}@media(max-width:820px){.rhodes-study .brand{display:none}.rhodes-study .topbar{gap:20px;padding:0 18px;height:61px}.rhodes-study .view-switch{margin-left:0;margin-right:auto}.rhodes-study .top-actions .utility span{display:none}.rhodes-study .top-actions .utility{width:34px;padding:0}.rhodes-study .instrument-popup{left:18px}.rhodes-study .dock{height:79px;gap:12px;padding:0 18px}.rhodes-study .velocity-control,.rhodes-study .dock-divider.velocity-divider{display:none}.rhodes-study .scene-navigator{bottom:17px}.rhodes-study .stage-tools{left:16px;top:16px}.rhodes-study .playing-note{right:22px;top:20px}.rhodes-study .part-browser{left:16px;top:64px}.rhodes-study .drawer{top:16px;right:16px;bottom:60px;width:270px}.rhodes-study .signal-step{font-size:11px;padding-inline:9px}.rhodes-study .dock-right{gap:4px}.rhodes-study .compact-wave{width:60px}}@media(max-width:600px){.rhodes-study .topbar{height:102px;align-items:flex-start;flex-wrap:wrap;padding:13px 15px 0;gap:0}.rhodes-study .instrument-select{height:30px;padding:0;font-size:14px;gap:8px}.rhodes-study .top-actions{height:30px;gap:5px}.rhodes-study .view-switch{position:absolute;left:15px;right:15px;bottom:0;height:44px;gap:27px;justify-content:center;margin:0}.rhodes-study .view-switch button{font-size:13px}.rhodes-study .top-actions .utility{height:30px;width:30px}.rhodes-study .dock{height:106px;flex-wrap:wrap;align-content:center;justify-content:space-between;column-gap:6px;row-gap:8px;padding:9px 15px}.rhodes-study .dock-section{gap:5px}.rhodes-study .dock-divider{display:none}.rhodes-study .dock .utility{padding:0 8px;font-size:12px;height:30px}.rhodes-study .dock .dock-label{font-size:11px}.rhodes-study .dock-right{margin-left:0}.rhodes-study .octave-control{gap:0}.rhodes-study .octave-control output{font-size:12px;min-width:46px}.rhodes-study .octave-control .utility{width:24px}.rhodes-study .stage-tools{left:12px;top:12px}.rhodes-study .stage-tools .utility{font-size:11px;height:30px;padding:0 7px}.rhodes-study .scene-navigator{right:12px;bottom:9px;gap:2px}.rhodes-study .scene-navigator select{display:none}.rhodes-study .scene-navigator .utility{height:29px;width:29px}.rhodes-study .playing-note{right:18px;top:14px}.rhodes-study .playing-note strong{font-size:22px}.rhodes-study .playing-note small{font-size:10px}.rhodes-study .popup{top:53px;right:12px;max-width:calc(100vw - 24px);width:300px}.rhodes-study .instrument-popup{left:12px;right:auto}.rhodes-study .part-browser{left:12px;top:54px;gap:0}.rhodes-study .part-browser button{font-size:11px;padding:7px 8px;max-width:110px}.rhodes-study .part-label{font-size:10px;padding:6px 8px;gap:5px}.rhodes-study .drawer{inset:auto 12px 12px;width:auto;max-height:46%;background:#111215fa}.rhodes-study .drawer-header{padding:12px 12px 6px 18px}.rhodes-study .drawer h2{font-size:17px}.rhodes-study .drawer-content{padding:0 18px 14px}.rhodes-study .drawer p{font-size:12px;line-height:1.5;margin:5px 0 10px}.rhodes-study .drawer .quiet{font-size:10px}.rhodes-study .study-controls{margin-top:12px}.rhodes-study .note-select{margin:9px 0 12px;padding-bottom:8px}.rhodes-study .study-controls input[type=range]{margin-bottom:15px}.rhodes-study .study-controls .control-row{margin:9px 0}.rhodes-study .study-controls label{margin-bottom:7px}.rhodes-study .tuning-readout{padding:8px 0 10px;margin-bottom:12px}.rhodes-study .tuning-readout strong{font-size:24px}.rhodes-study .tour-footer{padding:8px 14px}.rhodes-study .scope{height:50px}.rhodes-study .signal-steps{order:3;flex-basis:100%;justify-content:space-between}.rhodes-study .signal-step{padding:6px 7px;font-size:10px}.rhodes-study .signal-step.active:after{bottom:-2px}.rhodes-study .signal-step:first-child{padding-left:0}.rhodes-study .signal-step:last-child{padding-right:0}.rhodes-study .explode-control{max-width:none;flex-basis:calc(100% - 90px);gap:8px}.rhodes-study .explode-control .dock-label,.rhodes-study .compact-wave{display:none}.rhodes-study .step-callout{top:51px;font-size:11px;max-width:calc(100vw - 150px);white-space:normal;text-align:center}.rhodes-study .notice{bottom:125px;font-size:11px}.rhodes-study .key-label{font-size:8px;padding:1px 2px}.rhodes-study .model-note{font-size:10px}}@media(prefers-reduced-motion:reduce){.rhodes-study *,.rhodes-study *:before,.rhodes-study *:after{animation-duration:.01ms!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}@media(max-width:820px){.rhodes-study .key-labels{display:none}}@media(max-width:600px){.rhodes-study .explode-control .dock-label{display:inline}}@media(max-width:600px){.rhodes-study .dock{height:auto;min-height:106px}}.rhodes-study #midi-popup{max-height:calc(100svh - 80px);overflow-y:auto}.rhodes-study #midi-popup summary{cursor:pointer;color:var(--ink);font-size:12px;margin-top:12px}.rhodes-study .playable-keyboard{box-sizing:border-box;position:relative;isolation:isolate;width:100%;max-width:360px;margin-inline:auto;padding:3px 0 0;border:0;border-radius:0;background:var(--field, #0f1012);color:var(--ink, #fffdfc);font-family:inherit;touch-action:none;user-select:none;-webkit-user-select:none}.rhodes-study .playable-keyboard__keys{position:relative;height:96px;background:var(--slate, #393d3f)}.rhodes-study .playable-keyboard__key{box-sizing:border-box;appearance:none;position:absolute;top:0;height:96px;margin:0;padding:0;border:0;border-radius:0 0 1px 1px;font:inherit;font-weight:400;cursor:pointer;touch-action:none;outline-offset:-4px;transition:background-color 65ms ease,box-shadow 65ms ease;-webkit-tap-highlight-color:transparent}.rhodes-study .playable-keyboard__key--white,.rhodes-study .playable-keyboard__key--white:hover{z-index:1;left:calc(var(--key-slot) * 12.5%);width:12.5%;border-right:1px solid rgba(57,61,63,.45);color:var(--slate, #393d3f);background:color-mix(in srgb,var(--ink, #fffdfc) 96%,var(--slate, #393d3f));box-shadow:inset 0 -3px #393d3f2b}.rhodes-study .playable-keyboard__key--white[data-semitone="12"]{border-right:0}.rhodes-study .playable-keyboard__key--black{z-index:2;left:calc(var(--key-boundary) * 12.5%);width:clamp(24px,7%,28px);height:61px;transform:translate(-50%);border:1px solid var(--canvas, #08090b);border-top:0;color:var(--muted, #a8aaac);background:var(--surface, #111215);box-shadow:inset 0 -5px 0 var(--canvas, #08090b),0 1px 1px #00000040}.rhodes-study .playable-keyboard__hint{position:absolute;bottom:9px;left:50%;transform:translate(-50%);font-size:11px;line-height:1;pointer-events:none}.rhodes-study .playable-keyboard__key--white.is-active{color:var(--field, #0f1012);background:color-mix(in srgb,var(--ink, #fffdfc) 91%,var(--slate, #393d3f));box-shadow:inset 0 -2px 0 var(--accent, #c8753d)}.rhodes-study .playable-keyboard__key--black.is-active{color:var(--ink, #fffdfc);background:var(--canvas, #08090b);box-shadow:inset 0 -2px 0 var(--accent, #c8753d)}.rhodes-study .playable-keyboard__key:focus-visible{outline:2px solid var(--accent, #c8753d)}.rhodes-study .playable-keyboard__key:disabled{opacity:1;cursor:default}.rhodes-study .playable-keyboard__key--white:disabled{background:color-mix(in srgb,var(--ink, #fffdfc) 86%,var(--slate, #393d3f))}.rhodes-study .playable-keyboard__key:disabled .playable-keyboard__hint{opacity:.3}.rhodes-study .mini-keyboard-row{order:-1;flex:1 0 100%;min-width:0;display:flex;justify-content:center;align-items:center}.rhodes-study .dock.keyboard-open{height:184px;flex-wrap:wrap;align-content:center;row-gap:10px;padding-block:10px}@media(max-width:600px){.rhodes-study .dock.keyboard-open{height:auto;min-height:196px;row-gap:8px}}@media(prefers-reduced-motion:reduce){.rhodes-study .playable-keyboard__key{transition:none}}