
/* SoulOne LIVE v0.6 — ordered, uncluttered console */
#downloadPanel[hidden],#downloadPrompt[hidden],#readyPill[hidden]{display:none!important}
.meter-title{margin:13px 3px 9px}
.meter-title .legend{gap:8px}
.meter-title strong{letter-spacing:-.02em}
#mixer.mixer.clean-mixer{display:grid;grid-template-columns:190px minmax(0,1fr) 98px;align-items:stretch;gap:10px;overflow:visible;padding:0 0 11px;scroll-snap-type:none}
.clean-group{min-width:0;border:1px solid #cfdeeb;background:linear-gradient(180deg,#f7fbff,#eef5fa);border-radius:13px;padding:7px 7px 8px}
.clean-group h3{font-size:10px;letter-spacing:.1em;text-transform:uppercase;font-weight:900;color:#66849e;margin:2px 3px 9px;display:flex;align-items:center;justify-content:space-between;gap:4px;white-space:nowrap}
.clean-group h3 small{font-size:9px;color:#96a9b9;font-weight:750}
.clean-rail{display:flex;gap:7px;align-items:stretch;min-width:0;min-height:238px}
.clean-group--music .clean-rail{overflow-x:auto;scrollbar-color:#aecbde transparent;scroll-snap-type:x proximity;overscroll-behavior-x:contain;padding-bottom:4px}
.clean-group--monitor .clean-rail,.clean-group--master .clean-rail{overflow:hidden}
#mixer .strip{flex:0 0 83px;min-width:83px;max-width:83px;min-height:232px;box-shadow:none;background:#fff;border:1px solid #d4e2ed;border-radius:10px;overflow:hidden;scroll-snap-align:start;padding-bottom:5px}
#mixer .strip:hover{transform:none;box-shadow:0 2px 8px #20476514}
#mixer .strip.is-selected{border-color:#1680d5;box-shadow:0 0 0 2px #1591e82b}
#mixer .striphead{min-height:57px;max-height:57px;padding:8px 6px 6px;background:linear-gradient(#fff,#f6faff)!important;border-top:3px solid var(--channel-accent,#6e91ae);color:#223d53;display:flex;align-items:stretch;justify-content:space-between}
#mixer .striphead .track-head-row{display:flex;align-items:start;gap:3px;width:100%}
#mixer .striphead .track-title{display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;line-clamp:2;overflow:hidden;word-break:normal;overflow-wrap:normal;hyphens:none;text-align:left;line-height:1.16;font-size:10px;color:#213d54;font-weight:850;white-space:normal}
#mixer .striphead .emoji{display:none}
#mixer .striphead .route-chip{display:inline-flex;flex:0 0 auto;align-items:center;justify-content:center;border-radius:5px;background:#eaf1f8;color:#4c6c86;border:1px solid #d4e2ed;min-width:22px;font-size:10px;font-weight:950;padding:3px}
#mixer .strip[data-role=click] .route-chip,#mixer .strip[data-role=guide] .route-chip{background:#fff0db;border-color:#efcf9e;color:#9f671a}
#mixer .strip .faderbox{height:136px;padding:8px 4px 4px;gap:5px}
#mixer .strip .meter{height:115px;width:9px;background:#e6eef5;box-shadow:inset 0 1px 2px #0002}
#mixer .strip .meter i{background:linear-gradient(to top,#159c82 0%,#21bd83 60%,#ffc745 85%,#ed5757 98%)}
#mixer .strip .v-range{height:115px;width:32px}
#mixer .strip .v-range::-webkit-slider-thumb{width:30px;height:20px;border:1px solid #7c97ad;border-radius:5px;background:linear-gradient(#fefefe 0%,#e1edf7 43%,#a6bacd 47%,#f5fbff 55%,#d4e1ec 100%);box-shadow:0 2px 5px #223b595c;margin-left:-12px}
#mixer .strip .v-range::-moz-range-thumb{width:30px;height:20px;border:1px solid #7c97ad;border-radius:5px;background:#f6fbff}
#mixer .strip .db{font-size:11px;font-variant-numeric:tabular-nums;margin:0 0 6px;color:#254b68;letter-spacing:-.02em;font-weight:950}
#mixer .strip .dual{gap:4px;padding:0 5px}
#mixer .strip .dual button{height:30px;border-radius:7px}
#mixer .strip .role{margin:5px 0 0;font-size:9px;font-weight:850;color:#68849b;line-height:1.25}
#mixer .strip .role small{display:none}
#mixer .strip.master{background:#fff;max-width:83px;min-height:232px;flex-basis:83px}
#mixer .strip.master .striphead{background:#eaf1f8!important;border-color:#334f6b;color:#213c56;justify-content:center;align-items:center}
#mixer .strip.master .striphead .emoji{display:block;color:#314d69}
#mixer .strip.master .master-status{font-size:9px}
#readyPill{margin:0 0 10px;font-weight:800}
#readyPill.is-preparing{background:#e8f2fc;color:#23649a;border-color:#cadeef}
#readyPill.is-prep-error{background:#fff3e7;color:#9c5c17;border-color:#f0d2af}
#status.audio-preparing{background:#e8f2fc;color:#23649a}
#status.audio-ready{background:#e9f8f1;color:#157557}
#play:disabled{opacity:.58}
@media(min-width:1600px){#mixer.mixer.clean-mixer{grid-template-columns:198px minmax(0,1fr) 103px}#mixer .strip{flex-basis:88px;min-width:88px;max-width:88px}}
@media(max-width:800px){#mixer.mixer.clean-mixer{grid-template-columns:minmax(0,1fr) 95px;gap:7px}#mixer .clean-group--monitor{grid-column:1;grid-row:1}#mixer .clean-group--master{grid-column:2;grid-row:1}#mixer .clean-group--music{grid-column:1/-1;grid-row:2}#mixer .clean-group--monitor .clean-rail{justify-content:flex-start}#mixer .clean-group--music .clean-rail{min-height:230px}#mixer .clean-group--master .strip{min-height:232px}}
@media(max-width:500px){.clean-group{padding:6px}#mixer.mixer.clean-mixer{grid-template-columns:minmax(0,1fr) 93px;gap:6px}#mixer .strip{flex-basis:82px;min-width:82px;max-width:82px}#mixer .strip .faderbox{height:129px}#mixer .strip .meter,#mixer .strip .v-range{height:108px}#mixer .strip{min-height:225px}#mixer .strip.master{min-height:225px}}
