.image-adjust-dialog{width:min(820px,calc(100vw - 32px));max-height:calc(100dvh - 36px);overflow:auto;border:1px solid #ffffff30;border-top:2px solid #0092ff;background:#171717;color:#fff;padding:24px;border-radius:5px;box-shadow:0 18px 70px #0009}.image-adjust-dialog::backdrop{background:#000b;backdrop-filter:blur(4px)}.image-adjust-heading{display:flex;align-items:center;justify-content:space-between;gap:16px}.image-adjust-heading h2{margin:0;font-size:22px;font-style:italic}.image-adjust-heading button{font-size:23px;padding:2px 11px}.image-adjust-help{color:#9babbc;font-size:13px;line-height:1.5}.image-adjust-preview{display:flex;justify-content:center;max-height:42dvh;margin:18px 0;background:repeating-conic-gradient(#252525 0% 25%,#1d1d1d 0% 50%) 50%/18px 18px;border:1px solid #ffffff25;overflow:hidden}.image-adjust-preview canvas{display:block;max-width:100%;max-height:42dvh;width:auto;height:auto;object-fit:contain;cursor:grab;touch-action:none}.image-adjust-preview canvas:active{cursor:grabbing}.image-adjust-controls{display:grid;grid-template-columns:1fr 1fr;gap:16px 24px}.image-adjust-controls label{display:flex;flex-wrap:wrap;justify-content:space-between;gap:9px;font-size:13px}.image-adjust-controls label:first-child{grid-column:1/-1}.image-adjust-controls input{width:100%;margin:0;padding:0;accent-color:#0092ff;cursor:pointer}.image-adjust-controls span{color:#7fc9ff;font-variant-numeric:tabular-nums}.image-adjust-actions{display:flex;justify-content:flex-end;gap:10px;margin-top:22px}.image-adjust-actions button:first-child{margin-right:auto}.image-adjust-dialog button{font:inherit;color:#fff;background:#252525;border:1px solid #ffffff25;padding:10px 16px;border-radius:3px;cursor:pointer}.image-adjust-dialog button.primary{background:#0092ff;border-color:#0092ff}.image-adjust-dialog button:disabled{opacity:.6;cursor:wait}@media(max-width:500px){.image-adjust-dialog{padding:18px}.image-adjust-controls{grid-template-columns:1fr}.image-adjust-controls label:first-child{grid-column:auto}.image-adjust-actions{gap:6px}.image-adjust-actions button{padding:9px 12px}}
.image-adjust-zoom{display:flex;align-items:center;justify-content:center;gap:16px}.image-adjust-zoom span{min-width:55px;text-align:center;color:#7fc9ff;font-variant-numeric:tabular-nums}.image-adjust-zoom button{width:40px;height:36px;padding:0;font-size:20px}.image-adjust-preview canvas:focus-visible{outline:2px solid #0092ff;outline-offset:-2px}

.image-adjust-live-preview .image-adjust-preview{position:relative;width:fit-content;max-width:100%;margin-left:auto;margin-right:auto;border:2px solid #0092ff}
.image-adjust-live-preview .image-adjust-preview:after{content:"";position:absolute;inset:0;pointer-events:none;background:linear-gradient(to right,transparent calc(33.333% - .5px),#ffffff55 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff55 66.666%,transparent calc(66.666% + .5px)),linear-gradient(to bottom,transparent calc(33.333% - .5px),#ffffff55 33.333%,transparent calc(33.333% + .5px),transparent calc(66.666% - .5px),#ffffff55 66.666%,transparent calc(66.666% + .5px));box-shadow:inset 0 0 0 1px #ffffff40}

@media(max-width:500px){.image-adjust-actions{display:grid;grid-template-columns:1fr 1fr;gap:8px}.image-adjust-actions button:first-child{margin-right:0}.image-adjust-actions button{width:100%;}}

.image-adjust-circle .image-adjust-preview:after{border:2px solid #62baff;border-radius:50%;background:none;box-shadow:0 0 0 999px #0007;box-sizing:border-box}.image-adjust-circle .image-adjust-preview{border-color:#ffffff25}
.image-visible-crop{position:absolute;pointer-events:none;box-sizing:border-box;border:2px solid #65bcff;box-shadow:0 0 0 1000px #0006;z-index:2}.image-adjust-circle .image-visible-crop{border-radius:50%}.image-adjust-circle .image-adjust-preview:after{display:none}