.fx-sheet{max-width:560px}
.fx-tabs{display:grid;grid-template-columns:1fr 1fr;gap:6px;padding:4px;margin:6px 0 4px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r2)}
.fx-tabs button{display:flex;align-items:center;justify-content:center;gap:8px;height:40px;border-radius:7px;font-weight:700;font-size:13.5px;color:var(--dim);transition:background .15s,color .15s}
.fx-tabs button .ic{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fx-tabs button.on{background:var(--s4);color:var(--txt)}
.fx-tabs button.on .ic{color:var(--g)}
.fx-sub{transition:opacity .2s}
.fx-sub.dis{opacity:.38;pointer-events:none}
.fx-bind{display:flex;gap:8px;align-items:center;margin-top:8px}
.fx-keybtn{flex:1;height:46px;border-radius:var(--r2);background:var(--s3);border:1px solid var(--line2);font-weight:800;font-size:15px;letter-spacing:.02em;direction:ltr;color:var(--txt);transition:border-color .15s,background .15s}
.fx-keybtn:hover{background:var(--s4)}
.fx-keybtn.rec{border-color:var(--g);background:var(--g-soft);color:var(--g);animation:fxpulse 1.1s ease-in-out infinite}
.fx-bind .btn.sm{height:46px}
.fx-hint{color:var(--dim);font-size:12px;line-height:1.8;margin:6px 0 0}
.fx-val{float:left;color:var(--dim);font-weight:700;letter-spacing:0;direction:ltr}
.fx-sheet .grp-t{overflow:hidden}
.fx-test{display:flex;align-items:center;gap:12px;margin-top:18px;padding:12px 14px;background:var(--bg);border:1px solid var(--line);border-radius:var(--r2);font-size:12.5px;color:var(--dim)}
.fx-lvl{flex:none;width:96px;height:8px;border-radius:4px;background:var(--s4);overflow:hidden;opacity:.5;transition:opacity .15s}
.fx-lvl.open{opacity:1}
.fx-lvl i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--g),#b8ff6b);border-radius:4px;transition:width .07s linear}
.fx-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin-top:10px}
.fx-card{display:flex;flex-direction:column;align-items:center;gap:2px;padding:12px 6px 10px;border-radius:var(--r2);background:var(--s2);border:1px solid var(--line);text-align:center;transition:transform .12s,background .15s,border-color .15s}
.fx-card:hover{background:var(--s3);transform:translateY(-1px)}
.fx-card:active{transform:scale(.97)}
.fx-card .fx-em{font-size:27px;line-height:1.25}
.fx-card b{font-size:13px;font-weight:800}
.fx-card small{font-size:11px;color:var(--dim);line-height:1.5}
.fx-card.on{background:var(--g-soft);border-color:var(--g-line);box-shadow:0 0 0 1px var(--g-line) inset}
.fx-card.on b{color:var(--g)}
.fx-sheet input[type=range]{margin-top:12px}
.fx-sheet .acts{margin-top:16px}
.cbtn.ptt::before{content:"PTT";position:absolute;bottom:-4px;inset-inline-end:-4px;padding:1px 5px;border-radius:7px;background:var(--g);color:var(--g-ink);font:800 9px/1.3 var(--en);letter-spacing:.04em;z-index:2}
.fx-hud{position:fixed;z-index:120;left:50%;bottom:calc(86px + var(--sab));transform:translateX(-50%);display:flex;align-items:center;gap:12px;min-width:230px;max-width:calc(100vw - 24px);padding:10px 18px 10px 12px;border-radius:999px;background:rgba(20,26,22,.92);backdrop-filter:blur(12px);border:1px solid var(--line2);box-shadow:0 10px 34px rgba(0,0,0,.5);cursor:pointer;user-select:none;-webkit-user-select:none;touch-action:none;transition:border-color .15s,box-shadow .2s,transform .12s,background .15s}
.fx-hud.hidden{display:none}
.fx-hud:active{transform:translateX(-50%) scale(.97)}
.fx-ring{flex:none;width:44px;height:44px;border-radius:50%;display:grid;place-items:center;background:var(--s4);color:var(--dim);transition:background .15s,color .15s,box-shadow .2s}
.fx-ring svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.9;stroke-linecap:round;stroke-linejoin:round}
.fx-tx{display:flex;flex-direction:column;min-width:0;flex:1}
.fx-tx b{font-size:13.5px;font-weight:800;line-height:1.5}
.fx-tx small{font-size:11.5px;color:var(--dim);line-height:1.5;direction:ltr;text-align:start}
.fx-hud.mic-off .fx-tx small{direction:rtl}
.fx-hud.live .fx-tx small{direction:rtl}
.fx-meter{position:absolute;left:22px;right:22px;bottom:5px;height:3px;border-radius:2px;overflow:hidden;opacity:0;transition:opacity .15s}
.fx-meter i{display:block;height:100%;width:100%;transform-origin:left;transform:scaleX(0);background:var(--g);border-radius:2px}
.fx-hud.live{border-color:var(--g);background:rgba(14,32,22,.94);box-shadow:0 0 0 1px var(--g-line),0 0 34px rgba(55,225,124,.28),0 10px 34px rgba(0,0,0,.5)}
.fx-hud.live .fx-ring{background:var(--g);color:var(--g-ink);box-shadow:0 0 0 6px rgba(55,225,124,.18);animation:fxpulse 1.2s ease-in-out infinite}
.fx-hud.live .fx-meter{opacity:1}
.fx-hud.mic-off .fx-ring{background:var(--red-soft);color:var(--red)}
@keyframes fxpulse{50%{opacity:.78}}
@media (max-width:700px){.fx-hud{bottom:calc(74px + var(--sab));min-width:0;width:calc(100vw - 32px);justify-content:flex-start}.fx-grid{grid-template-columns:repeat(2,1fr)}}
@media (prefers-reduced-motion:reduce){.fx-hud.live .fx-ring,.fx-keybtn.rec{animation:none}}