:root{--bg: #070811;--panel: #121624;--panel2: #0d1120;--line: #232a3d;--txt: #eef1fb;--mut: #8b93ad;--accent: #2e5bff;--good: #27c98a;--bad: #ff5c72;--amber: #f5c542;--pad: #2b3140;--padline: #3c4456;--radius: 14px}*{box-sizing:border-box}html,body{height:100%}body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Arial,sans-serif;color:var(--txt);background:radial-gradient(1200px 700px at 78% -10%,#1a2350 0%,transparent 58%),radial-gradient(900px 600px at 8% 0%,#15183a 0%,transparent 55%),var(--bg);-webkit-font-smoothing:antialiased}a{color:#8ea6ff}code{background:#0c1120;border:1px solid var(--line);padding:1px 6px;border-radius:5px;font-size:12px;color:#a9b6e6}header.app{padding:14px 24px;border-bottom:1px solid var(--line);display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:linear-gradient(180deg,rgba(20,24,40,.6),transparent);-webkit-backdrop-filter:blur(6px);backdrop-filter:blur(6px);position:sticky;top:0;z-index:10}header.app h1{font-size:16px;margin:0;font-weight:800;letter-spacing:.2px}.sub{color:var(--mut);font-size:12.5px}.status{display:inline-flex;align-items:center;gap:7px;font-size:13px;color:var(--mut)}.dot{width:9px;height:9px;border-radius:50%;background:var(--bad);box-shadow:0 0 8px currentColor;color:var(--bad)}.dot.on{background:var(--good);color:var(--good)}.spacer{margin-left:auto}.wrap{max-width:1240px;margin:0 auto;padding:22px;display:grid;grid-template-columns:minmax(0,1fr) 330px;gap:22px;align-items:start}@media (max-width: 980px){.wrap{grid-template-columns:1fr}}.wrap.full{grid-template-columns:1fr;max-width:1480px}@keyframes learnpulse{0%,to{box-shadow:0 0 0 2px var(--amber),0 0 14px 2px var(--amber)}50%{box-shadow:0 0 0 2px var(--amber),0 0 22px 6px var(--amber)}}.learning{animation:learnpulse .9s ease-in-out infinite;border-color:var(--amber)!important;z-index:5}.btn{background:linear-gradient(180deg,#3a66ff,#2348e6);color:#fff;border:0;padding:9px 15px;border-radius:10px;cursor:pointer;font-weight:650;font-size:14px;box-shadow:0 6px 16px #2e5bff59}.btn:hover{filter:brightness(1.08)}.btn.alt{background:#161c2c;border:1px solid var(--line);color:var(--txt);box-shadow:none}.btn.alt.on{background:linear-gradient(180deg,#2ad79a,#1fb986);border-color:transparent;color:#04261b}.btn:disabled{opacity:.45;cursor:not-allowed}select,input[type=search]{background:var(--panel2);color:var(--txt);border:1px solid var(--line);padding:9px 11px;border-radius:9px;font-size:13px;width:100%}select:focus,input:focus{outline:2px solid var(--accent);outline-offset:-1px}.card{background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:var(--radius);padding:16px;box-shadow:0 12px 30px #00000040}.card+.card{margin-top:16px}.card h2{font-size:11px;text-transform:uppercase;letter-spacing:.9px;color:var(--mut);margin:0 0 12px}label.fld{display:block;font-size:11px;color:var(--mut);text-transform:uppercase;letter-spacing:.5px;margin:4px 0 7px}.switchrow{display:flex;align-items:center;justify-content:space-between;gap:10px;padding:9px 0;font-size:13px;border-top:1px solid var(--line)}.imp-panel{display:block}.imp-panel select{width:100%}.imp-device{margin:0 0 8px}.imp-output{margin:8px 0 0}.imp-vu{width:100%;height:14px;display:block;margin:8px 0 4px}.imp-status{margin:8px 0 2px;font-size:12px;color:var(--mut);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.imp-status--ready{color:#ffb648}.imp-status--live{color:#52e088}.audio-input-mount.no-output .imp-output{display:none}.audio-enable{margin-top:8px}.midi-log{display:flex;gap:5px;overflow-x:auto;white-space:nowrap;padding:5px 0 7px;margin:2px 0 4px;scrollbar-width:thin;-webkit-mask:linear-gradient(90deg,#000 86%,transparent)}.midi-ev{flex:0 0 auto;font:11px/1.4 ui-monospace,Menlo,monospace;color:var(--mut);background:var(--panel2);border:1px solid var(--line);border-radius:6px;padding:2px 8px}.midi-ev.latest{color:var(--txt);border-color:#3b6cff73;background:#16203a}.midi-ev.dim{opacity:.65;border-style:dashed;white-space:normal}.legend{font-size:12px;color:var(--mut);margin-top:12px;text-align:center;line-height:1.5}.hint{background:#131a2e;border:1px solid var(--line);border-left:3px solid var(--accent);padding:10px 12px;border-radius:9px;font-size:12px;color:#c4cce4;line-height:1.55}.banner{display:block;padding:12px 16px;border-radius:11px;font-size:13px;line-height:1.55;border:1px solid var(--line);margin-bottom:16px}.banner.bad{background:#2a1620;border-color:#5a2733;color:#ffd6dd}.banner.good{background:#11251c;border-color:#1c5a44;color:#c8f5e0}.banner.info{background:#141b2e;border-color:#2b3350;color:#c4cce4}.banner b{color:#fff}.tabs{display:flex;align-items:center;gap:6px;margin-bottom:16px;background:var(--panel2);border:1px solid var(--line);padding:5px;border-radius:12px}.tab{background:transparent;border:0;color:var(--mut);font-weight:650;font-size:13px;padding:8px 14px;border-radius:8px;cursor:pointer}.tab.on{background:linear-gradient(180deg,#3a66ff,#2348e6);color:#fff;box-shadow:0 4px 12px #2e5bff4d}.tab:disabled{opacity:.4;cursor:not-allowed}.tabnote{margin-left:auto;color:var(--mut);font-size:12px;padding-right:6px}.rig{display:grid;grid-template-columns:repeat(auto-fit,minmax(360px,1fr));gap:16px;align-items:start}.rig .chassis{max-width:480px;margin:0 auto;padding:16px}@media (max-width: 760px){.rig{grid-template-columns:1fr}}.gallery{display:grid;grid-template-columns:repeat(auto-fill,minmax(285px,1fr));grid-auto-flow:row dense;gap:16px;align-items:start}.gallery.solo{grid-template-columns:min(760px,100%);justify-content:center}.gallery .chassis{max-width:none;margin:0 auto;padding:14px}.gallery-card{min-height:200px;display:flex;content-visibility:auto;contain-intrinsic-size:auto 240px}.gallery-card>*{width:100%}.gallery-ph{display:flex;flex-direction:column;gap:4px;align-items:flex-start;justify-content:center;width:100%;border:1px dashed var(--line);border-radius:16px;padding:18px;color:var(--mut);background:linear-gradient(180deg,var(--panel),var(--panel2))}.gallery-ph .dn{font-weight:800;font-size:16px;color:var(--txt)}.gallery-ph .dc{font-size:11px;text-transform:uppercase;letter-spacing:.8px}.gallery-card[data-span="2"]{grid-column:span 2}.gallery-card[data-span="3"]{grid-column:span 3}@media (max-width: 1240px){.gallery-card[data-span="3"]{grid-column:span 2}}@media (max-width: 760px){.gallery{grid-template-columns:1fr}.gallery-card[data-span]{grid-column:auto}}.devcard{position:relative;background:linear-gradient(180deg,var(--panel),var(--panel2));border:1px solid var(--line);border-radius:18px;padding:16px 18px 18px;box-shadow:0 16px 40px #0000004d;overflow:hidden}.devcard:before{content:"";position:absolute;left:0;right:0;top:0;height:3px;background:linear-gradient(90deg,var(--accent),#2e5bff 70%,transparent);opacity:.9}.devcard.bare{background:none;border:0;box-shadow:none;padding:0}.devcard.bare:before{display:none}.devhead{display:flex;align-items:flex-start;justify-content:space-between;gap:12px;margin-bottom:6px}.devtitle{min-width:0}.devtitle .dn{font-weight:800;font-size:17px;letter-spacing:.2px}.devtitle .dc{display:block;color:var(--mut);font-size:11px;text-transform:uppercase;letter-spacing:.8px;margin-top:2px}.devbadges{display:flex;gap:7px;flex-wrap:wrap;justify-content:flex-end;flex-shrink:0}.devcard[data-density=compact] .devhead{gap:4px 8px;flex-wrap:wrap}.devcard[data-density=compact] .devtitle{flex:1 1 60%}.devcard[data-density=compact] .devtitle .dn{font-size:14px;line-height:1.18;display:-webkit-box;-webkit-line-clamp:2;line-clamp:2;-webkit-box-orient:vertical;overflow:hidden}.devcard[data-density=compact] .devtitle .dc{font-size:10px;display:-webkit-box;-webkit-line-clamp:1;line-clamp:1;-webkit-box-orient:vertical;overflow:hidden}.devcard[data-density=compact] .devbadges{font-size:10px}.tag{font-size:11px;font-weight:650;padding:3px 9px;border-radius:999px;border:1px solid var(--line);color:#c7cfe8;background:#131a2c;white-space:nowrap}.tag.ok{color:#8af0c4;border-color:#1c5a44;background:#0e2620}.tag.mid{color:#ffe09a;border-color:#5a4a1c;background:#25200e}.tag.sch{color:#ffd79a;border-color:#5a431c;background:#241c0e}.tag.dim{color:var(--mut);background:transparent}.tag.link{cursor:pointer;color:#ffd79a;border-color:#5a431c;background:#241c0e;font-family:inherit}.tag.link:hover{color:#ffe6b8;border-color:var(--accent)}.tag.devlink{text-decoration:none;color:#9fb4ff;border-color:#2b3a66;background:#0e1730}.tag.devlink:hover{color:#c4d2ff;border-color:var(--accent)}.stage{display:flex;align-items:center;justify-content:center;padding:6px 2px}.chassis{background:radial-gradient(120% 80% at 50% -10%,rgba(255,255,255,.06),transparent 60%),linear-gradient(165deg,var(--c1, #23262e),var(--c2, #15171d));border-radius:20px;padding:20px;box-shadow:0 24px 60px #00000080,inset 0 1px #ffffff0f,inset 0 0 0 1px #ffffff05;border:1px solid #2c313d;position:relative;width:100%;max-width:760px}.devstage{width:100%;display:grid;gap:1.6%}.ctrl-wrap{position:relative;min-width:0;min-height:0;display:flex}.ctrl-wrap[data-type=knob],.ctrl-wrap[data-type=fader],.ctrl-wrap[data-type=button],.ctrl-wrap[data-type=wheel],.ctrl-wrap[data-type=touchstrip]{overflow:hidden;padding-top:10px}.ctrl-label{position:absolute;top:1px;left:3px;font-size:8px;font-weight:800;letter-spacing:.7px;color:#c8d2ebb3;text-transform:uppercase;pointer-events:none;z-index:3;background:#080a108c;padding:0 4px;border-radius:4px;-webkit-backdrop-filter:blur(2px);backdrop-filter:blur(2px)}.ctrl-wrap[data-type=padbank],.ctrl-wrap[data-type=grid]{container-type:size}.cellgrid{display:grid;gap:6px;margin:auto;aspect-ratio:var(--gw, 1) / var(--gh, 1);width:min(100cqw,calc(100cqh * var(--gw, 1) / var(--gh, 1)))}.cell{border-radius:17%;position:relative;cursor:pointer;min-height:0;min-width:0;touch-action:none;transition:transform .05s,box-shadow .1s,background .06s,filter .1s;background:linear-gradient(160deg,#323a4b,#232a37);border:1px solid var(--padline);box-shadow:inset 0 1px #ffffff12,inset 0 -2px 6px #00000059}.cell:after{content:"";position:absolute;top:8%;right:8%;bottom:55%;left:8%;border-radius:30%;background:linear-gradient(180deg,rgba(255,255,255,.1),transparent);pointer-events:none}.cell.round{border-radius:50%}.cell:hover{filter:brightness(1.12)}.cell:active{transform:scale(.92)}.cell .ic{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:center;font-size:10px;color:#a0aac380;pointer-events:none;font-weight:700}.lit{box-shadow:0 0 16px 3px var(--glow, #5f7dff),inset 0 1px #fff3;border-color:transparent}.lit:after{opacity:.35}.btnbank{display:grid;gap:6px;width:100%;height:100%}.ctlbtn{background:linear-gradient(180deg,#20283a,#161c2a);border:1px solid #333d52;border-radius:22%;cursor:pointer;color:#c7cfe8;font-size:10px;font-weight:700;display:flex;align-items:center;justify-content:center;min-height:0;min-width:0;-webkit-user-select:none;user-select:none;touch-action:none;box-shadow:inset 0 1px #ffffff0f,0 2px 4px #0000004d;transition:transform .05s,filter .1s;overflow:hidden;white-space:nowrap;padding:0 2px}.devcard[data-density=compact] .ctlbtn{font-size:8px}.devcard[data-density=compact] .ctlbtn .blab.word{display:none}.ctlbtn:hover{filter:brightness(1.15)}.ctlbtn.round{border-radius:50%;aspect-ratio:1/1;width:84%;height:auto;max-height:100%;place-self:center;background:radial-gradient(circle at 50% 32%,#2a3346,#161c2a)}.ctlbtn:active{transform:scale(.93)}.ctlbtn.lit{box-shadow:0 0 14px 2px var(--glow, #5f7dff)}.keybedwrap{position:relative;width:100%;height:100%;min-height:0;border-radius:9px;overflow:hidden;box-shadow:0 20px 44px #00000080,inset 0 1px #ffffff0d;background:#0a0c12;padding-top:24px}.keybedwrap .felt{position:absolute;top:22px;left:0;right:0;height:2px;background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#000));box-shadow:0 1px 5px #00000080;z-index:4}.octctl{position:absolute;top:3px;left:7px;z-index:5;display:flex;align-items:center;gap:4px}.octbtn{width:17px;height:17px;border-radius:5px;border:1px solid #3a4356;background:#1c212c;color:#c7cfe8;font-weight:800;cursor:pointer;display:flex;align-items:center;justify-content:center;line-height:1}.octbtn:disabled{opacity:.35;cursor:not-allowed}.octlabel{font-size:9px;font-weight:800;letter-spacing:.5px;color:var(--accent);min-width:32px;text-align:center}.octbtn.sus{width:auto;padding:0 7px;font-size:8px;letter-spacing:.5px}.octbtn.sus.on{background:linear-gradient(180deg,#2ad79a,#1fb986);color:#04261b;border-color:transparent}.keybed{position:absolute;top:24px;left:0;right:0;bottom:0;display:flex;-webkit-user-select:none;user-select:none}.devcard[data-density=compact] .ctrl-label{display:none}.devcard[data-density=compact] .ctrl-wrap[data-type=knob],.devcard[data-density=compact] .ctrl-wrap[data-type=fader],.devcard[data-density=compact] .ctrl-wrap[data-type=button],.devcard[data-density=compact] .ctrl-wrap[data-type=wheel],.devcard[data-density=compact] .ctrl-wrap[data-type=touchstrip]{padding-top:0}.devcard[data-density=compact] .knob .cap,.devcard[data-density=compact] .fader .cap,.devcard[data-density=compact] .wheel .cap,.devcard[data-density=compact] .cell .ic{display:none}.devcard[data-density=compact] .cellgrid{gap:5px}.devcard[data-density=compact] .knob .dial{width:min(92cqw,92cqh);max-width:64px}.devcard[data-density=compact] .knob{gap:0}.devcard[data-density=compact] .btnbank{gap:4px}.gallery .octctl{display:none}.gallery .keybedwrap{padding-top:6px}.gallery .keybedwrap .felt{top:0;height:5px}.gallery .keybed{top:6px}.keybed .w{position:relative;flex:1 0 auto;cursor:pointer;touch-action:none;background:linear-gradient(180deg,#fff,#f2f5fc 72%,#dde3f0);border-left:1px solid #b9c0d2;border-right:1px solid #aab1c6;border-radius:0 0 5px 5px;box-shadow:inset 0 -10px 14px -10px #28325080}.keybed .w:first-child{border-left:0}.keybed .w:active,.keybed .w.lit{background:linear-gradient(180deg,#b9c8ff,#6f8bff 75%,#5274ff);box-shadow:inset 0 -8px 14px -8px #00002880}.keybed .b{position:absolute;top:0;height:60%;z-index:2;cursor:pointer;touch-action:none;background:linear-gradient(180deg,#2b3346,#161c2b 60%,#0c1018);border-radius:0 0 4px 4px;border:1px solid #05070c;box-shadow:0 4px 6px #0009,inset 0 1px #ffffff2e,inset 0 -3px 4px #00000080}.keybed .b:after{content:"";position:absolute;top:8%;right:12%;bottom:70%;left:12%;border-radius:3px;background:linear-gradient(180deg,rgba(255,255,255,.22),transparent)}.keybed .b:active,.keybed .b.lit{background:linear-gradient(180deg,#8c6bff,#5b3fe0)}.devcard[data-mpe] .keybedwrap{background:linear-gradient(180deg,#14161e,#0a0b10)}.devcard[data-mpe] .keybed .w{background:linear-gradient(180deg,#2b2f3c,#20242f 70%,#171a23);border-left:1px solid #0c0e15;border-right:1px solid #0c0e15;box-shadow:inset 0 -10px 16px -10px #0009,inset 0 1px #ffffff0a}.devcard[data-mpe] .keybed .b{background:linear-gradient(180deg,#15171f,#0c0e14);height:56%;box-shadow:0 3px 6px #0009,inset 0 1px #ffffff0f}.devcard[data-mpe] .keybed .w.lit,.devcard[data-mpe] .keybed .w:active,.devcard[data-mpe] .keybed .b.lit,.devcard[data-mpe] .keybed .b:active{background:linear-gradient(180deg,var(--accent),color-mix(in srgb,var(--accent) 55%,#000));box-shadow:0 0 18px 2px var(--accent),inset 0 1px #ffffff40}.devcard[data-mpe] .cell{border-radius:26%;box-shadow:inset 0 1px #ffffff0f,inset 0 -2px 8px #0006,0 0 0 1px #ffffff05}.knob{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:3px;min-height:0;min-width:0;container-type:size}.knob .dial{width:min(80cqw,80cqh);aspect-ratio:1/1;max-width:72px;border-radius:50%;position:relative;cursor:ns-resize;touch-action:none;background:radial-gradient(circle at 50% 32%,#444c62,#1a1e28 80%);border:1px solid #4a5169;box-shadow:0 4px 10px #00000073,inset 0 2px 3px #ffffff1f,inset 0 -3px 6px #00000080}.knob .dial:before{content:"";position:absolute;top:14%;right:14%;bottom:14%;left:14%;border-radius:50%;background:radial-gradient(circle at 50% 30%,#353c4e,#181c25 80%);box-shadow:inset 0 1px 2px #ffffff14}.knob .dial:after{content:"";position:absolute;left:50%;top:10%;width:3px;height:34%;background:var(--accent);border-radius:2px;transform-origin:50% 150%;transform:translate(-50%) rotate(var(--ang, 0deg));box-shadow:0 0 6px var(--accent);z-index:2}.knob .dial.endless{outline:1px dashed rgba(255,255,255,.18);outline-offset:2px}.knob .cap{font-size:8px;color:var(--mut);display:flex;gap:3px;align-items:baseline;line-height:1;white-space:nowrap}.cap .val{color:var(--accent);font-weight:800;font-variant-numeric:tabular-nums}.jog{width:min(96cqw,96cqh);aspect-ratio:1/1;border-radius:50%;position:relative;cursor:grab;touch-action:none;background:radial-gradient(circle at 50% 36%,#2b3142,#0f131b 74%);border:1px solid #3a4458;box-shadow:0 8px 20px #0000008c,inset 0 2px 4px #ffffff14,inset 0 -8px 18px #0009}.jog:active{cursor:grabbing}.jog:before{content:"";position:absolute;top:15%;right:15%;bottom:15%;left:15%;border-radius:50%;background:repeating-radial-gradient(circle at 50% 50%,#161b26 0,#161b26 2px,#1b2130 2px,#1b2130 4px);box-shadow:inset 0 1px 2px #ffffff0f,0 1px 2px #00000080}.jog .jog-mark{position:absolute;top:0;right:0;bottom:0;left:0;border-radius:50%;transform:rotate(var(--ang, 0deg));z-index:2;pointer-events:none}.jog .jog-mark:after{content:"";position:absolute;left:50%;top:7%;width:9%;aspect-ratio:1/1;margin-left:-4.5%;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.jog .jog-hub{position:absolute;top:33%;right:33%;bottom:33%;left:33%;border-radius:50%;z-index:3;display:flex;align-items:center;justify-content:center;text-align:center;line-height:1;font-weight:800;font-size:min(9px,13cqh);color:var(--accent);background:linear-gradient(180deg,#39435a,#1a1f2b);border:1px solid #4a5572;box-shadow:inset 0 1px #ffffff1f;pointer-events:none}.fader{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:100%;min-height:0}.fader .track{position:relative;width:9px;flex:1 1 auto;min-height:22px;background:linear-gradient(90deg,#0a0d14,#161b27,#0a0d14);border:1px solid #2c3344;border-radius:6px;cursor:ns-resize;touch-action:none;box-shadow:inset 0 2px 5px #0009}.fader .cap-h{position:absolute;left:50%;width:28px;height:14px;margin-left:-14px;bottom:var(--pos, 50%);transform:translateY(50%);border-radius:4px;background:linear-gradient(180deg,#6a78d6,#36406e);border:1px solid #161d33;box-shadow:0 3px 6px #00000080,inset 0 1px #ffffff40}.fader .cap-h:after{content:"";position:absolute;left:3px;right:3px;top:50%;height:2px;background:#0006;border-radius:2px}.fader .cap{font-size:8px;color:var(--mut);display:flex;gap:3px;align-items:baseline;line-height:1;white-space:nowrap}.fader.horiz{flex-direction:column;justify-content:center;align-items:stretch;width:100%}.fader.horiz .track{width:100%;height:10px;flex:0 0 auto;min-height:10px;cursor:ew-resize;background:linear-gradient(180deg,#0a0d14,#161b27,#0a0d14)}.fader.horiz .cap-h{left:var(--pos, 50%);top:50%;bottom:auto;width:16px;height:26px;margin-left:-8px;transform:translateY(-50%)}.fader.horiz .cap-h:after{left:50%;right:auto;top:3px;bottom:3px;width:2px;height:auto;transform:translate(-50%)}.fader.horiz .cap{align-self:center}.wheel{display:flex;flex-direction:column;align-items:center;justify-content:center;gap:4px;height:100%;min-height:0}.wheel .body{position:relative;width:72%;max-width:40px;flex:1 1 auto;min-height:30px;border-radius:20px;cursor:ns-resize;overflow:hidden;touch-action:none;background:repeating-linear-gradient(180deg,#11141d 0,#11141d 3px,#1b2030 3px,#1b2030 6px);border:1px solid #2c3344;box-shadow:inset 3px 0 6px #00000080,inset -3px 0 6px #00000080,inset 0 0 0 1px #ffffff08}.wheel .grip{position:absolute;left:8%;right:8%;height:12px;bottom:var(--pos, 50%);border-radius:4px;background:linear-gradient(180deg,#7280cf,#2c3358);box-shadow:0 2px 4px #00000080,inset 0 1px #ffffff40}.wheel .cap{font-size:9px;color:var(--mut)}.breath{display:flex;flex-direction:column;align-items:center;justify-content:flex-end;gap:3px;height:100%;min-height:0}.breath .sensor{position:relative;width:62%;max-width:30px;flex:1 1 auto;min-height:34px;border-radius:9px;overflow:hidden;cursor:ns-resize;touch-action:none;background:linear-gradient(180deg,#0a0d14,#12161f);border:1px solid #2c3344;box-shadow:inset 0 2px 6px #0009,inset 0 0 0 1px #ffffff05}.breath .sensor:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background:repeating-linear-gradient(0deg,transparent 0 7px,rgba(255,255,255,.04) 7px 8px);pointer-events:none;z-index:2}.breath .fill{position:absolute;left:0;right:0;bottom:0;height:var(--lvl, 0%);border-radius:0 0 8px 8px;background:linear-gradient(180deg,color-mix(in srgb,var(--accent) 70%,#fff),var(--accent));box-shadow:0 0 12px var(--accent);transition:height .04s linear}.breath .cap{font-size:9px;font-weight:700;letter-spacing:.5px;color:var(--mut)}.screen{background:linear-gradient(180deg,#07221d,#04120d);border:1px solid #1c5a44;border-radius:7px;color:#6ef0c0;font-family:ui-monospace,Menlo,monospace;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;padding:4px;text-align:center;width:100%;height:100%;box-shadow:inset 0 0 12px #00ffb41f;overflow:hidden;container-type:size}.screen .scr-title{font-weight:800;font-size:min(11px,38cqh);line-height:1.05;letter-spacing:.5px;color:#9af7d2;opacity:.85;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.screen .scr-line{font-size:min(10px,32cqh);line-height:1.05;color:#6ef0c0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;max-width:100%}.touchstrip{width:100%;height:100%;min-height:28px;background:linear-gradient(90deg,#11151f,#232b3c,#11151f);border:1px solid #2c3344;border-radius:9px;cursor:pointer;position:relative;touch-action:none;box-shadow:inset 0 2px 5px #00000080}.touchstrip .fillbar{position:absolute;left:0;top:0;bottom:0;width:var(--pos, 0%);background:linear-gradient(90deg,#2e5bff55,#2e5bffcc);border-radius:9px}.jack{width:100%;height:100%;min-height:24px;display:flex;align-items:center;justify-content:center;gap:6px;color:var(--mut);font-size:10px;border:1px dashed #333a49;border-radius:8px}.jack .hole{width:13px;height:13px;border-radius:50%;background:radial-gradient(circle at 50% 35%,#1a1f2b,#05070c);border:2px solid #4a5169}.brand{display:flex;align-items:center;justify-content:space-between;margin-top:15px;padding:0 4px}.brand .model{font-weight:800;letter-spacing:.5px;color:#d3daee;font-size:14px}.brand .vendor{display:flex;align-items:center;gap:7px;color:#9aa3bd;font-size:12px;font-weight:700;letter-spacing:1px;text-transform:uppercase}.brand .vendor .vd{width:14px;height:14px;border-radius:50%;background:var(--accent);box-shadow:0 0 8px var(--accent)}.devlist{display:flex;flex-direction:column;gap:6px;margin-bottom:6px}.devrow{display:flex;align-items:center;gap:8px;font-size:13px;padding:8px 10px;background:var(--panel2);border:1px solid var(--line);border-radius:9px}.single-sel{margin-bottom:14px}.picker-row{display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin-bottom:14px}.picker-row>*{flex:1 1 170px}.palette{display:grid;grid-template-columns:repeat(8,1fr);gap:6px;margin-top:8px}.sw{aspect-ratio:1/1;border-radius:6px;cursor:pointer;border:2px solid transparent;box-shadow:inset 0 1px #ffffff40}.sw.sel{border-color:#fff}.foot{color:var(--mut);font-size:12px;text-align:center;line-height:1.6;margin-top:18px}.foot.tmnote{font-size:11px;opacity:.72;margin-top:6px;max-width:60ch;margin-left:auto;margin-right:auto}@media (prefers-reduced-motion: reduce){*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important;scroll-behavior:auto!important}}