.machine-console{--case:#d4d1c6;--case-ink:#313e40;background:linear-gradient(160deg,#dfddd4,#c3c0b5);color:var(--case-ink);border:1px solid #8e948e;border-radius:9px 9px 35px 35px;padding:17px 23px 14px;margin:18px 0 10px;box-shadow:inset 0 2px 0 #f9f7ee,0 6px 0 #5a6364,0 12px 22px #0004}.console-title{display:flex;justify-content:space-between;align-items:center;gap:12px;padding-bottom:12px;border-bottom:1px solid #a7aea8}.console-title>div{display:flex;align-items:center;gap:10px}.console-title strong{font-size:14px;font-weight:650}.console-title span:not(.console-led){font-size:10px;color:#4f6062}.console-led{display:block;width:8px;height:8px;border-radius:50%;background:#087d69;box-shadow:0 0 7px #13a68a99}.machine-console button{color:#334347;background:#e7e4da;border:1px solid #999f98;box-shadow:inset 0 1px #fff7;font-size:11px}.machine-console button:hover{background:#f4f2e9;border-color:#697b78}.machine-console button:focus-visible,.machine-console input:focus-visible,.machine-console [tabindex]:focus-visible{outline:3px solid #007863;outline-offset:3px}.console-title button{font-size:10px}.console-knobs{display:grid;grid-template-columns:repeat(8,1fr);gap:15px;padding:15px 0 17px;border-bottom:1px solid #a5ada7}.knob-unit{display:flex;align-items:center;flex-direction:column;gap:8px}.knob-unit label{font-size:11px;font-weight:650}.knob{position:relative;width:48px;height:48px;border-radius:50%;background:radial-gradient(circle at 40% 25%,#3d4548,#182229 75%);border:4px solid #697071;box-shadow:0 3px 1px #86908a,0 6px 9px #52605b80,inset 0 0 0 2px #111a20;touch-action:none;cursor:ns-resize;transform:rotate(var(--turn,-135deg))}.knob i{position:absolute;height:12px;width:3px;background:#85e5d5;top:3px;left:calc(50% - 1.5px);border-radius:2px;pointer-events:none}.knob[aria-disabled=true]{opacity:.45;cursor:default}.knob-value{display:flex;gap:4px;align-items:center;font:11px Consolas,monospace;color:#334347}.knob-value input{background:#ecebe3;color:#25383c;border:1px solid #a0aaa2;border-radius:3px;width:53px;padding:3px;font:11px Consolas}.console-deck{display:grid;grid-template-columns:1.05fr 1.05fr 1.25fr 1fr;gap:24px;padding-top:18px;align-items:start}.panel-caption{font-size:11px;font-weight:750;letter-spacing:.6px;margin-bottom:8px}.panel-caption>span{display:block;font-size:9px;letter-spacing:0;font-weight:400;margin-top:4px}.panel-small{font-size:10px;line-height:1.5;color:#4b5b5e;margin:8px 0}.tgc-ends{display:flex;align-items:center;justify-content:space-between;font-size:9px;color:#4b5b5e;gap:8px}.tgc-ends button{font-size:9px;padding:3px 6px}.tgc-row{display:flex;gap:7px;align-items:center;height:21px;color:#526361;font:9px Consolas}.tgc-row input{width:100%;min-width:0;height:16px;appearance:none;background:transparent;cursor:ew-resize}.tgc-row input::-webkit-slider-runnable-track{height:5px;background:#263439;border-radius:3px;box-shadow:0 1px 0 #faf9f0}.tgc-row input::-webkit-slider-thumb{appearance:none;width:18px;height:13px;margin-top:-4px;border-radius:6px;background:#232f32;border:2px solid #7e8a84;box-shadow:inset 2px 0 #d1a460}.tgc-row input::-moz-range-track{height:5px;background:#263439}.tgc-row input::-moz-range-thumb{width:17px;height:11px;background:#232f32;border-color:#7e8a84}.mode-keys{display:grid;grid-template-columns:1fr 1fr;gap:7px;margin-bottom:10px}.machine-console .machine-key{background:linear-gradient(#666f73,#3d4a52);color:#ecdfba;border:2px solid #b5b6aa;border-radius:8px;box-shadow:0 2px 2px #838c86,inset 0 0 0 1px #8c9694;min-height:36px;line-height:1.15;font-size:11px;padding:7px 8px}.machine-console .machine-key:hover{background:#53676b;border-color:#879c95}.machine-console .machine-key.lit{color:#77ffee;border-color:#3e9b8c;box-shadow:0 0 7px #41ad9780,inset 0 0 0 1px #233e3c}.machine-key small{display:block;font-size:8px;color:#d1d9d7;margin-top:3px}.machine-console .machine-key.theory{color:#dee4e2;background:linear-gradient(#81888a,#68777a)}#console-auto{width:100%}.track-bank{text-align:center}.track-keys{display:flex;justify-content:center;gap:8px}.track-keys button{min-width:70px}.trackball{margin:12px auto;width:112px;height:112px;border-radius:50%;background:radial-gradient(circle at 36% 29%,#a0a49e 0,#707b77 28%,#344044 72%,#1d2e34 100%);border:9px solid #b5b9ad;outline:2px solid #596b68;box-shadow:0 4px 9px #55635e77,inset 0 1px 6px #101e23;position:relative;touch-action:none;cursor:move;user-select:none}.trackball span{position:absolute;inset:-17px;border:1px solid #98a098;border-radius:50%;pointer-events:none}.capture-bank{display:flex;flex-direction:column;gap:8px}.capture-bank .panel-caption{margin-bottom:0}.capture-bank .wide{width:100%}#console-freeze{background:linear-gradient(#293b42,#152730);color:#80ffec;min-height:42px}.console-feedback{display:flex;justify-content:space-between;gap:20px;font-size:10px;line-height:1.5;padding-top:12px;margin-top:15px;border-top:1px solid #a5ada7;color:#415456}.console-feedback #console-state{max-width:270px;text-align:right;font-weight:650}.with-tutor .console-deck{gap:15px}.with-tutor .trackball{width:95px;height:95px}.with-tutor .track-keys button{min-width:0}.machine-console input:disabled{opacity:.45}.machine-console button:disabled{opacity:.4}.console-title #console-collapse{white-space:nowrap}
@media(max-width:1250px){.with-tutor .console-deck{grid-template-columns:1fr 1fr}.with-tutor .console-title span:not(.console-led){display:none}}
@media(max-width:850px){.console-deck{gap:16px}.console-title span:not(.console-led){display:none}.machine-console{padding:14px 16px}.console-feedback{flex-direction:column;gap:6px}.console-feedback #console-state{text-align:left;max-width:none}}
@media(max-width:650px){.console-deck{grid-template-columns:1fr 1fr}.console-knobs{grid-template-columns:repeat(3,minmax(0,1fr));gap:15px 8px}.console-title strong{font-size:12px}.console-title button{font-size:9px;padding:5px}.machine-console{padding:12px;border-radius:9px 9px 24px 24px}.knob{width:43px;height:43px}.trackball{width:95px;height:95px}.knob-unit label{font-size:10px}.track-keys button{min-width:0}.console-title>div{gap:6px}}