.imagine-crop{width:min(680px,calc(100% - 24px));max-height:calc(100dvh - 24px);overflow:auto;padding:24px;border:1px solid #404047;border-radius:16px;background:#171719;color:#f5f5f5;font-family:"Montserrat",Arial,sans-serif;box-sizing:border-box}
.imagine-crop::backdrop{background:rgba(0,0,0,.8)}
.imagine-crop h2{margin:0 0 10px;font-size:20px}.imagine-crop p{font-size:12px;line-height:1.5;color:#bbb}
.imagine-crop canvas{display:block;width:100%;height:auto;background:#101012;touch-action:none;cursor:grab;border:1px solid #555;border-radius:8px;box-sizing:border-box}
.imagine-crop canvas:active{cursor:grabbing}.imagine-crop label{display:block;margin:18px 0 8px;color:#eee;font-size:12px;text-transform:none;letter-spacing:0}
.imagine-crop input[type=range]{width:100%;padding:0;min-height:32px;accent-color:#33cc99}
.imagine-crop-actions{display:flex;justify-content:flex-end;flex-wrap:wrap;gap:10px;margin-top:18px}
.imagine-crop button,.imagine-recrop{min-height:42px;padding:8px 14px;border:1px solid #444;border-radius:8px;background:#242428;color:#fff;font:inherit;font-size:11px;cursor:pointer}
.imagine-crop button[data-apply]{background:#33cc99;color:#07120e;border-color:#33cc99;font-weight:800}.imagine-crop button:disabled{opacity:.5;cursor:wait}
.imagine-recrop{margin-top:8px}.imagine-crop canvas:focus-visible,.imagine-crop button:focus-visible,.imagine-recrop:focus-visible{outline:2px solid #33cc99;outline-offset:3px}
.imagine-crop [data-error]{color:#ff8585;min-height:18px}
@media(max-width:500px){.imagine-crop{padding:16px}.imagine-crop-actions button{flex:1}}