.ys-crop{margin:auto;inset:0;box-sizing:border-box;font-family:inherit;color:#1e293b;border:0;border-radius:24px;padding:20px;width:min(440px,calc(100vw - 24px));max-height:calc(100dvh - 32px);overflow:auto;box-shadow:0 24px 80px #0f172a55;background:#fff}.ys-crop::backdrop{background:#0f172ab8;backdrop-filter:blur(5px)}.ys-crop .ys-crop-header{display:flex;align-items:start;justify-content:space-between;gap:12px;margin-bottom:16px}.ys-crop h2{font-size:17px;font-weight:800;margin:0 0 6px}.ys-crop p{font-size:12px;line-height:1.9;margin:0;color:#64748b}.ys-crop button{font:inherit;cursor:pointer}.ys-crop .ys-crop-header button{background:#f1f5f9;border:0;border-radius:50%;width:36px;height:36px;flex-shrink:0}.ys-crop-stage{position:relative;overflow:hidden;width:min(100%,300px,45dvh);aspect-ratio:1;margin:auto;background:#f1f5f9;touch-action:none;cursor:grab;border-radius:12px;outline-offset:4px;direction:ltr}.ys-crop-stage img{position:absolute;max-width:none;max-height:none;pointer-events:none;image-orientation:from-image}.ys-crop-mask{position:absolute;inset:0;pointer-events:none;border:2px solid #fff;box-shadow:0 0 0 80px #0f172a80}.ys-crop-circle .ys-crop-mask{border-radius:50%}.ys-crop-zoom{display:flex;gap:14px;align-items:center;font-size:12px;font-weight:700;margin:20px 0 12px}.ys-crop-zoom input{flex:1;min-width:0;accent-color:#7b2c83}.ys-crop .ys-crop-actions{display:flex;gap:10px;margin-top:18px}.ys-crop .ys-crop-actions button{border:1px solid #e2e8f0;border-radius:12px;padding:12px;background:#f8fafc;font-size:13px;font-weight:700}.ys-crop .ys-crop-actions [data-crop-apply]{flex:1;background:#7b2c83;color:#fff;border-color:#7b2c83}.ys-crop button:disabled{opacity:.55;cursor:wait}.ys-crop [data-crop-error]{background:#fff1f2;color:#be123c;border-radius:10px;padding:10px;margin-top:10px}
 .ys-crop-stage:focus-visible{outline:2px solid #7b2c83}