.modal.image-tools-modal{width:min(1040px,calc(100vw - 28px));max-width:calc(100vw - 28px)}
.image-tools-workspace{min-width:0;--image-tools-preview-height:360px}.image-tools-intro,.image-tools-source-meta{font-size:12px;line-height:1.7;color:var(--muted);margin:0 0 10px;overflow-wrap:anywhere}.image-tools-panels{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:20px}.image-tools-panels>section{min-width:0}.image-tools-panels h3{font-size:13px;margin:8px 0 10px;display:flex;justify-content:space-between;gap:10px}.image-tools-panels h3 small{font-size:11px;color:var(--muted);font-weight:400}.image-tools-scroll{border:1px solid var(--line);border-radius:9px;overflow:auto;max-height:360px;background:repeating-conic-gradient(#24323b 0% 25%,#1b262e 0% 50%) 50%/16px 16px}.image-tools-stage{position:relative;width:100%;min-width:0;max-width:calc((var(--image-tools-preview-height) - 2px) * var(--image-tools-ratio));margin:auto}.image-tools-stage>img{display:block;width:100%;height:100%;object-fit:fill}.image-tools-crop{position:absolute;border:2px solid var(--accent);background:#a9dfcc18;pointer-events:none;box-shadow:0 0 0 1px #10251a}.image-tools-grid{position:absolute;inset:0}.image-tools-grid button{position:absolute;border:1px solid #edf9f2a8;background:#0005;border-radius:0;padding:0;min-width:0;min-height:0}.image-tools-grid button.selected{background:transparent;border:1px solid var(--accent)}.image-tools-grid button>span{position:absolute;left:3px;top:3px;background:#111c24d9;color:#fff;border-radius:3px;padding:2px 4px;font-size:10px;line-height:1.1}.image-tools-grid button.selected>span{background:var(--accent);color:#10271f}.image-tools-empty{min-height:220px;display:grid;place-items:center;padding:25px;color:var(--muted);background:var(--panel);font-size:12px;text-align:center;line-height:1.8}.image-tools-coordinates{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin:12px 0}.image-tools-workspace label{display:grid;gap:6px;font-size:11px;min-width:0}.image-tools-workspace input,.image-tools-workspace select{width:100%;min-width:0;max-width:100%;font-size:12px}.image-tools-controls{display:grid;grid-template-columns:1.2fr 1fr 1fr 1.3fr .7fr .7fr;align-items:end;gap:10px;border-top:1px solid var(--line);padding-top:16px;margin-top:18px}.image-tools-controls .image-tools-toggle{display:flex;align-items:center;gap:5px;min-height:36px}.image-tools-toggle input{width:auto}.image-tools-save-options{display:grid;grid-template-columns:minmax(0,1fr) 140px;gap:14px;margin-top:14px}.image-tools-selection{display:flex;align-items:center;justify-content:flex-end;gap:8px;flex-wrap:wrap;margin-top:12px}.image-tools-selection>span{margin-right:auto;font-size:11px;color:var(--muted)}.image-tools-error{color:var(--red);font-size:12px;line-height:1.7;overflow-wrap:anywhere;margin:10px 0 0}.image-tools-error:empty{display:none}.image-tools-stale{font-size:12px;color:var(--gold);line-height:1.6}.image-tools-stale[hidden]{display:none}.image-tools-footer{display:flex;align-items:center;justify-content:flex-end;gap:10px;margin-top:18px;border-top:1px solid var(--line);padding-top:14px;flex-wrap:wrap}.image-tools-footer>span{margin-right:auto;font-size:11px;color:var(--muted)}
@media(max-width:720px){.image-tools-workspace{--image-tools-preview-height:290px}.image-tools-panels{grid-template-columns:1fr;gap:12px}.image-tools-scroll{max-height:290px}.image-tools-controls{grid-template-columns:repeat(3,minmax(0,1fr))}.image-tools-footer>span{width:100%}.image-tools-save-options{grid-template-columns:minmax(0,1fr) 105px}.image-tools-grid button>span{font-size:9px;padding:1px 3px}}
.image-mask-toolbar{display:flex;align-items:end;gap:8px;flex-wrap:wrap;margin:12px 0}.image-mask-toolbar label{min-width:115px}.image-mask-toolbar .image-mask-brush{display:grid;grid-template-columns:1fr auto;min-width:170px;max-width:260px;flex:1}.image-mask-brush input{grid-column:1/-1;height:30px;padding:0;margin:0}.image-mask-brush span{color:var(--muted)}.image-mask-stage canvas{position:absolute;inset:0;width:100%;height:100%;touch-action:none;cursor:crosshair;opacity:.43}.image-mask-title{margin-top:12px}.image-mask-capability{line-height:1.7;margin:12px 0;color:var(--muted);font-size:12px}.image-mask-workspace[aria-busy=true] canvas{pointer-events:none}.image-mask-workspace .image-tools-panels h3{flex-wrap:wrap}.image-mask-workspace .image-tools-panels h3 small{overflow-wrap:anywhere}.image-mask-workspace .image-tools-source-meta{margin-top:8px}