/* Shared live-product contract. The parent reserves the full-size layout;
   fixed/maximized windows must never inherit a transformed ancestor. */
.product-windows :is(#product > .strategy-host > .workspace-preview > .app-frame, #product > .strategy-host > .workspace-preview > .app-frame > .studio, .product-window-reserve > .lr-window){border-radius:16px}
.product-window-reserve{min-width:0}
.product-windows .product-window-reserve > .lr-window:not(.lr-expanded){box-shadow:0 16px 48px -24px color-mix(in srgb,var(--ink) 16%,transparent),0 0 72px -24px color-mix(in srgb,var(--accent) 12%,transparent)}
.product-windows[data-xt-theme*="high contrast"] .product-window-reserve > .lr-window:not(.lr-expanded){box-shadow:none}
@media(forced-colors:active){.product-windows .product-window-reserve > .lr-window:not(.lr-expanded){box-shadow:none}}
@media (prefers-reduced-motion:no-preference) and (hover:hover) and (pointer:fine){
 .product-windows :is(#product > .strategy-host > .workspace-preview,.product-window-reserve > .lr-window){transform:scale(.93);transform-origin:center center;transition:transform 360ms cubic-bezier(.22,.61,.36,1)}
 .product-windows :is(#product > .strategy-host:hover > .workspace-preview,#product > .strategy-host:focus-within > .workspace-preview,.product-window-reserve:hover > .lr-window,.product-window-reserve:focus-within > .lr-window){transform:scale(1)}
 .product-windows:has(dialog[open]) :is(#product > .strategy-host > .workspace-preview,.product-window-reserve > .lr-window),
 .product-windows :is(#product > .strategy-host > .workspace-preview:has(.maximized,[data-maximized="true"]),.product-window-reserve > .lr-window.lr-expanded){transform:none;transition:none}
}
@media (prefers-reduced-motion:reduce),(hover:none),(pointer:coarse){
 .product-windows :is(#product > .strategy-host > .workspace-preview,.product-window-reserve > .lr-window){transform:none;transition:none}
}
@media(max-width:600px){
 .product-windows :is(#product > .strategy-host > .workspace-preview > .app-frame,#product > .strategy-host > .workspace-preview > .app-frame > .studio,.product-window-reserve > .lr-window){border-radius:12px}
}