.desktop-surface{position:relative;min-height:100dvh;background-color:var(--bg)}.desktop-backdrop{position:absolute;inset:0;background-size:cover;background-repeat:no-repeat;pointer-events:none}@media (min-width:1024px){.desktop-surface{height:100dvh;overflow:hidden}.desktop-backdrop{background-image:var(--desktop-image)}}.desktop-backdrop-fade{animation:desktop-backdrop-in .48s var(--ease) both}@keyframes desktop-backdrop-in{0%{opacity:0}to{opacity:1}}.desktop-surface-morph .browser-window-body,.desktop-surface-morph .studio-desktop-window{animation:desktop-window-in .24s var(--ease) both}.desktop-surface-morph .desktop-windows{animation:desktop-window-fade .24s var(--ease) both}@keyframes desktop-window-in{0%{opacity:0;scale:.985}}@keyframes desktop-window-fade{0%{opacity:0}}@media (prefers-reduced-motion:reduce){.desktop-backdrop-fade,.desktop-surface-morph .browser-window-body,.desktop-surface-morph .desktop-windows,.desktop-surface-morph .studio-desktop-window{animation:none}}