/* A sound palette that belongs to the same spectrum as the live network. */
body .graph-sharing .sound-studio{
 --sound-volume:20%;display:block;width:520px;max-width:100%;min-width:0;
 margin-top:14px;padding:16px;border:1px solid transparent;border-radius:14px;
 background:linear-gradient(var(--ui-bg,#0a1622),var(--ui-bg,#0a1622)) padding-box,linear-gradient(125deg,var(--scene-b,#775cce),var(--scene-a,#60d3b6),var(--scene-c,#ffa690)) border-box;
 color:var(--ui-text,#edf3fa);box-shadow:0 12px 30px #0003;
}
.sound-studio-heading{display:flex;justify-content:space-between;align-items:center;gap:12px;flex-wrap:wrap;margin-bottom:13px}
.sound-studio-heading>span:first-child{font:500 8px/1.5 var(--font);letter-spacing:1.8px;color:var(--ui-muted,#a4b6c8)}
.sound-activity{display:inline-flex;gap:6px;align-items:center;font:9px/1.5 var(--font);color:var(--ui-text,#dce6ee)}
.sound-activity>i{width:4px;height:4px;border-radius:50%;background:var(--scene-a,#60d3b6);box-shadow:0 0 9px color-mix(in srgb,var(--scene-a,#60d3b6) 35%,transparent)}
.sound-profile-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;min-width:0}
body .graph-sharing button.sound-profile{
 position:relative;display:flex;align-items:center;justify-content:flex-start;gap:11px;
 width:100%;min-width:0;min-height:74px;margin:0;padding:13px 11px;text-align:left;
 border:1px solid var(--ui-border,#405467);border-radius:10px;
 background:var(--ui-fill,#142331);color:var(--ui-text,#edf3fa);
 transition:border-color .18s,background .18s,box-shadow .18s;
}
body .graph-sharing button.sound-profile:hover{border-color:var(--scene-a,#60d3b6);background:color-mix(in srgb,var(--scene-a,#60d3b6) 7%,var(--ui-fill,#142331))}
body .graph-sharing button.sound-profile[aria-checked=true]{
 border-color:var(--scene-a,#60d3b6);
 background:linear-gradient(120deg,color-mix(in srgb,var(--scene-b,#775cce) 22%,var(--ui-bg,#0a1622)),color-mix(in srgb,var(--scene-a,#60d3b6) 10%,var(--ui-bg,#0a1622)));
 box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--scene-a,#60d3b6) 18%,transparent),0 0 18px color-mix(in srgb,var(--scene-b,#775cce) 9%,transparent);
}
body .graph-sharing button.sound-profile:focus-visible{outline:2px solid var(--ui-focus,#c9e7f9);outline-offset:3px;z-index:1}
body .graph-sharing button.sound-profile>svg{width:26px;height:26px;flex:none;stroke:var(--scene-a,#60d3b6);stroke-width:1.1;fill:none;stroke-linecap:round;stroke-linejoin:round}
body .graph-sharing button.sound-profile>span{display:grid;gap:4px;min-width:0;padding-right:9px}
body .graph-sharing button.sound-profile strong{font:500 12px/1.4 var(--font);color:var(--ui-text,#edf3fa);overflow-wrap:anywhere}
body .graph-sharing button.sound-profile small{font:9px/1.5 var(--font);color:var(--ui-muted,#a4b6c8);letter-spacing:0;overflow-wrap:anywhere}
.sound-profile-check{position:absolute;right:9px;top:9px;width:5px;height:5px;border-radius:50%;background:transparent}
[aria-checked=true]>.sound-profile-check{background:var(--scene-a,#60d3b6);box-shadow:0 0 8px color-mix(in srgb,var(--scene-a,#60d3b6) 40%,transparent)}
.sound-volume-heading{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:15px;font:10px/1.5 var(--font);color:var(--ui-muted,#a4b6c8)}
.sound-volume-heading label{cursor:pointer}
.sound-volume-heading output{font-variant-numeric:tabular-nums;color:var(--ui-text,#edf3fa)}
body .graph-sharing .sound-studio input[type=range]{display:block;appearance:none;-webkit-appearance:none;width:100%;max-width:100%;height:44px;min-height:44px;margin:0;padding:0;background:transparent;border:0;cursor:pointer;accent-color:var(--scene-a,#60d3b6)}
.sound-studio input[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:6px;background:linear-gradient(90deg,var(--scene-b,#775cce),var(--scene-a,#60d3b6) var(--sound-volume),var(--ui-border,#405467) var(--sound-volume))}
.sound-studio input[type=range]::-webkit-slider-thumb{appearance:none;-webkit-appearance:none;width:15px;height:15px;margin-top:-5.5px;border:2px solid var(--ui-text,#edf3fa);border-radius:50%;background:var(--scene-a,#60d3b6);box-shadow:0 0 12px color-mix(in srgb,var(--scene-a,#60d3b6) 30%,transparent)}
.sound-studio input[type=range]::-moz-range-track{height:4px;border-radius:6px;background:var(--ui-border,#405467)}
.sound-studio input[type=range]::-moz-range-progress{height:4px;border-radius:6px;background:linear-gradient(90deg,var(--scene-b,#775cce),var(--scene-a,#60d3b6))}
.sound-studio input[type=range]::-moz-range-thumb{width:12px;height:12px;border:2px solid var(--ui-text,#edf3fa);border-radius:50%;background:var(--scene-a,#60d3b6)}
.sound-studio input[type=range]:focus-visible{outline:2px solid var(--ui-focus,#c9e7f9);outline-offset:0;border-radius:6px}
body .graph-sharing .sound-studio .sound-studio-note{margin:0;padding:0;border:0;font:9px/1.6 var(--font);color:var(--ui-muted,#a4b6c8)}
@media(max-width:550px){
 body .graph-sharing .sound-studio{padding:13px;margin-top:12px}
 body .graph-sharing button.sound-profile{gap:8px;padding:12px 9px;min-height:76px}
 body .graph-sharing button.sound-profile>svg{width:22px;height:22px}
 body .graph-sharing button.sound-profile strong{font-size:11px}
 body .graph-sharing button.sound-profile small{font-size:8px}
 .sound-studio-heading{gap:6px}
}
@media(max-height:550px) and (min-width:551px){
 body .is-theater .graph-sharing .sound-studio{position:fixed;top:80px;bottom:12px;left:40%;right:12px;width:auto;max-width:none;max-height:none;margin:0;overflow-y:auto;overscroll-behavior:contain}
}
@media(prefers-reduced-motion:reduce){body .graph-sharing button.sound-profile{transition:none}}
@media(forced-colors:active){
 body .graph-sharing .sound-studio,body .graph-sharing button.sound-profile{background:Canvas;color:CanvasText;border-color:ButtonText;box-shadow:none}
 body .graph-sharing button.sound-profile[aria-checked=true]{border-color:Highlight;outline:1px solid Highlight;outline-offset:-3px;background:Canvas}
 body .graph-sharing button.sound-profile>svg{stroke:CanvasText}
 [aria-checked=true]>.sound-profile-check{background:Highlight;box-shadow:none}
}

/* The sound editor opens only by explicit choice, independently of playback. */
body .graph-sharing .sound-settings-toggle[aria-expanded=true]{border-color:var(--scene-a,#60d3b6);background:var(--ui-selected,#26334b)}
body .graph-sharing .sound-studio-heading .sound-studio-close{flex:none;width:44px;min-width:44px;height:44px;min-height:44px;margin:-8px -7px -8px 0;padding:12px;border:0;background:transparent;border-radius:7px}
body .graph-sharing .sound-studio-heading .sound-studio-close:hover{background:var(--ui-fill,#142331)}
body .graph-sharing .sound-studio-close svg{width:18px;height:18px;stroke:currentColor;stroke-width:1.5;fill:none}