/* Menus: original products v0.4.18. Only the containing stage is an overlay. */
#gallery-glass { --gm-top-inset:28px; position:fixed; inset:0; z-index:20; pointer-events:none; }
#gallery-glass .gm-stage { height:100dvh; min-height:0; border-radius:0; background:none; overflow:hidden; }
#gallery-glass .gm-surface, #gallery-glass .gm-products-window { pointer-events:auto; }
#gallery-glass .gm-products-lockup, #gallery-glass .gm-products-lockup img { width:151.5px; height:30px; }
#gallery-glass .gm-products-lockup-dark { display:block!important; }
#gallery-glass .gm-products-lockup-light { display:none!important; }
#gallery-glass .gm-fallback-surface { background:#20242b52; backdrop-filter:blur(12px); box-shadow:inset 0 1px 2px #ffffffb3,inset 0 -2px 3px #0008,0 8px 16px #0004; border:1px solid #ffffff40; }
/* Neutral dark material, matching the existing top-right controls. */
#gallery-glass .gm-demo[data-gm-theme=dark] { --gm-ink:#f5f5f5; }
#gallery-glass .gm-demo[data-gm-theme=dark] .gm-fallback-surface { background:#24242452; }
#gallery-glass .gm-demo[data-gm-theme=dark] .gm-product-tabs { background:rgba(36,36,36,.48); box-shadow:inset 0 1px 1px #ffffff50,0 5px 15px #0003; backdrop-filter:blur(16px); -webkit-backdrop-filter:blur(16px); }
#gallery-glass .gm-demo[data-gm-theme=dark] .gm-products-window::before { background:linear-gradient(90deg,rgba(36,36,36,.76),transparent); }
#gallery-glass .gm-demo[data-gm-theme=dark] .gm-products-window::after { background:linear-gradient(90deg,transparent,rgba(36,36,36,.76)); }
#gallery-glass .gm-demo[data-gm-theme=dark] .gm-product-tab[aria-selected=true] { box-shadow:0 2px 8px #0002; }
#gallery-glass .gm-demo[data-gm-theme=dark] button:focus-visible { background:#ffffff24; box-shadow:0 0 0 4px #ffffff45; }
#gallery-glass .gm-demo[data-gm-theme=dark] .gm-toggle[aria-pressed=true] { background:#fafafad9; color:#242424; }
#gallery-glass .gm-demo[data-gm-theme=dark] .gm-range::-webkit-slider-runnable-track { background:linear-gradient(to right,#fffffff2 var(--gm-level,65%),#24242433 var(--gm-level,65%)); }
#gallery-glass .gm-demo[data-gm-theme=dark] .gm-range::-moz-range-track { background:#24242433; }
#gallery-glass .gm-demo[data-gm-theme=dark][data-gm-transparency=reduced] .gm-product-tabs,
#gallery-glass .gm-demo[data-gm-theme=dark][data-gm-transparency=reduced] .gm-fallback-surface { background:#242424; backdrop-filter:none; -webkit-backdrop-filter:none; }
.app-header { position:fixed; top:28px; right:32px; left:auto; z-index:30; height:auto; padding:0; }
.header-actions { display:flex; align-items:center; gap:9px; }
.mac-control { display:flex; align-items:center; justify-content:center; gap:7px; flex:none; width:56px; height:42px; margin:0; padding:0 12px; border:1px solid #ffffff14; border-top-color:#ffffff24; border-left-color:#ffffff24; border-radius:999px; background:#242424c9; color:#e2e2e2; box-shadow:inset 0 .5px 0 #ffffff08; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); cursor:pointer; transition:background 140ms,transform 140ms; }
.mac-control svg { display:block; width:21px; height:21px; flex:none; fill:none; stroke:currentColor; stroke-width:1.7; stroke-linecap:round; stroke-linejoin:round; }
.mac-control img { width:21px; height:21px; opacity:.88; }
[data-theme=dark] .mac-control img { filter:invert(1); }
#gallery-settings-button { width:42px; }
.mac-circle { width:42px; padding:0; }
.mac-control:hover { background:#343434e0; }
.mac-control:active { transform:scale(.96); }
.mac-control[aria-pressed=true] { background:#ffffff28; }
.mac-control:focus-visible { outline:2px solid var(--accent); outline-offset:3px; }
[data-theme=light] .mac-control { background:#f2f2f2c9; color:#333; border-color:#00000012; border-top-color:#ffffffb3; box-shadow:inset 0 .5px 0 #fff9; }
[data-theme=light] .mac-control:hover { background:#fff; }
.mac-control-group { display:flex; align-items:center; height:42px; padding:0 5px; border:1px solid #ffffff14; border-top-color:#ffffff24; border-left-color:#ffffff24; border-radius:999px; background:#242424c9; box-shadow:inset 0 .5px 0 #ffffff08; backdrop-filter:blur(18px); -webkit-backdrop-filter:blur(18px); }
.mac-control-group .mac-control { width:44px; height:38px; padding:0; border:0; background:transparent; box-shadow:none; backdrop-filter:none; -webkit-backdrop-filter:none; }
.mac-control-group #gallery-settings-button { width:44px; }
.mac-control-group .mac-control:hover { background:#ffffff0d; }
.mac-control-group .mac-control[aria-pressed=true] { background:#ffffff20; }
[data-theme=light] .mac-control-group { background:#f2f2f2c9; border-color:#00000012; border-top-color:#ffffffb3; box-shadow:inset 0 .5px 0 #fff9; }
[data-theme=light] .mac-control-group .mac-control:hover { background:#00000008; }
[data-theme=light] .mac-control-group .mac-control[aria-pressed=true] { background:#00000012; }
.app-header .editor-clear { width:auto; padding:0 16px; font:500 12px/1 -apple-system,BlinkMacSystemFont,sans-serif; white-space:nowrap; }
.app-header [hidden],.gallery-settings [hidden] { display:none!important; }
.gallery-settings.lg-menu { width:286px; font-size:14px; }
.gallery-settings .settings-row { display:flex; align-items:center; justify-content:space-between; min-height:44px; gap:12px; padding:0 10px; }
.gallery-settings .settings-row label { cursor:pointer; }
.gallery-settings .lg-switch { flex:0 0 64px; }
#gallery-settings-button[aria-expanded=true] { background:var(--fill-hover); }
@media(min-width:769px) { .app-header { top:calc(28px + (88px - 42px) / 2); } }
@media(max-width:768px) { #gallery-glass { --gm-top-inset:78px; } }
@media(max-width:520px) { .app-header { top:18px; right:18px; padding:0; } .header-actions { gap:5px; } }