.imgmod-dialog{--imgmod-accent:#2a52d9;--imgmod-line:color-mix(in srgb,CanvasText 22%,transparent);--imgmod-muted:color-mix(in srgb,CanvasText 65%,transparent);--lightningcss-light:initial;--lightningcss-dark: ;color-scheme:light dark;color:canvastext;border:1px solid var(--imgmod-line);width:min(760px,100vw - 24px);max-height:calc(100dvh - 24px);font:inherit;background:canvas;border-radius:12px;padding:0}@media (prefers-color-scheme:dark){.imgmod-dialog{--lightningcss-light: ;--lightningcss-dark:initial}}.imgmod-dialog{overflow:hidden}.imgmod-dialog :where(h1,h2,h3,p,label,small,b,summary,span){color:inherit}.imgmod-dialog::backdrop{background:#0000008c}.imgmod-box{flex-direction:column;gap:12px;max-height:calc(100dvh - 26px);padding:16px;display:flex;overflow:auto}.imgmod-box>*{flex-shrink:0}.imgmod-head{justify-content:space-between;align-items:center;display:flex}.imgmod-head h2{color:canvastext;margin:0;font-size:1.1rem;font-weight:700;line-height:1.3}.imgmod-x{color:inherit;cursor:pointer;background:0 0;border:0;border-radius:8px;padding:4px 10px;font-size:1.4rem;line-height:1}.imgmod-dialog button{font:inherit;color:inherit;background:color-mix(in srgb,CanvasText 8%,transparent);border:1px solid var(--imgmod-line);cursor:pointer;border-radius:8px;min-height:40px;padding:8px 14px}.imgmod-dialog button:disabled{opacity:.5;cursor:not-allowed}.imgmod-dialog button.imgmod-primary{background:var(--imgmod-accent);border-color:var(--imgmod-accent);color:#fff;font-weight:700}.imgmod-dialog :focus-visible{outline:3px solid var(--imgmod-accent);outline-offset:2px}.imgmod-drop{text-align:center;border:2px dashed var(--imgmod-line);cursor:pointer;border-radius:12px;flex-direction:column;justify-content:center;align-items:center;gap:6px;padding:40px 16px;display:flex;position:relative}.imgmod-drop:focus-within,.imgmod-drop:hover{border-color:var(--imgmod-accent)}.imgmod-drop input{opacity:0;width:1px;height:1px;position:absolute}.imgmod-drop small,.imgmod-note,.imgmod-field small{color:var(--imgmod-muted)}.imgmod-tabs{border-bottom:1px solid var(--imgmod-line);flex-wrap:wrap;gap:6px;padding-bottom:8px;display:flex}.imgmod-tabs button[aria-selected=true]{background:var(--imgmod-accent);border-color:var(--imgmod-accent);color:#fff}.imgmod-tabs small{opacity:.8}.imgmod-panel{flex-direction:column;gap:10px;min-height:120px;display:flex}.imgmod-stage{background:repeating-conic-gradient(#8883 0 25%,#0000 0 50%) 0 0/16px 16px;touch-action:none;-webkit-user-select:none;user-select:none;border-radius:8px;width:100%;max-height:58dvh;margin-inline:auto;position:relative;overflow:hidden}.imgmod-stage img{object-fit:fill;pointer-events:none;transform-origin:50%;position:absolute;top:50%;left:50%}.imgmod-frame{cursor:move;touch-action:none;outline:2px solid #fff;position:absolute;box-shadow:0 0 0 9999px #0000008c}.imgmod-frame:focus-visible{outline:3px solid var(--imgmod-accent);outline-offset:0}.imgmod-controls{flex-wrap:wrap;align-items:center;gap:8px;display:flex}.imgmod-controls input[type=range]{flex:160px;min-width:120px}.imgmod-field{flex-direction:column;gap:4px;display:flex}.imgmod-field input,.imgmod-field textarea{font:inherit;color:inherit;border:1px solid var(--imgmod-line);background:field;border-radius:8px;padding:8px 10px}.imgmod-check{align-items:center;gap:8px;display:flex}.imgmod-replace{cursor:pointer;text-decoration:underline;display:inline-block;position:relative}.imgmod-replace input{opacity:0;width:1px;height:1px;position:absolute}.imgmod-error{color:#b42318;margin:0;font-weight:600}@media (prefers-color-scheme:dark){.imgmod-error{color:#ff8a80}}.imgmod-busy{color:var(--imgmod-muted);margin:0}.imgmod-foot{background:canvas;justify-content:flex-end;gap:8px;padding-top:8px;display:flex;position:sticky;bottom:0}@media (max-width:600px){.imgmod-box{padding:12px}.imgmod-dialog{width:calc(100vw - 8px)}}
