.project-image-preview{color:#f5f5f5;background:0 0;border:0;width:100%;max-width:none;height:100%;max-height:none;margin:0;padding:24px;position:fixed;inset:0}.project-image-preview::backdrop{background:#000000e0}.project-image-preview[open]{justify-content:center;align-items:center;display:flex}.project-image-preview-panel{background:#111;border:1px solid #383838;border-radius:12px;flex-direction:column;width:min(1400px,100%);min-height:0;max-height:100%;display:flex;overflow:hidden}.project-image-preview header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:10px 12px 10px 20px;display:flex}.project-image-preview header span{text-overflow:ellipsis;white-space:nowrap;font-size:13px;overflow:hidden}.project-image-preview button{color:#fff;cursor:pointer;background:#222;border:1px solid #555;border-radius:50%;flex-shrink:0;place-items:center;width:44px;height:44px;display:grid}.project-image-preview button:focus-visible{outline-offset:2px;outline:2px solid #c8ff83}.project-image-preview-scroll{overscroll-behavior:contain;min-height:0;overflow:auto}.project-image-preview-scroll img{width:100%;height:auto;margin:0 auto;display:block}html:has(.project-image-preview[open]){overflow:hidden}@media (max-width:600px){.project-image-preview{padding:12px}.project-image-preview header{padding-left:12px}}