/* Default menu surface: opaque matte olive glass, restrained glazing and a soft shadow. */
.site-page :is(.dropdown-menu,.lounge-dropdown,.explorer-matches,.explorer-sort-menu) {
  --bs-dropdown-bg:rgba(35,49,39,.95); --bs-dropdown-color:var(--lounge-text);
  --bs-dropdown-link-color:var(--lounge-text); --bs-dropdown-link-hover-color:var(--lounge-heading);
  --bs-dropdown-link-hover-bg:rgba(194,202,163,.12);
  color:var(--lounge-text); background:linear-gradient(145deg,rgba(147,162,120,.1),transparent 65%),rgba(35,49,39,.95);
  border:1px solid var(--lounge-line); border-radius:.65rem;
  backdrop-filter:blur(24px) saturate(.9); -webkit-backdrop-filter:blur(24px) saturate(.9);
  box-shadow:inset 0 1px 0 var(--lounge-glaze),0 .5rem 1.5rem rgba(7,16,10,.25);
}
.site-page .dropdown-item:is(:hover,:focus) { color:var(--lounge-heading); background:var(--bs-dropdown-link-hover-bg); }
.site-page select option { background:#233127; color:var(--lounge-text); }
.workshop-picker { display:flex; flex:none; align-items:center; }
.workshop-picker>button { --bs-btn-padding-x:0; --bs-btn-padding-y:.45rem; display:flex; flex:none; height:2.25rem; }
.site-page .workshop-picker>button.btn.lounge-action:is(:hover,:focus-visible,:active,[aria-expanded=true]) { background:transparent; border-color:transparent; box-shadow:none; text-shadow:0 0 .8rem rgba(220,232,172,.8); }
.workshop-picker>button>span { display:block; flex:none; width:calc(10ch + .2em); overflow:hidden; text-overflow:ellipsis; white-space:nowrap; font:1.25rem/1.1 var(--bs-font-monospace); letter-spacing:.02em; }
.workshop-picker-menu { position:fixed; z-index:300; display:flex; flex-direction:column; gap:.75rem; padding:1.1rem; animation:studio-picker-expand .18s ease-out both; }
.site-page .workshop-picker-menu { box-shadow:inset 0 1px 0 var(--lounge-glaze),0 0 1.25rem rgba(194,202,151,.2),0 .5rem 1.5rem rgba(7,16,10,.25); }
@keyframes studio-picker-expand { from { opacity:0; scale:.38 .14; } to { opacity:1; scale:1; } }
@media (prefers-reduced-motion:reduce) { .workshop-picker-menu { animation:none; } }
.workshop-picker-menu .form-control { color:var(--lounge-heading); background:rgba(17,29,21,.7); border-color:var(--lounge-line); }
.workshop-picker-menu .form-control:focus { border-color:var(--lounge-focus); box-shadow:none; }
.workshop-picker-options { overflow:auto; min-height:0; max-height:18rem; overscroll-behavior:contain; scrollbar-width:thin; scrollbar-color:rgba(178,184,164,.55) transparent; }
.workshop-picker-options::-webkit-scrollbar { width:5px; }
.workshop-picker-options::-webkit-scrollbar-track { background:transparent; }
.workshop-picker-options::-webkit-scrollbar-thumb { background:linear-gradient(rgba(194,202,173,.6),rgba(133,148,117,.6)); border-radius:9px; }
.workshop-picker-options::-webkit-scrollbar-thumb:hover { background:rgba(194,202,173,.8); }
.workshop-picker-options::-webkit-scrollbar-button { display:none; }
.workshop-picker-options button { display:flex; align-items:center; gap:.75rem; width:100%; padding:.85rem; border:1px solid transparent; border-radius:.35rem; color:var(--lounge-text); background:transparent; text-align:left; }
.workshop-picker-options button>span:first-of-type { flex:1; overflow-wrap:anywhere; }
.workshop-picker-options button:is(:hover,:focus-visible,[data-highlighted=true]) { color:var(--lounge-heading); background:rgba(194,202,163,.1); border-color:var(--lounge-line); }
.workshop-picker-options button[aria-selected=true] { font-weight:600; }
.workshop-picker-options svg { width:1rem; height:1rem; fill:none; stroke:currentColor; stroke-width:1.4; flex-shrink:0; }