@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,:root[data-theme] .dream-app .lightbox .ui-button.lightbox-icon{color:#fff;cursor:pointer;width:44px;height:44px;min-height:44px;box-shadow:none;background:#ffffff1a;border:0;border-radius:50%;place-items:center;padding:0;transition:opacity .2s,background-color .15s;display:grid;position:absolute}.dream-app .lightbox .lightbox-icon:hover,:root[data-theme] .dream-app .lightbox .ui-button.lightbox-icon:hover:not(:disabled){background:#fff3}:root .dream-app .lightbox .lightbox-icon:focus-visible{outline-offset:2px;box-shadow:none;outline:2px solid #fff}.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}}}