.smx{margin:12px 0;padding:14px;border-radius:14px;background:linear-gradient(180deg,rgba(18,25,36,.92),rgba(12,18,28,.92));border:1px solid rgba(110,150,220,.3);color:#e8f0ff;display:grid;gap:10px}
.smx[hidden]{display:none}
.smx-title{font:900 12px/1 Lato,Arial,sans-serif;letter-spacing:.16em;text-transform:uppercase;color:#7fd0ff}
.smx-row{display:grid;grid-template-columns:minmax(110px,1fr) 2fr 64px;gap:10px;align-items:center;font:700 13px/1.2 Lato,Arial,sans-serif}
.smx-row input[type=range]{width:100%;accent-color:#5ec8ff}
.smx-row output{font:800 12px/1 Lato,Arial,sans-serif;color:#ffcf7a;text-align:right}
.smx-sw{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:8px}
.smx-sw label{display:flex;gap:8px;align-items:center;font:700 13px/1.25 Lato,Arial,sans-serif;cursor:pointer}
.smx-sw input{accent-color:#5ec8ff;width:18px;height:18px}
.smx-hint{margin:0;font:400 12px/1.4 Lato,Arial,sans-serif;color:#9fb0c8}
@media (max-width:560px){.smx-row{grid-template-columns:1fr 64px}.smx-row .smx-l{grid-column:1/-1}}
.smx.smx-idle .smx-row,.smx.smx-idle .smx-sw,.smx.smx-idle .smx-gate{opacity:.55}
.smx-combine{display:flex;gap:8px;align-items:center;font:800 13px/1.25 Lato,Arial,sans-serif;cursor:pointer;padding:8px 10px;border-radius:10px;background:rgba(94,200,255,.1);border:1px solid rgba(94,200,255,.35)}
.smx-combine input{accent-color:#5ec8ff;width:18px;height:18px}
.smx-combine[hidden]{display:none}
.smx-gate{display:flex;flex-wrap:wrap;gap:10px;align-items:center;font:700 13px/1.25 Lato,Arial,sans-serif}
.smx-gate label{display:flex;gap:8px;align-items:center;cursor:pointer}
.smx-gate input[type=checkbox]{accent-color:#5ec8ff;width:18px;height:18px}
.smx-gate select{font:700 13px/1 Lato,Arial,sans-serif;padding:6px 8px;border-radius:8px;background:#0c121c;color:#e8f0ff;border:1px solid rgba(110,150,220,.4)}