@layer legacy{.dream-app.ui-dialog-overlay:has(>.lightbox){background:#0a0b0e;padding:0;overflow:hidden}.dream-app .ui-dialog.lightbox,:root[data-theme] .dream-app .ui-dialog.lightbox{width:100vw;max-width:none;height:100dvh;max-height:none;box-shadow:none;color:#fff;background:0 0;border:0;border-radius:0;margin:0;padding:0;position:fixed;inset:0;overflow:hidden}.lightbox-stage{touch-action:none;cursor:zoom-in;-webkit-user-select:none;user-select:none;place-items:center;display:grid;position:absolute;inset:0}.lightbox[data-zoomed] .lightbox-stage{cursor:grab}.lightbox[data-zoomed] .lightbox-stage:active{cursor:grabbing}.lightbox-stage>img{object-fit:contain;transform-origin:50%;will-change:transform;width:100%;max-width:none;height:100%;transition:transform .16s ease-out;display:block;position:absolute;inset:0}.lightbox[data-zoomed] .lightbox-stage>img{transition:none}.lightbox-error{color:#ffffffb8;text-align:center;margin:0;padding:0 24px;font-size:14px}.dream-app .lightbox .lightbox-icon{--button-bg:#ffffff1a;--button-bg-hover:#fff3;--button-bg-active:#fff3;--button-color:#fff;--button-color-hover:#fff;--button-border:transparent;--ui-focus:#fff;--button-border-hover:transparent;--button-shadow:none;--button-radius:999px;--button-padding:0;--button-press-scale:.94;--button-transition:opacity .2s ease, background-color .15s ease;cursor:pointer;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);border:0;place-items:center;width:44px;height:44px;display:grid;position:absolute}.lightbox-close{top:max(16px, env(safe-area-inset-top));right:max(16px, env(safe-area-inset-right))}.lightbox-nav{opacity:0;margin-top:-22px;top:50%}.lightbox-prev{left:max(16px, env(safe-area-inset-left))}.lightbox-next{right:max(16px, env(safe-area-inset-right))}.lightbox:hover .lightbox-nav,.lightbox .lightbox-nav:focus-visible{opacity:1}.lightbox-count{left:50%;bottom:max(20px, env(safe-area-inset-bottom));color:#ffffffe0;font-variant-numeric:tabular-nums;letter-spacing:.02em;pointer-events:none;background:#ffffff1f;border-radius:999px;padding:4px 10px;font-size:12px;transition:opacity .2s;position:absolute;transform:translate(-50%)}.lightbox[data-idle] :is(.lightbox-close,.lightbox-nav,.lightbox-count){opacity:0}.lightbox[data-idle] .lightbox-icon:focus-visible{opacity:1}@media (hover:none){.lightbox-nav{display:none}}@media (prefers-reduced-motion:reduce){.lightbox-stage>img,.lightbox .lightbox-icon,.lightbox-count{transition:none}}}