.project-screenshot-trigger{position:relative;display:block;width:100%;padding:0;border:0;background:transparent;cursor:zoom-in;border-radius:6px;text-align:right}.project-screenshot-image{display:block;width:100%;height:auto;object-fit:contain;border-radius:6px}.project-screenshot-hint{display:inline-flex;align-items:center;gap:6px;margin-top:8px;padding:8px 11px;background:#faf9f7;color:#38332d;border:1px solid #ded8ce;border-radius:999px;font-family:var(--font-dmsans),sans-serif;font-size:11px;font-weight:500}.project-screenshot-trigger:hover .project-screenshot-hint{background:#292824;color:#fff;border-color:#292824}.project-preview-dialog :focus-visible,.project-screenshot-trigger:focus-visible{outline:2px solid #bd4119;outline-offset:3px}html:has(.project-preview-dialog[open]){overflow:hidden}.project-preview-dialog{width:min(calc(100% - 24px),1100px);height:min(90dvh,960px);max-width:none;max-height:90dvh;margin:auto;padding:0;border:1px solid #ded8ce;border-radius:16px;background:#faf9f7;color:#292824;box-shadow:0 25px 80px #29282440}.project-preview-dialog[open]{display:flex;flex-direction:column}.project-preview-dialog::backdrop{background:#24211ed9}.project-preview-toolbar{display:flex;align-items:center;gap:10px;padding:10px 14px;border-bottom:1px solid #ded8ce;flex-shrink:0;font-family:var(--font-dmsans),sans-serif}.project-preview-toolbar h3{flex:1;min-width:0;margin:0;font-family:inherit;font-size:18px;font-weight:500;line-height:1.3;letter-spacing:-.02em}.project-preview-toolbar button{display:inline-flex;justify-content:center;align-items:center;gap:7px;min-height:44px;min-width:44px;flex-shrink:0;border:1px solid #ded8ce;border-radius:9px;background:#f2efe9;color:#38332d;cursor:pointer}.project-preview-toolbar button:hover{background:#e9e2d8}.project-preview-zoom{padding-inline:12px;font-size:13px}.project-preview-canvas{position:relative;flex:1;min-height:0;overflow:auto;overscroll-behavior:contain;padding:16px;background:#e9e3d9}.project-preview-status{position:absolute;inset:0;display:grid;place-content:center;margin:0;padding:16px;background:#e9e3d9;color:#6d665d;font-family:var(--font-dmsans),sans-serif;font-size:14px}.project-preview-status a{color:#bd4119;text-decoration:underline;text-underline-offset:4px}.project-preview-full{display:block;width:100%;height:100%;object-fit:contain}.project-preview-canvas.is-zoomed .project-preview-full{width:max(100%,var(--project-image-width));max-width:none;height:auto}@media (max-width:767px){.project-preview-toolbar{padding:8px;gap:7px}.project-preview-toolbar h3{font-size:14px}.project-preview-zoom{padding-inline:9px;font-size:12px}.project-preview-canvas{padding:8px}}