.utility-images{min-width:0}.ui-image-toolbar,.ui-image-preview-actions,.ui-image-row{flex-wrap:wrap;align-items:end;gap:.7rem;display:flex}.ui-image-toolbar>label{flex:18rem}.ui-image-editor{grid-template-columns:minmax(0,1.2fr) minmax(16rem,.8fr);align-items:start;gap:1.3rem;display:grid}.ui-image-controls{gap:.85rem;min-width:0;display:grid}.ui-image-controls fieldset,.ui-image-controls details{border:1px solid var(--edge,#c8c8c8);border-radius:.75rem;min-width:0;padding:.85rem}.ui-image-controls label{gap:.25rem;display:grid}.ui-image-controls label:has(input[type=checkbox]){align-items:center;min-height:44px;display:flex}.ui-image-controls .ui-image-row>label{flex:5rem;min-width:0}.ui-image-controls input:not([type=checkbox]):not([type=color]){box-sizing:border-box;width:100%;min-height:44px}.ui-image-controls input[type=color]{width:100%;height:44px}.ui-image-controls input[type=checkbox]{flex:none;width:1.2rem;height:1.2rem}.ui-image-controls details>summary{cursor:pointer;min-height:44px;display:list-item}.ui-image-controls details[open]>summary{margin-bottom:.65rem}.ui-image-controls fieldset>:not(legend),.ui-image-controls details>:not(summary){margin-block:.5rem}.ui-image-controls button,.ui-image-preview-actions button,.ui-image-toolbar button{min-height:44px}.ui-image-preview-panel{min-width:0;position:sticky;top:5.5rem}.utility-images[data-image-task=convert] .ui-image-editor{grid-template-columns:minmax(0,18rem) minmax(0,1fr)}.utility-images[data-image-task=convert][data-image-has-preview=false] .ui-image-editor{grid-template-columns:minmax(0,1fr)}.utility-images[data-image-task=convert] .ui-image-preview-panel{position:static}.utility-images[data-image-task=convert] .ui-image-preview canvas{max-height:10rem}.utility-images[data-image-task=convert] .ui-image-controls{grid-template-columns:minmax(0,1fr)}.ui-image-preview{border:1px solid var(--edge,#c8c8c8);background:repeating-conic-gradient(#ddd 0 25%, #f4f4f4 0 50%) 50% / 20px 20px;border-radius:.7rem;place-items:center;display:grid;position:relative;overflow:hidden}.ui-image-preview canvas{object-fit:contain;width:100%;height:auto;display:block}.ui-image-preview svg{pointer-events:none;width:100%;height:100%;position:absolute;inset:0;overflow:visible}.ui-image-preview [data-image-reference]{pointer-events:none;clip-path:inset(0 50% 0 0);position:absolute;inset:0}.ui-image-preview [data-image-reference] canvas{width:100%;height:100%}.ui-image-preview-panel [data-image-compare-control]{gap:.4rem;min-height:44px;display:grid}.ui-image-preview[data-selecting=true]{touch-action:none;cursor:crosshair}.ui-image-preview rect,.ui-image-preview polygon,.ui-image-preview ellipse,.ui-image-preview path{fill:#1464b41a;stroke:#125da0;stroke-width:2px;vector-effect:non-scaling-stroke}.ui-image-preview [data-image-crop-handle]{fill:#fff}.ui-image-preview [data-image-draft-path],.ui-image-preview [data-image-draft-ellipse]{fill:none}.ui-image-preview[data-selecting=true][aria-busy=true]{cursor:progress}.ui-image-preview circle{fill:#fff;stroke:#125da0;stroke-width:2px}.ui-image-preview [hidden],.ui-image-preview [data-hidden=true],.utility-images [hidden]{display:none!important}.ui-image-preview p{background:var(--panel,#fff);border:1px solid var(--edge,#bbb);border-radius:.5rem;padding:1rem;position:absolute}.ui-image-preview-actions{align-items:center;margin-block:.7rem}.ui-image-preview-actions label{align-items:center;gap:.4rem;min-height:44px;display:flex}.ui-image-preview-actions output{margin-left:auto}.ui-image-palette{flex-wrap:wrap;gap:.35rem;margin-block:.5rem;display:flex}.ui-image-palette button{border:1px solid var(--edge,#888);border-radius:.4rem;width:44px;min-width:44px;height:44px;box-shadow:inset 0 0 0 1px #fff8}.ui-image-pixel{min-height:1.5rem;font:.9rem ui-monospace,monospace;display:block}.utility-images canvas[data-image-histogram]{border-bottom:1px solid var(--edge,#aaa);width:100%;height:64px}.utility-images pre{white-space:pre-wrap;overflow-wrap:anywhere;font-size:.85rem}.ui-image-adjustments label{grid-template-columns:1fr auto;align-items:center}.ui-image-adjustments label input{grid-column:1}.ui-image-adjustments output{text-align:right;grid-area:2/2;min-width:3ch}@media (max-width:900px){.ui-image-editor{grid-template-columns:1fr}.utility-images[data-image-task=convert] .ui-image-editor{grid-template-columns:minmax(0,1fr)}.utility-images[data-image-task=convert] .ui-image-controls{grid-row:1}.ui-image-preview-panel{position:static}.ui-image-preview canvas{max-height:none}.ui-image-controls{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:580px){.ui-image-controls{grid-template-columns:1fr}.ui-image-preview-actions output{margin-left:0}.ui-image-row{gap:.5rem}}.ui-image-preview{box-sizing:border-box;width:100%;margin-inline:auto}@media (max-height:850px){.ui-image-preview-panel{position:static}}.utility-images .ui-image-editor.editor-workbench{grid-template-columns:minmax(0,1fr);align-items:stretch;gap:0;display:grid}.utility-images[data-image-editor-mode=true] .ui-image-preview-panel{flex-direction:column;justify-content:center;align-items:center;width:100%;height:100%;min-height:0;display:flex;position:static}.utility-images[data-image-editor-mode=true] .ui-image-preview{border-radius:.15rem;flex:none;max-width:100%;box-shadow:0 .25rem 1rem #0002}.utility-images[data-image-editor-mode=true] .ui-image-preview canvas{width:100%;height:auto;max-height:none}.utility-images[data-image-editor-mode=true] .ui-image-controls{display:block}.utility-images[data-image-editor-mode=true] .ui-image-controls>details,.utility-images[data-image-editor-mode=true] .ui-image-controls>fieldset{border:0;border-bottom:1px solid var(--edge);border-radius:0;margin:0 0 .7rem;padding:0 0 .65rem}.utility-images[data-image-editor-mode=true] [data-image-undo-drawing],.utility-images[data-image-editor-mode=true] [data-image-toolbar-help]{display:none}.utility-images[data-image-editor-mode=true] [data-image-batch-note]{margin:0 0 .3rem;font-size:.8rem}.utility-images[data-image-editor-mode=true] .ui-image-preview-actions{flex:none;gap:.3rem;margin-block:.3rem 0;font-size:.75rem}.utility-images[data-image-editor-mode=true] .ui-image-preview-actions output{display:none}.utility-images .ui-image-toolbox{grid-template-columns:44px;gap:.25rem;display:grid}.utility-images .ui-image-toolbox button,.utility-images .ui-image-toolbar>button:not([data-image-reset]){place-items:center;width:44px;min-width:44px;height:44px;padding:.5rem;display:grid}.utility-images .ui-image-toolbox button span{clip-path:inset(50%);width:1px;height:1px;position:absolute;overflow:hidden}.utility-images[data-image-editor-mode=true] .ui-image-preview{overflow:visible}.utility-images [data-image-mode=move]{cursor:default;touch-action:none}.utility-images [data-image-mode=text]{cursor:text}.utility-images [data-image-mode=background]{cursor:crosshair;touch-action:none}.ui-image-background>label{gap:.2rem;display:grid}.ui-image-background output{font-variant-numeric:tabular-nums}.ui-image-background label>span{justify-content:space-between;gap:.5rem;display:flex}.ui-image-background [data-image-background-status]:empty{display:none}.utility-images [data-image-open-file]{background:var(--panel,white);align-items:center;gap:.5rem;max-width:calc(100% - 2rem);padding:.75rem;display:flex;position:absolute}.utility-images [data-image-open-file] svg{flex:none;width:1.4rem;height:1.4rem;position:static}.utility-images[data-image-editor-mode=false] .editor-workbench-layout{grid-template-columns:minmax(0,1fr) minmax(16rem,1fr);height:auto;display:grid}.utility-images[data-image-editor-mode=false] .ui-image-editor.editor-workbench{height:auto;min-height:0;display:block}.utility-images[data-image-editor-mode=false] .editor-workbench-tools,.utility-images[data-image-editor-mode=false] .editor-workbench-toolbar{display:none}.utility-images[data-image-editor-mode=false] .editor-workbench-canvas,.utility-images[data-image-editor-mode=false] .editor-workbench-inspector{grid-area:auto;overflow:visible}@media (max-width:800px){.utility-images[data-image-editor-mode=false] .editor-workbench-layout{grid-template-columns:1fr}.utility-images[data-image-editor-mode=true] .ui-image-preview-actions [data-image-live-status]{display:none}}