/* Full-size triggers and quiet, theme-matched menus for scene settings. */
:root{--menu-bg:#111719f5;--menu-ink:#dce4e6;--menu-border:#ffffff20;--menu-hover:#ffffff0a;--menu-selected:#ffffff10;--menu-accent:#e6edef;--menu-shadow:#0005}
:root[data-theme="light"]{--menu-bg:#fcfdfbf7;--menu-ink:#35464e;--menu-border:#263b4426;--menu-hover:#263b4409;--menu-selected:#263b4410;--menu-accent:#34454e;--menu-shadow:#263b441c}
:root[data-theme="snow"]{--menu-bg:#fbfdfff7;--menu-ink:#526984;--menu-border:#7e96b537;--menu-hover:#7e96b510;--menu-selected:#7e96b51c;--menu-accent:#3e5a7b;--menu-shadow:#5b72982b}
:root[data-theme="moonwake"]{--menu-bg:#111d31f7;--menu-ink:#c2d1e9;--menu-border:#bed3fa30;--menu-hover:#bed3fa0c;--menu-selected:#bed3fa16;--menu-accent:#d6e5fc;--menu-shadow:#02081566}
:root[data-theme="celestial"]{--menu-bg:#202c2df7;--menu-ink:#ddc596;--menu-border:#d9b87738;--menu-hover:#d9b8770a;--menu-selected:#d9b87716;--menu-accent:#edce97;--menu-shadow:#07101166}
:root[data-theme="cinder"]{--menu-bg:#29292cf7;--menu-ink:#ded2c8;--menu-border:#ebd4c130;--menu-hover:#e7a0710a;--menu-selected:#e7a07116;--menu-accent:#edb088;--menu-shadow:#11111366}
.center-control{border-radius:6px}
.center-control.select-ready{display:block;min-width:132px;padding:0!important;gap:0;transition:border-color .18s,box-shadow .18s}
.center-control.select-ready>.center-control-label,.center-control.select-ready:after{display:none}
.center-control.select-ready:focus-within{outline:0}
.center-control.select-ready.is-open{z-index:140;border-color:color-mix(in srgb,var(--menu-ink) 40%,transparent)}
.scene-select-trigger{display:flex;align-items:center;gap:9px;width:100%;min-height:34px;padding:0 11px;border:0;border-radius:5px;background:transparent;color:inherit;font:inherit;cursor:pointer;white-space:nowrap;text-align:left}
.scene-select-trigger:hover{background:var(--menu-hover)}
.scene-select-trigger:focus-visible{outline:2px solid color-mix(in srgb,var(--menu-ink) 65%,transparent);outline-offset:3px}
.scene-select-label{font-size:8px;opacity:.65;letter-spacing:.25px}
.scene-select-value{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;text-align:right;font-size:10px;color:var(--menu-ink)}
.scene-select-chevron{width:5px;height:5px;margin:-3px 1px 0 3px;flex-shrink:0;border-right:1px solid currentColor;border-bottom:1px solid currentColor;transform:rotate(45deg);transition:transform .18s,margin .18s;opacity:.7}
.scene-select-trigger[aria-expanded="true"] .scene-select-chevron{transform:rotate(225deg);margin-top:3px}
.scene-select-menu{position:absolute;top:calc(100% + 7px);right:0;z-index:150;min-width:max(100%,174px);max-width:calc(100vw - 32px);max-height:min(292px,45svh);overflow:auto;margin:0;padding:5px;list-style:none;border:1px solid var(--menu-border);border-radius:9px;background:var(--menu-bg);color:var(--menu-ink);box-shadow:0 12px 38px var(--menu-shadow),inset 0 1px 0 #ffffff06;backdrop-filter:blur(22px);scrollbar-width:thin;scrollbar-color:var(--menu-border) transparent;overscroll-behavior:contain;cursor:default}
.scene-select-option{position:relative;display:flex;align-items:center;justify-content:space-between;gap:18px;min-height:34px;padding:8px 10px;border-radius:5px;color:var(--menu-ink);font-size:11px;line-height:1.3;letter-spacing:.1px;cursor:pointer;user-select:none}
.scene-select-option:hover,.scene-select-option.is-active{background:var(--menu-hover)}
.scene-select-option.is-selected{color:var(--menu-accent);background:var(--menu-selected);font-weight:500}
.scene-select-option:after{content:'';width:5px;height:9px;margin:-3px 3px 0 0;flex-shrink:0;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(45deg);opacity:0}
.scene-select-option.is-selected:after{opacity:1}
.scene-select-option[aria-disabled="true"]{opacity:.4;cursor:default}
@media(min-width:681px) and (max-width:1100px){
  .scene-controls .center-control.select-ready{min-width:0}
  .scene-controls .scene-select-trigger{gap:5px;padding:0 7px}
  .scene-controls .scene-select-label{font-size:7px}
  .scene-controls .scene-select-value{font-size:9px}
}
@media(max-width:680px){
  .center-control.select-ready{min-width:0}
  .scene-select-trigger{gap:5px;padding:0 8px}
  .scene-select-label{font-size:7px}
  .scene-select-value{font-size:9px}
  .scene-select-menu{min-width:164px}
  .scene-select-option{min-height:40px;padding:10px;font-size:12px}
}