.progressive-workbench-image{position:relative;display:inline-grid;place-items:center;max-width:100%;vertical-align:middle;isolation:isolate}.progressive-workbench-image>.pwi-original,.progressive-workbench-image>.pwi-preview{grid-area:1/1;display:grid;place-items:center;max-width:100%}.progressive-workbench-image>.pwi-preview:not(.is-ready){visibility:hidden}.progressive-workbench-image>.pwi-original{position:absolute;inset:0;visibility:hidden;pointer-events:none}.progressive-workbench-image>.pwi-original.is-ready{position:relative;inset:auto;visibility:visible;pointer-events:auto}.progressive-workbench-image .pwi-placeholder{grid-area:1/1;width:min(70vw,18rem);height:min(55vh,12rem)}.progressive-workbench-image .pwi-status{position:absolute;left:50%;bottom:12px;transform:translateX(-50%);z-index:3;display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:6px;width:max-content;max-width:calc(100% - 16px);box-sizing:border-box;padding:8px 12px;border:1px solid #ffffff26;border-radius:9px;background:#101722e8;box-shadow:0 2px 10px #0005;color:#e9eef8;font-size:12px;line-height:1.5;text-align:center;white-space:normal}.progressive-workbench-image .pwi-status.is-error{color:#ffcec6;border-color:#dc806455}.progressive-workbench-image .pwi-status button{min-height:28px;padding:3px 8px;border:1px solid #ffffff66;border-radius:6px;background:#ffffff12;color:inherit;font:inherit;white-space:nowrap;cursor:pointer}.progressive-workbench-image .pwi-status button:hover{background:#ffffff26}.progressive-workbench-image .pwi-status button:focus-visible{outline:2px solid #52cfe7;outline-offset:2px}