/* CSS3DRenderer applies transforms to surfaces, never to app layout bounds. */
.desktop-scene { position: absolute; inset: 0; pointer-events: none; }
.three-surface { position: absolute; left: 0; top: 0; pointer-events: none; }
.desktop-scene.is-flat > div > div { transform: none !important; transform-style: flat !important; }
.desktop-scene.is-flat .three-surface { transform: none !important; }
.three-surface > .desktop-icon { pointer-events: auto; touch-action: none; }
.app-window.window-transitioning, .app-window.window-transitioning *,
.app-window[data-scene-transition], .app-window[data-scene-transition] *,
.app-window.window-closing, .app-window.window-closing * { pointer-events: none !important; }
.scene-overview .app-window { cursor: pointer; }
.scene-overview .app-window *, .scene-overview .desktop-icon * { pointer-events: none !important; }
.scene-overview .webamp-native #main-window,
.scene-overview .webamp-native #equalizer-window,
.scene-overview .webamp-native #playlist-window,
.scene-overview .webamp-native #milkdrop-window { pointer-events: auto !important; }
.scene-overview .app-window .title-bar { background: linear-gradient(90deg,var(--title-start),var(--title-mid),var(--title-end)); }
#scene-overview { flex: none; min-width: 102px; height: 25px; padding: 2px 8px; font: 11px Tahoma,Arial,sans-serif; background: var(--button-face); }
#scene-overview[hidden] { display: none; }
#scene-overview[aria-pressed="true"] { box-shadow: inset 1px 1px #808080,inset -1px -1px #fff; background: #e3dfce; }
.visually-hidden { position: absolute; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip-path: inset(50%); white-space: nowrap; border: 0; }
@media (max-width: 600px) {
  #scene-overview { min-width: 72px; max-width: 105px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
}

/* Use the original 98.css button artwork, spacing and native glyph sizes. */
.app-window > .title-bar .title-bar-text { display: flex; align-items: center; gap: 4px; min-width: 0; line-height: 16px; }
.app-window > .title-bar .title-bar-text > span { overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.app-window > .title-bar .title-bar-text .title-bar-icon { display: block; flex: none; width: 16px; height: 16px; image-rendering: auto; }
.app-window > .title-bar .title-bar-controls { flex: none; }
.app-window:focus { outline: none; }
#profile-status { display: flex; flex: none; align-items: center; gap: 5px; padding: 0 5px; font: 10px Tahoma,Arial,sans-serif; color: #333; }
#profile-status::before { content: ''; width: 6px; height: 6px; background: #888; border: 1px solid #555; }
#profile-status[data-state="saved"]::before { background: #3d8e45; }
#profile-status[data-state="saving"]::before { background: #d9a52c; }
#profile-status[data-state="error"]::before { background: #c13a32; }
@media (max-width: 900px) { #profile-status span { display: none; } }