:root{color-scheme:light;--paper:#e3dfd4;--face:#f0ede5;--ink:#202b31;--muted:#59666b;--line:#b9beb7;--orange:#a44923;--input:#65d2e5;--output:#f0b65a;--display:#14292e;--mono:ui-monospace,SFMono-Regular,Consolas,monospace;font-family:ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
*{box-sizing:border-box}body{margin:0;background:#c6c9c2;color:var(--ink)}button,input,select,textarea{font:inherit}button,select,input[type=number]{color:var(--ink);background:var(--face);border:1px solid #a9afa9;border-radius:3px;min-height:36px;padding:7px 11px;font-size:12px}button{cursor:pointer;box-shadow:0 2px 0 #00000015;transition:background .1s}button:hover{background:#fffef6}button:active{box-shadow:none;transform:translateY(1px)}button:disabled{opacity:.4;cursor:default}button:focus-visible,select:focus-visible,input:focus-visible,textarea:focus-visible,summary:focus-visible{outline:3px solid #126c88;outline-offset:3px}button[aria-pressed=true]{background:#243b42;color:#fff}select{cursor:pointer}input[type=range]{accent-color:var(--orange);cursor:pointer;min-height:30px;margin:0;width:100%}a{color:inherit;text-underline-offset:3px}h1,h2,h3,p{margin:0}.micro,.serial,.toolbar label,.section-title>span,.volume,.velocity,.endpoint,.display-header,.display-footer,.monitor-key,.keyboard-footer,.status-strip,footer,.edit-footnote,.midi summary span{font:10px var(--mono);letter-spacing:.7px}.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}[hidden]{display:none!important}
.instrument{max-width:1440px;margin:26px auto;background:var(--paper);border:1px solid #9da59d;border-radius:7px;box-shadow:0 16px 35px #26302d20;overflow:clip;padding:0 26px}.nameplate{display:flex;justify-content:space-between;align-items:center;gap:24px;padding:23px 0 20px;border-bottom:2px solid var(--ink)}.identity{display:flex;align-items:center;gap:24px}.maker{font-size:31px;letter-spacing:-1.8px;font-weight:850;border-right:1px solid var(--line);padding-right:24px}h1{font-size:20px;font-weight:600;letter-spacing:-.6px}.serial{display:block;color:var(--muted);margin-top:6px;font-size:9px}.output-controls{display:grid;grid-template-columns:auto auto;gap:7px 16px;align-items:center}.engine-state{font:10px var(--mono);color:#456559;grid-column:1 / -1;text-align:right}.engine-state::before{content:'●';font-size:8px;margin-right:6px}.audio-switch{background:var(--ink);color:#fff;border-color:var(--ink);font-weight:650;min-width:126px}.audio-switch:hover{background:#394e56}.audio-switch[aria-pressed=true]{background:var(--orange);border-color:var(--orange)}.volume{display:flex;align-items:center;gap:9px}.volume input{width:85px}.volume output{min-width:25px;text-align:right}
.toolbar{display:flex;justify-content:space-between;gap:12px;align-items:center;padding:15px 0;border-bottom:1px solid var(--line)}.preset,.transport{display:flex;gap:5px;align-items:center}.preset label,.transport label{color:var(--muted);margin-right:7px}.preset select{min-width:172px;font-weight:650;background:#d4ded7}.preset button{padding:7px 10px}.transport label{margin-left:6px;margin-right:0}#tempo{width:65px;background:#233b43;color:#e8f8f1;font:19px var(--mono);padding:4px 6px;min-height:37px}#transport{width:40px;font-size:16px}.panic{background:#a44923;color:white;border-color:#8f3b1b;font-weight:700;margin-left:8px}.panic:hover{background:#863518}
.console{display:grid;grid-template-columns:256px minmax(230px,.9fr) minmax(340px,1.3fr);gap:0;padding:22px 0}.section-title{display:flex;justify-content:space-between;align-items:center;gap:8px;margin-bottom:13px;min-height:28px}.section-title h2{font-size:13px;font-weight:650}.section-title>span{color:var(--muted)}.rack-section{padding-right:22px}.endpoint{display:flex;align-items:center;gap:8px;min-height:31px;position:relative}.endpoint strong{font-size:9px}.endpoint>span:last-child{margin-left:auto;font-size:9px;color:var(--muted);letter-spacing:0}.jack{display:block;width:13px;height:13px;border-radius:50%;background:#293d44;box-shadow:inset 0 0 0 3px #738888,inset 0 0 0 5px #142c34}.input-end .jack{box-shadow:inset 0 0 0 3px #4b94a3,inset 0 0 0 5px #142c34}.output-end .jack{box-shadow:inset 0 0 0 3px #bd8733,inset 0 0 0 5px #142c34}.chain{position:relative;border-left:2px solid #7b8989;margin:0 0 0 6px;padding:8px 0 8px 13px;display:flex;flex-direction:column;gap:10px}.module{position:relative;border:1px solid #aeb5b0;background:#edece3;--module:#566d78;box-shadow:0 2px 0 #24373010}.module::before{position:absolute;content:'';width:13px;height:2px;left:-15px;top:23px;background:#7b8989}.module.selected{border-color:var(--module);box-shadow:inset 3px 0 0 var(--module)}.module[data-type=harmony],.editor[data-type=harmony]{--module:#276379}.module[data-type=arp],.editor[data-type=arp]{--module:#9b492a}.module[data-type=echo],.editor[data-type=echo]{--module:#666838}.module[data-type=transpose],.editor[data-type=transpose]{--module:#535b8c}.module[data-type=velocity],.editor[data-type=velocity]{--module:#626847}.module[data-type=script],.editor[data-type=script]{--module:#725276}.module.bypassed{background:#d8d9d0}.module.bypassed .module-select{color:#69716c}.module-top{display:flex;align-items:center;padding:5px 6px 0 10px;gap:7px}.module-number{font:11px var(--mono);color:var(--module);font-weight:bold}.module-select{border:none;background:transparent;box-shadow:none;text-align:left;padding:0 0 0 2px;flex:1;min-width:0;min-height:29px}.module-select h3{font-size:14px;font-weight:700}.module-select:hover{background:transparent;text-decoration:underline;text-underline-offset:3px}.module-select[aria-pressed=true]{background:transparent;color:var(--ink)}.bypass-switch{min-height:28px;padding:3px 7px;font:9px var(--mono);border-color:var(--module);color:var(--module)}.bypass-switch::before{content:'●';font-size:7px;margin-right:4px}.bypass-switch[aria-pressed=true]{color:#566260;background:#d8d9d0;border-color:#a2aaa4}.module-bottom{display:flex;align-items:end;justify-content:space-between;gap:4px;padding:3px 6px 6px 10px}.module-data{min-width:0}.module-summary{font:10px var(--mono);color:#48575c;white-space:nowrap}.stage-notes{font:9px var(--mono);color:var(--module);display:block;min-height:15px;padding-top:4px;max-width:125px;white-space:nowrap;overflow:hidden}.module-tools{display:flex;gap:2px}.module-tools button{min-height:29px;min-width:24px;padding:3px;border:0;background:transparent;box-shadow:none;font-size:14px;color:#546262}.module-tools button:hover{background:#d4d9d0}.empty-chain{font-size:12px;color:var(--muted);padding:8px 0;line-height:1.6}.add-stage{display:flex;gap:6px;margin-top:14px}.add-stage select{flex:1;min-width:0}.add-stage button{font-size:20px;line-height:1;min-width:37px}
.editor{border-left:1px solid var(--line);border-right:1px solid var(--line);padding:0 22px;--module:#276379;min-width:0}.editor-head{display:flex;align-items:center;gap:10px;border-bottom:2px solid var(--module);padding-bottom:13px}.editor-head>span{font:26px var(--mono);color:var(--module)}.editor-head h2{font-size:20px;letter-spacing:-.5px;margin-top:3px}.editor-head .micro{font-size:8px;color:var(--module)}#editor-bypass{margin-left:auto;min-height:30px;font:10px var(--mono);color:var(--module);padding:5px 8px}#editor-bypass[aria-pressed=true]{color:#fff}.effect-diagram{height:80px;margin:15px 0;color:var(--module);background:#dbded500;border-top:1px solid #c9cec4;border-bottom:1px solid #c9cec4;display:flex;align-items:center;justify-content:center}.effect-diagram svg{width:100%;height:68px}.controls{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:16px 12px}.controls-row{display:flex;flex-direction:column;gap:8px;min-width:0}.controls-row label{font:10px var(--mono);color:var(--muted)}.controls-row select{width:100%;font-size:12px;background:#f7f5ed;min-height:40px}.controls-row:only-child{grid-column:1 / -1}.controls-row>div{display:grid;grid-template-columns:30px 1fr 30px;gap:5px;align-items:center}.control-value{grid-column:1 / -1;background:#233b43;color:#ecf5db;font:26px var(--mono);padding:9px 10px;text-align:center;border:1px solid #142d32;box-shadow:inset 0 2px 2px #0002}.controls-row input{min-width:0}.parameter-step{min-height:30px;padding:3px;font-size:16px}.effect-help{font-size:11px;line-height:1.6;color:var(--muted);margin-top:16px;min-height:40px}summary{cursor:pointer;font-size:12px;font-weight:600;list-style-position:inside;min-height:38px;padding:12px 0}summary>span{float:right;font:9px var(--mono);color:var(--muted)}#program{border-top:1px solid var(--line);margin-top:13px}textarea{display:block;width:100%;min-height:165px;margin:0;resize:vertical;background:#192f36;border:1px solid #112b31;border-radius:3px;color:#d6e8ce;padding:11px;font:11px/1.6 var(--mono);tab-size:2}.script-actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center;margin-top:8px}.script-actions span{font:9px var(--mono);color:var(--muted)}.script-actions button{font-size:11px;margin-left:auto}#error{white-space:pre-wrap;color:#983822;font-size:11px;max-height:140px;overflow:auto;line-height:1.5}.edit-footnote{border-top:1px solid var(--line);margin-top:16px;padding-top:10px;letter-spacing:0;color:var(--muted);font-size:9px;line-height:1.6}.edit-footnote span{display:block}
.monitor{padding-left:22px;min-width:0}.view-controls{display:flex;gap:4px}.view-controls button,.view-controls select{min-height:28px;padding:4px 7px;font:9px var(--mono)}.display{background:var(--display);border:1px solid #0c2025;box-shadow:inset 0 2px 4px #0004;border-radius:4px;padding:13px 12px 10px;color:#d8f2e4}.display-header{display:flex;gap:16px;font-size:9px}.display-header>span:last-child{margin-left:auto;color:#b4c7c5}.input-color{color:var(--input)}.output-color{color:var(--output)}#roll{width:100%;height:236px;display:block;margin:10px 0}.note-readout{display:grid;grid-template-columns:1fr 1fr;border-top:1px solid #375054;gap:12px;padding:12px 0;min-height:57px}.note-readout div{display:flex;gap:8px;align-items:baseline;min-width:0}.note-readout div>span{font:9px var(--mono);color:#a6c2c1}.note-readout strong{color:var(--input);font:12px var(--mono);line-height:1.5;overflow-wrap:anywhere}.note-readout div:last-child strong{color:var(--output)}.display-footer{display:flex;gap:12px;border-top:1px solid #375054;padding-top:9px;font-size:8px;letter-spacing:.5px;color:#afc6c2}.display-footer b{color:#e2f1dc;font-size:12px}.display-footer span:last-child{margin-left:auto}.event-log{font:9px/1.7 var(--mono);color:#4f6469;height:47px;overflow:hidden;margin-top:11px}.monitor-key{display:flex;gap:15px;font-size:8px;margin-top:7px;letter-spacing:0}.monitor-key .input-color{color:#256e80}.monitor-key .output-color{color:#87581d}.monitor-key>span:last-child{margin-left:auto;color:var(--muted)}
.status-strip{display:flex;align-items:center;gap:8px;min-height:31px;background:#d3d8ce;padding:6px 10px;border:1px solid #bac3b7;letter-spacing:0;font-size:9px}.status-led{width:5px;height:5px;border-radius:50%;background:#4c8067;flex:none}.local-route{margin-left:auto;color:var(--muted);font-size:8px;white-space:nowrap}.play{padding:17px 0 20px}.performance-strip{display:flex;align-items:center;gap:7px;margin-bottom:12px}.performance-strip h2{font-size:14px;margin-right:8px}.performance-strip button{font-size:11px}.octave-controls{display:flex;align-items:center;gap:5px;margin-left:18px}.octave-controls .micro{color:var(--muted);font-size:8px;margin-right:5px}.octave-controls button{min-width:31px;padding:4px}.octave-controls output{font:12px var(--mono);min-width:27px;text-align:center}.octave-controls select{min-height:31px;font:10px var(--mono);padding:4px 6px;margin-left:4px}.velocity{display:flex;align-items:center;gap:8px;margin-left:auto;color:var(--muted)}.velocity input{width:88px}.velocity output{font:12px var(--mono);width:26px;text-align:right}#demo.active{background:#274a48;color:#fff;border-color:#274a48}#sustain[aria-pressed=true]{background:#99632d;border-color:#99632d}.keyboard{height:110px;position:relative;user-select:none;touch-action:none;border:1px solid #788c88;border-top:4px solid #243940;background:#20343c;box-shadow:0 3px 0 #78847b}.piano-key{position:absolute;border:1px solid #9eada5;border-radius:0 0 3px 3px;padding:0 0 9px;touch-action:none;display:flex;align-items:flex-end;justify-content:center;font:10px var(--mono);transition:background .05s;box-shadow:inset 0 -4px 0 #0000000a;min-height:0}.piano-key.white{height:106px;background:#f4f1e5;color:#62706a;z-index:1}.piano-key.black{height:65px;background:#243840;color:#bdc9c4;border-color:#112e36;z-index:2;box-shadow:inset 0 -6px 0 #152b31}.piano-key.white:hover{background:#faf9ed}.piano-key.black:hover{background:#3f5053}.piano-key.pressed,.piano-key.white.pressed{background:#77c5d1;color:#163d49}.piano-key.black.pressed{background:#4594a3}.keyboard-footer{display:flex;justify-content:space-between;gap:12px;margin-top:12px;color:var(--muted);font-size:8px;letter-spacing:.4px}.keyboard-footer>span:last-child{font-size:10px;letter-spacing:0}kbd{font:9px var(--mono);padding:2px 4px;border:1px solid #adb8ac;border-bottom-width:2px;margin-right:2px;border-radius:2px;background:#eceee2}.midi{border-top:1px solid var(--line)}.midi>div{display:flex;gap:8px;align-items:center;flex-wrap:wrap;padding-bottom:12px}.midi>div>span{font-size:11px;color:var(--muted)}footer{border-top:1px solid var(--line);padding:14px 0 18px;display:flex;justify-content:space-between;gap:12px;color:var(--muted);font-size:8px}
@media(max-width:1250px){.instrument{margin:16px;padding:0 20px}.console{grid-template-columns:230px minmax(220px,.9fr) minmax(300px,1.3fr)}.rack-section{padding-right:17px}.editor{padding:0 17px}.monitor{padding-left:17px}.preset select{min-width:145px}.toolbar{gap:6px}.preset label{display:none}.preset button{padding:7px}.output-controls{column-gap:10px}.maker{font-size:28px;padding-right:18px}.identity{gap:18px}.velocity input{width:70px}}
@media(max-width:1000px){.console{grid-template-columns:230px minmax(0,1fr)}.editor{border-right:none}.monitor{grid-column:1 / -1;border-top:1px solid var(--line);padding:18px 0 0;margin-top:20px}.display #roll{height:200px}.monitor .display{padding:13px 16px}.event-log{height:32px}.toolbar{flex-wrap:wrap;gap:10px}.transport{margin-left:auto}.local-route{display:none}.velocity{margin-left:auto}.octave-controls{margin-left:7px}.keyboard-footer>span:last-child{display:none}}
@media(max-width:650px){body{background:var(--paper)}.instrument{margin:0;border:none;border-radius:0;box-shadow:none;padding:0 16px;overflow:visible}.nameplate{padding:17px 0 14px;gap:12px;flex-wrap:wrap}.identity{gap:15px}.maker{font-size:26px;padding-right:15px}h1{font-size:17px}.serial{font-size:8px}.output-controls{display:flex;flex-wrap:wrap;width:100%;justify-content:space-between;gap:7px}.engine-state{font-size:9px;text-align:left;width:100%;padding-bottom:3px}.audio-switch{min-width:145px}.volume input{width:94px}.toolbar{position:sticky;top:0;z-index:10;background:var(--paper);padding:10px 0;box-shadow:0 3px 0 #00000008;gap:8px}.preset{width:100%;gap:5px}.preset select{flex:1;min-width:0}.preset button{min-width:43px;min-height:34px;font-size:10px}.transport{width:100%;margin:0;justify-content:space-between}.transport label{font-size:9px;margin:0 0 0 4px}#tempo{width:61px;font-size:18px}.transport select{margin-right:auto;margin-left:3px}.panic{margin-left:auto;min-height:37px;font-size:12px}.console{grid-template-columns:1fr;padding:17px 0}.rack-section{padding:0}.section-title{margin-bottom:7px}.chain{padding-left:14px;gap:7px}.module{display:flex;align-items:center;min-height:70px}.module-top{flex:1;align-items:center;padding:7px 8px 7px 10px;gap:8px;flex-wrap:wrap;min-width:0}.module-top .bypass-switch{order:3;margin-left:24px;min-height:25px}.module-select{min-width:130px;flex:1}.module-select h3{font-size:14px}.module-bottom{display:flex;min-width:100px;align-items:center;padding:7px 6px 7px 0}.module-summary{font-size:9px}.module-data{max-width:130px}.module-tools{flex-direction:column;gap:0;margin-left:7px}.module-tools button{min-height:23px;line-height:1;padding:2px;width:27px}.module .stage-notes{font-size:9px}.module::before{top:34px}.add-stage{margin-top:9px}.endpoint{min-height:27px}.editor{padding:18px 0 0;border-left:none;border-top:1px solid var(--line);margin-top:18px}.editor-head{padding-bottom:10px}.editor-head h2{font-size:20px}.effect-diagram{height:59px;margin:12px 0}.effect-diagram svg{height:53px}.controls{gap:12px}.controls-row label{font-size:11px}.controls-row>div{grid-template-columns:34px 1fr 34px}.parameter-step{min-height:35px}.control-value{padding:6px 10px}.controls-row select{min-height:42px}.effect-help{min-height:0;margin-top:12px}.edit-footnote{margin-top:10px}.edit-footnote span{display:inline}#program{margin-top:10px}.monitor{margin-top:16px;padding-top:15px}.monitor #roll{height:205px}.monitor .display{padding:12px 10px}.note-readout strong{font-size:11px}.display-footer{font-size:8px}.performance-strip{flex-wrap:wrap;gap:7px;margin-bottom:12px}.performance-strip h2{margin-right:4px}.performance-strip>button{flex:1;min-height:38px}.octave-controls{order:3;margin:3px 0 0;width:100%;gap:7px}.octave-controls button{min-height:36px;min-width:38px}.octave-controls .micro{margin-right:auto;font-size:9px}.octave-controls select{min-height:36px;margin-left:auto}.velocity{order:2;width:100%;margin:5px 0 0;font-size:9px}.velocity input{width:auto;flex:1}.velocity output{font-size:12px}.keyboard{height:135px}.piano-key.white{height:131px}.piano-key.black{height:81px}.keyboard-footer{line-height:2.3;font-size:7px;letter-spacing:0}.keyboard-footer kbd{padding:2px 3px;font-size:8px}.midi summary{font-size:12px}footer{font-size:8px}.status-strip{line-height:1.5;font-size:9px}}
@media(prefers-reduced-motion:reduce){button,.piano-key{transition:none}}

@media(max-width:650px){.module{display:block}.module-top{flex-wrap:nowrap}.module-select{min-width:0}.module-top .bypass-switch{order:0;margin-left:auto;min-height:36px}.module-bottom{padding:0 6px 6px 10px;justify-content:space-between;min-height:46px}.module-tools{flex-direction:row;gap:2px;margin-left:6px}.module-tools button{min-height:44px;width:44px}.module-data{max-width:none}.module-summary{font-size:10px}.play{border-bottom:1px solid var(--line);padding-bottom:17px}.controls-row .parameter-step{min-height:44px}.controls-row>div{grid-template-columns:44px 1fr 44px}.performance-strip>button{min-height:44px}.octave-controls button{min-height:44px;min-width:44px}.octave-controls select{min-height:44px}}

.engine-state,.module-summary,.controls-row label{font-size:11px}.stage-notes,.display-header,.event-log,.edit-footnote,.status-strip{font-size:10px}.display-footer,.monitor-key{font-size:9px}.event-log{height:52px}.serial{font-size:9px}@media(max-width:650px){.engine-state,.module-summary,.stage-notes,.edit-footnote,.status-strip{font-size:10px}.event-log{height:52px}}
/* Sequence and connections share the console's faceplate language. */
.sequence-panel{margin-top:14px;background:var(--panel,#e8e4da);border:1px solid #aaa89d;border-radius:8px;box-shadow:0 2px 0 #b7b3a6;overflow:hidden}
.sequence-panel>summary{padding:16px;cursor:pointer;font-weight:700;display:flex;justify-content:space-between;gap:12px}
.sequence-panel summary span,.sequence-toolbar label,.program-drive{font:10px var(--mono,monospace);letter-spacing:1px}
.sequence-toolbar{display:flex;flex-wrap:wrap;gap:12px;align-items:end;padding:8px 16px}
.sequence-toolbar label{display:flex;flex-direction:column;gap:7px}.sequence-toolbar input{width:68px}
.sequence-hint{font-size:12px;color:#555f5d;margin:10px 16px;line-height:1.5}
.sequence-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));gap:7px;padding:8px 16px 16px}
.sequence-step{border:1px solid #b7b7ad;background:#dedbd0;border-radius:5px;padding:8px;min-width:0}
.sequence-step>span{font:12px monospace;color:#5b6766}.sequence-step.current{border-color:#238e9e;box-shadow:inset 0 3px #238e9e;background:#edf3ec}
.sequence-step label{display:block;font:9px monospace;color:#58615f;margin-top:9px}.sequence-step input{width:100%;min-width:0;margin-top:4px;padding:7px 4px;font:13px monospace;background:#f5f3ea}
.sequence-panel details{margin:0 16px 16px;border:1px solid #aaa89d;border-radius:5px;padding:10px}.sequence-panel details summary{cursor:pointer;font-size:13px;font-weight:600;display:flex;justify-content:space-between}
.sequence-panel textarea{width:100%;height:260px;background:#152e33;color:#d5f0ed;font:12px/1.6 monospace;padding:14px;margin-top:10px;resize:vertical}
.sequence-actions{display:flex;gap:12px;align-items:center;padding:0 16px 16px;font-size:11px;color:#55615e}
.program-drive{display:flex;align-items:center;gap:10px;padding-top:8px}.script-actions{flex-wrap:wrap;gap:8px}.midi .midi-row{display:flex;gap:12px;align-items:center;flex-wrap:wrap}.midi-row label{font:10px monospace;display:flex;gap:8px;align-items:center}
#sequence-error{padding:12px;margin:12px;color:#a32e24;white-space:pre-wrap}input:disabled,select:disabled{opacity:.55}
@media(max-width:1000px){.sequence-grid{grid-template-columns:repeat(4,minmax(0,1fr))}.preset{flex-wrap:wrap}}
@media(max-width:650px){.sequence-grid{grid-template-columns:repeat(2,minmax(0,1fr));padding:8px 12px 12px}.sequence-step input{min-height:44px}.sequence-toolbar{padding:8px 12px;gap:8px}.sequence-actions{align-items:start;flex-direction:column}.sequence-panel>summary{padding:16px 12px}.midi-row label{width:100%;flex-direction:column;align-items:start}.midi-row select{max-width:100%;width:100%}.sequence-panel summary span{font-size:9px}.script-actions button{min-height:44px}.program-drive{flex-wrap:wrap}.preset #save,.preset #load,.preset #undo,.preset #export-project,.preset #import-project{font-size:11px;min-width:0;padding:6px 8px}}
.change-strip{display:flex;align-items:center;gap:10px;padding:10px 20px;background:#d5d1c6;border-bottom:1px solid #b0afa4;font-size:11px;flex-wrap:wrap}
.change-strip label{display:flex;align-items:center;gap:8px;font:10px monospace;letter-spacing:.07em}
.change-strip #change-status{flex:1;min-width:220px;color:#465956}
.change-strip button{min-height:32px}
#program-knobs:empty{display:none}
#program-knobs{border-top:1px solid #b5b7ab;margin-top:12px;padding-top:8px}
#record-phrase[aria-pressed=true]{background:#82382d;color:#fff0dd}
.sequence-toolbar{flex-wrap:wrap}
@media(max-width:650px){.change-strip{padding:10px 14px}.change-strip #change-status{flex-basis:100%;order:3}.change-strip button{min-height:44px}}
.program-hint{font:10px/1.5 monospace;color:#4d615c;margin:10px 0}
#program-knobs .controls-row input{grid-column:1 / -1;width:100%}
.change-strip button:disabled{display:none}