.retro-shell{color:#dcded7;font:11px/1.3 'Arial Narrow',Arial,sans-serif;border:9px solid #171918;background:#252827;box-shadow:inset 0 0 0 1px #565955;min-width:880px}.retro-header{display:flex;align-items:center;gap:8px;padding:13px 18px;background:#30342f;border-bottom:5px solid #131615}.retro-brand{min-width:190px;letter-spacing:2px;font-size:13px;color:#c4c78c}.retro-brand strong{font-size:29px;font-weight:400;letter-spacing:-1px;color:#e6e59f}.retro-brand small{display:block;font-size:8px;letter-spacing:1.3px}.retro-header select{flex:1;min-width:130px;background:#121b17;border:1px solid #596345;color:#dbd9ae}.retro-header button{border:1px solid #596055;padding:7px 10px;border-radius:2px;background:#292e29;font-size:11px}.ms-body{display:grid;grid-template-columns:minmax(600px,1fr) 295px;padding:8px}.ms-controls{display:grid;grid-template-columns:repeat(8,minmax(65px,1fr));border:1px solid #c4c5b366}.retro-section{padding:9px 5px;border-right:1px solid #d0d0bb77}.retro-section h3,.ms-patch h3{font-weight:400;font-stretch:condensed;text-align:center;font-size:10px;min-height:27px;margin:0 0 9px;color:#e1e0d4;letter-spacing:.4px}.retro-section .rotary-control{margin:12px auto;width:65px;min-width:0}.retro-select{display:block;text-align:center;font-size:8px;color:#bcbfb4;margin:10px 0}.retro-select select{display:block;max-width:100%;width:100%;font-size:10px;border-radius:1px;padding:4px;background:#181c1a;border:1px solid #596158;margin-top:4px;color:#e0dec4}.retro-check{display:flex;align-items:center;gap:4px;font-size:9px;margin:8px 0;color:#cdcdb7}.retro-check input{accent-color:#d3d45f}.retro-shell .rotary{width:44px;height:44px}.retro-shell .rotary-cap{background:radial-gradient(circle at 35% 25%,#373a36,#191c19 65%);border:1px solid #5e625b;box-shadow:3px 4px 4px #0008}.retro-shell .rotary-cap i{background:#eee6b0}.retro-shell .rotary-ring{border-color:#c5c69066}.retro-shell .rotary-control label{font-size:8px;letter-spacing:.2px;color:#d2d3c0}.retro-shell .rotary-control output{font-size:9px;color:#dfdf9c}.ms-patch{border:1px solid #d0d0bb77;margin-left:8px;padding:9px 7px;background:linear-gradient(120deg,#242925,#30322b)}.patch-help{font-size:9px;color:#a2aaa1;text-align:center;margin:0 0 8px}.patch-jacks{position:relative;display:grid;grid-template-columns:1fr 1fr;gap:30px}.patch-outputs,.patch-inputs{display:flex;flex-direction:column;gap:2px}.patch-jacks button{position:relative;font:8px Arial,sans-serif;white-space:normal;text-align:left;justify-content:flex-start;color:#dcddce;min-height:29px;z-index:2;padding:2px;border-radius:0}.patch-inputs button{justify-content:flex-end;text-align:right;margin-bottom:15px}.patch-jacks i{width:17px;height:17px;min-width:17px;border-radius:50%;border:3px solid #adb2a1;background:#11140f;box-shadow:0 1px 4px #000}.patch-jacks button.armed i,.patch-jacks button.connected i{border-color:#e2cb74}.patch-cables{position:absolute;inset:0;width:100%;height:100%;pointer-events:none;z-index:3}.patch-cables path{fill:none;stroke-width:4;filter:drop-shadow(2px 4px 2px #000)}.patch-brand{font-size:21px;color:#b8bcac;font-weight:bold;margin:7px 0}.patch-brand b{font-size:11px}.patch-brand small{display:block;font-size:8px;font-weight:400;margin-top:8px}.patch-depths{display:flex;flex-wrap:wrap;max-height:125px;overflow:auto;gap:3px}.patch-depths>div{position:relative}.patch-depths .rotary-control{width:65px;margin:8px 0}.patch-depths .rotary{width:29px;height:29px}.patch-depths button{position:absolute;right:0;top:0;font-size:10px}.retro-performance{display:flex;align-items:center;gap:20px;padding:8px 17px;background:#1c211b;border-block:1px solid #68705c}.retro-performance .rotary-control{width:80px}.retro-performance>span{flex:1;color:#8e9a85;font-size:9px}.retro-keyboard{height:133px;position:relative;border:9px solid #161a16;border-top:14px solid #101410;box-shadow:inset 0 4px 9px #000}.retro-keyboard button{position:absolute;top:0;bottom:0;border-radius:0 0 3px 3px;border:1px solid #55574e;justify-content:center;align-items:flex-end;padding-bottom:8px;font-size:8px}.retro-keyboard .white{background:linear-gradient(#a8a99f,#e6e4d8 20%,#cdcbbf);color:#77786d;box-shadow:inset 1px 0 #fff8}.retro-keyboard .black{background:linear-gradient(90deg,#0a0c0b,#292c27 65%,#111411);bottom:36%;z-index:2;color:#aaa;box-shadow:1px 5px 2px #0008}.retro-keyboard button.pressed{background:#d9cf75!important;box-shadow:inset 0 0 8px #8c8244}.micro-shell{border-inline:18px solid #70513c;background:#a79775;color:#272c25}.micro-shell .retro-header{background:#b2a583;border-bottom-color:#5e5949}.micro-shell .retro-brand{color:#403f30}.micro-shell .retro-brand strong{color:#292e24;font-weight:700}.micro-tabs{display:flex;padding:8px;gap:3px;background:#302f28;text-transform:uppercase}.micro-tabs button{padding:6px 9px;font-size:10px;color:#bfb8a0}.micro-tabs button.active{background:#5f6251;color:#f6e5a9;box-shadow:inset 0 2px #e16d47}.micro-body{padding:15px;min-height:270px;background:linear-gradient(110deg,#a69a7b,#c3b797)}.micro-performance{display:flex;align-items:center;gap:30px;padding:6px 15px 18px;border-bottom:1px solid #6c6956}.micro-display{background:#251b14;border:7px solid #7c7054;box-shadow:inset 0 0 12px #070402;min-width:195px;color:#fa7945;padding:9px;text-align:center}.micro-display>span{display:block;font-size:11px}.micro-display strong{display:block;font:42px/1.3 monospace;letter-spacing:7px;text-shadow:0 0 10px #f44e2677}.micro-display small{font-size:9px}.micro-five{display:flex;justify-content:space-around;flex:1;gap:14px}.micro-five .rotary{width:59px;height:59px}.micro-shell .rotary-control label{color:#33362b;font-weight:bold;font-size:9px}.micro-shell .rotary-control output{color:#454530}.micro-shell .rotary-ring{border-color:#44483a77}.micro-shell .rotary-cap{background:radial-gradient(circle at 35% 25%,#737264,#34362f 70%);border-color:#333a30}.micro-shell .rotary-cap i{background:#e9e8d1}.micro-summary{display:grid;grid-template-columns:1fr 1.2fr 1.2fr;padding-top:12px}.micro-summary .retro-section{display:flex;align-items:center;gap:16px;border-color:#6b6d5977}.micro-shell .retro-section h3{color:#3c4032;font-weight:bold;font-size:9px}.micro-shell .retro-select,.micro-shell .retro-check{color:#343c2d;font-weight:bold}.micro-summary .retro-select{flex:1}.micro-summary .rotary-control{margin:0}.retro-knob-row{display:flex;justify-content:space-around;gap:10px}.micro-edit-grid{display:grid;grid-template-columns:1fr 1fr;gap:10px}.micro-edit-grid .retro-section{border:1px solid #756f57;padding:10px}.micro-edit-grid .retro-select{display:inline-block;min-width:130px;margin:0 12px 6px 0}.micro-edit-grid h3{text-align:left;min-height:0;margin-bottom:8px}.micro-patches{display:grid;grid-template-columns:repeat(4,1fr);gap:14px}.micro-patches .retro-section{border:1px solid #777659;padding:14px}.micro-global{display:flex;align-items:center;gap:24px;padding:8px 15px;background:#a29472;border-top:2px solid #746b53}.micro-global .retro-select{min-width:100px}.micro-global>span{margin-left:auto;font-size:10px;color:#444934}.micro-global .rotary{width:30px;height:30px}.micro-global .rotary-control{min-width:65px}.micro-arp-settings{display:flex;align-items:center;gap:24px;margin-bottom:20px}.micro-arp-settings .retro-select{min-width:120px}.micro-step-buttons{display:flex;gap:12px;margin:25px 0}.micro-step-buttons button{flex:1;height:64px;background:#44493e;border:2px solid #747863;border-radius:4px;font-size:19px;color:#b7b69b}.micro-step-buttons button.on{background:#b45236;color:#ffe5b4;border-color:#e19762;box-shadow:inset 0 3px #e9956b,0 0 14px #c7783e33}.micro-arp p,.micro-vocoder p{font-size:11px;color:#4a503f}.micro-bands{display:grid;grid-template-columns:repeat(8,1fr);gap:10px;border-top:1px solid #847d62;padding-top:12px}.micro-bands>section{border-right:1px solid #857c64}.micro-bands .rotary-control{margin:5px auto}.micro-vocoder .retro-knob-row{justify-content:flex-start}.micro-vocoder .retro-knob-row>.rotary-control{width:110px}