
.fx-row{display:grid;grid-template-columns:1.4fr 1.2fr .75fr 1.05fr 1.1fr .75fr .7fr;gap:4px;align-items:end;border-top:1px dashed #263140;padding-top:5px}
.fx-row label{display:grid;gap:2px;color:#8d99a8;font-size:.47rem;font-weight:800}
.fx-row label span{font-variant-numeric:tabular-nums;color:#c0c9d5}
.fx-row input{width:100%;padding:0;accent-color:#b8914f}
.fx-row select,.fx-row button{min-height:26px;border:1px solid #344154;border-radius:6px;background:#0d131b;color:#aeb8c5;font-size:.51rem;font-weight:900;padding:2px 4px}
.fx-row button.active{background:#8b6334;border-color:#c29252;color:#fff1c9}
.stem-ms{grid-template-columns:repeat(3,1fr)}
.stem-ms button[data-stem-fx].on{background:#24493b;border-color:#43856a;color:#c0f0dc}
.sampler-rack{margin-top:8px;border:1px solid #293545;border-radius:10px;background:#080c11;padding:8px}
.sampler-head{display:flex;align-items:center;gap:7px;flex-wrap:wrap;margin-bottom:7px}
.sampler-head>strong{color:var(--gold);font-size:.68rem;letter-spacing:.06em}
.sampler-head label{display:flex;align-items:center;gap:4px;color:var(--muted);font-size:.54rem}
.sampler-head select,.sampler-head button{border:1px solid #354254;border-radius:6px;background:#0d131b;color:#b4bfcc;min-height:28px;font-size:.54rem;font-weight:900}
.sampler-head input{width:90px;accent-color:var(--gold)}
.sampler-slots{display:grid;grid-template-columns:repeat(4,minmax(120px,1fr));gap:5px}
.sampler-slot{border:1px solid #293544;border-radius:8px;background:#0b1118;padding:5px;display:grid;gap:4px}
.sampler-slot.assigned{border-color:#466756}
.sampler-slot.playing{box-shadow:inset 0 0 0 2px #5fc69a;background:#0c1b16}
.sampler-slot>div:first-child{display:flex;gap:5px;min-width:0}
.sampler-slot strong{color:var(--gold);font-size:.58rem}
.sampler-slot span{font-size:.55rem;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}
.sampler-actions{display:grid;grid-template-columns:repeat(4,1fr);gap:3px}
.sampler-actions button{min-height:27px;border:1px solid #344154;border-radius:5px;background:#111821;color:#aeb8c5;font-size:.48rem;font-weight:900;padding:0}
.sampler-actions button:first-child:not(:disabled){background:#274c3e;color:#c8f6e2;border-color:#43866c}
.sampler-slot label{display:flex;align-items:center;gap:4px;color:#7f8b99;font-size:.48rem}
.sampler-slot input{width:100%;accent-color:#8bcfb4}
.sampler-slot small{font-size:.45rem;color:#738092}
@media(max-width:900px){.fx-row{grid-template-columns:repeat(4,1fr)}.sampler-slots{grid-template-columns:repeat(2,1fr)}}
@media(max-width:560px){.sampler-slots{grid-template-columns:1fr}.fx-row{grid-template-columns:repeat(2,1fr)}}
