.cloud-image-preview{position:fixed;inset:0;z-index:120;display:grid;grid-template-rows:70px minmax(0,1fr);background:#f5f6f8;color:#232425;font:14px/1.4 Arial,Inter,sans-serif}.cloud-preview-header{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:0 16px;background:#fff;border-bottom:1px solid #e8e8eb;min-width:0}.cloud-preview-heading{display:flex;align-items:center;gap:10px;min-width:0}.cloud-preview-heading strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:14px}.cloud-preview-actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.cloud-preview-actions button{height:32px;padding:5px 11px;border:0;border-radius:6px;background:#f5f5f5;color:#232425;font-size:13px}.cloud-preview-actions button[data-action=close]{width:48px;height:48px;background:transparent}.cloud-preview-actions button[data-apply]{background:#232425;color:#fff}.cloud-preview-actions button:disabled{opacity:.45;cursor:not-allowed}.cloud-preview-parameters{display:flex;align-items:center;gap:7px}.cloud-preview-parameters label{display:flex;align-items:center;gap:6px}.cloud-preview-parameters input[type=range]{width:80px}.cloud-preview-ratios{display:flex;align-items:center;gap:4px}.cloud-preview-ratios button[aria-pressed=true]{background:#232425;color:#fff}.cloud-preview-stage{position:relative;display:flex;align-items:center;justify-content:center;min-height:0;padding:24px 88px 70px 26px;overflow:hidden}.cloud-preview-image-box{position:relative;display:flex;align-items:center;justify-content:center;width:min(100%,1100px);height:100%;transform-origin:center center}.cloud-preview-image-box>img{display:block;max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.cloud-preview-mask{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair}.cloud-preview-image-box:has(.cloud-preview-mask)>img{width:100%;height:100%;object-fit:contain}.cloud-preview-sidebar{position:absolute;right:0;top:70px;bottom:0;width:60px;display:flex;flex-direction:column;background:#fff;border-left:1px solid #eee}.cloud-preview-sidebar button{width:60px;height:60px;display:grid;place-items:center;padding:0;border:0;background:transparent}.cloud-preview-sidebar button:hover,.cloud-preview-sidebar button:focus-visible{background:#f3f3f3}.cloud-preview-sidebar button:disabled{opacity:.4;cursor:not-allowed}.cloud-preview-transform{position:absolute;left:50%;bottom:18px;transform:translateX(-50%);display:flex;align-items:center;justify-content:center;gap:12px;width:256px;height:48px;padding:6px 10px;border-radius:12px;background:rgba(20,20,20,.85);box-shadow:0 6px 18px #0003}.cloud-preview-transform button{width:30px;height:30px;padding:3px;display:grid;place-items:center;border:0;border-radius:5px;background:transparent;color:#fff}.cloud-preview-transform button:disabled{opacity:.35;cursor:not-allowed}.cloud-preview-transform button:not(:disabled):hover{background:#fff3}.cloud-preview-prompt{position:absolute;left:20%;bottom:84px;width:min(360px,65vw);height:70px;resize:none;border:1px solid #ddd;border-radius:8px;padding:10px;background:#fff;box-shadow:0 10px 24px #0002}@media(max-width:760px){.cloud-preview-header{padding:0 7px}.cloud-preview-actions{gap:2px;max-width:65vw;overflow-x:auto}.cloud-preview-actions button{flex-shrink:0;padding:5px 7px}.cloud-preview-stage{padding:12px 65px 64px 8px}.cloud-preview-heading strong{max-width:25vw}.cloud-preview-parameters{max-width:50vw;overflow-x:auto}.cloud-preview-ratios button{flex-shrink:0}.cloud-preview-sidebar{width:54px}.cloud-preview-sidebar button{width:54px;height:54px}}
.cloud-preview-unavailable{position:absolute;left:50%;bottom:78px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 32px);margin:0;padding:6px 12px;border-radius:7px;background:#fff;color:#5b5b62;font-size:12px;text-align:center;box-shadow:0 2px 10px #0001}
.cloud-image-preview.editing{grid-template-rows:70px auto minmax(0,1fr)}
.cloud-image-preview .cloud-preview-header{height:auto}
.cloud-image-preview:not(.editing) .cloud-preview-stage{grid-area:2/1}
.cloud-image-preview .cloud-preview-sidebar{position:relative;inset:auto;grid-area:2/1;justify-self:end;z-index:1}
.cloud-image-preview .cloud-recent-tasks{left:calc(50% - 30px)}
.cloud-image-preview .cloud-tool-parameters{display:flex;align-items:center;flex-wrap:wrap;gap:12px;min-height:52px;padding:10px 24px;background:#fff;border-bottom:1px solid #e8e8eb}
.cloud-tool-parameters label,.cloud-tool-model{display:flex;align-items:center;gap:7px;white-space:nowrap}
.cloud-tool-parameters button,.cloud-recent-tasks button,.cloud-preview-feedback button{border:1px solid #dcdce4;border-radius:6px;background:#fff;padding:6px 10px;color:#303038;font-size:13px}
.cloud-tool-parameters button:disabled{opacity:.4;cursor:not-allowed}
.cloud-mask-candidates{display:flex;gap:6px}
.cloud-mask-candidates button[aria-pressed=true]{background:#7451cf;border-color:#7451cf;color:#fff}
.cloud-tool-model select,.cloud-recent-tasks select{border:1px solid #dcdce4;background:white;color:#24242a;border-radius:6px;padding:6px;font-size:13px}
.cloud-job-status{margin-left:auto;font-size:12px;color:#6b4fb1}
.cloud-image-preview .cloud-preview-stage{padding-bottom:120px}
.cloud-image-preview.editing .cloud-preview-stage{padding:18px 28px 126px}
.cloud-image-preview.has-prompt .cloud-preview-stage{padding-bottom:222px}
.cloud-image-preview .cloud-preview-image-box{flex-shrink:0;background:conic-gradient(#e1e1e7 25%,#f5f5f8 0 50%,#e1e1e7 0 75%,#f5f5f8 0) 0 0/20px 20px;box-shadow:0 2px 14px #0001}
.cloud-preview-image-box.expanding{outline:1px solid #aaa4bb}
.cloud-preview-image-box.expanding>img{outline:2px dashed #7b5fc2}
.cloud-image-preview .cloud-preview-image-box>img{width:100%;height:100%;object-fit:contain}
.cloud-preview-feedback{position:absolute;left:50%;bottom:76px;transform:translateX(-50%);width:max-content;max-width:calc(100% - 48px);text-align:center;font-size:12px;color:#595966}
.cloud-preview-feedback p{margin:0;padding:6px 10px;border-radius:6px;background:#f5f6f8ee;max-height:56px;overflow:auto;white-space:pre-line}
.cloud-preview-feedback p.error{color:#a33131;background:#fff1f1}
.cloud-preview-feedback button{margin-top:4px}
.cloud-prompt-wrap{position:absolute;bottom:121px;left:50%;transform:translateX(-50%);display:block;width:min(520px,calc(100% - 48px));font-size:12px;color:#5d5d69}
.cloud-image-preview .cloud-prompt-wrap .cloud-preview-prompt{position:static;display:block;width:100%;height:66px;box-sizing:border-box;margin-top:5px;resize:vertical;max-height:90px;min-height:52px;padding:9px 12px;font-size:13px}
.cloud-recent-tasks{position:absolute;top:10px;left:50%;transform:translateX(-50%);display:flex;flex-wrap:wrap;align-items:center;justify-content:center;gap:8px;background:#fffffff2;padding:8px 12px;border-radius:8px;max-width:calc(100% - 100px);box-shadow:0 3px 10px #0001}
.cloud-recent-tasks label{display:flex;align-items:center;gap:8px;white-space:nowrap;font-size:12px}
.cloud-image-preview [data-save]{background:#7051c7;color:white}
.cloud-image-preview button:focus-visible,.cloud-image-preview canvas:focus-visible{outline:2px solid #7956d0;outline-offset:2px}
@media(max-width:900px){
 .cloud-image-preview,.cloud-image-preview.editing{grid-template-rows:auto minmax(0,1fr)}
 .cloud-image-preview.editing{grid-template-rows:auto auto minmax(0,1fr)}
 .cloud-image-preview .cloud-preview-header{min-height:70px;padding:8px 12px;flex-wrap:wrap;gap:6px}
 .cloud-image-preview .cloud-preview-actions{max-width:100%;flex-wrap:wrap;overflow:visible;gap:5px}
 .cloud-image-preview .cloud-preview-heading strong{max-width:70vw}
 .cloud-image-preview .cloud-tool-parameters{padding:8px 12px;gap:8px}
 .cloud-tool-parameters input[type=range]{width:90px}
 .cloud-image-preview.editing .cloud-preview-stage{padding-left:12px;padding-right:12px}
 .cloud-recent-tasks{max-width:calc(100% - 80px);width:max-content}
 .cloud-recent-tasks select{max-width:45vw}
}