.image-crop-dialog{width:min(560px,calc(100% - 24px));max-height:calc(100dvh - 24px);margin:auto;padding:20px;border:1px solid #354056;border-radius:24px;background:#101622;color:#f8fafc;overflow-y:auto;overscroll-behavior:contain;box-shadow:0 30px 100px #0008}.image-crop-dialog::backdrop{background:#020617d9}.image-crop-header{display:flex;align-items:center;justify-content:space-between;gap:12px}.image-crop-header p{color:#c4b5fd;font-size:10px;letter-spacing:.15em}.image-crop-header h2{font-size:22px;font-weight:750;margin-top:4px}.image-crop-dialog button{min-height:44px;padding:8px 14px;border-radius:12px;border:1px solid #354056;color:inherit;background:#1c2535}.image-crop-dialog button:disabled{opacity:.5}.image-crop-dialog :focus-visible{outline:2px solid #c4b5fd;outline-offset:3px}.image-crop-hint{color:#b8c4d6;font-size:12px;margin:10px 0 16px}.image-crop-stage{display:flex;align-items:center;justify-content:center;min-height:120px;background:#05080f;border-radius:14px;overflow:hidden}.image-crop-frame{position:relative;max-height:34dvh;max-width:100%}.image-crop-frame canvas{display:block;width:100%;height:100%;object-fit:fill;touch-action:none;cursor:grab}.image-crop-grid{position:absolute;inset:0;pointer-events:none;border:1px solid #ffffffb3;background:linear-gradient(90deg,transparent 33.1%,#ffffff40 33.3%,transparent 33.5%,transparent 66.4%,#ffffff40 66.6%,transparent 66.8%),linear-gradient(transparent 33.1%,#ffffff40 33.3%,transparent 33.5%,transparent 66.4%,#ffffff40 66.6%,transparent 66.8%)}.image-crop-controls{border:0;padding:0;margin:16px 0 0;min-width:0}.image-crop-ratios{display:flex;gap:6px;flex-wrap:wrap;margin-bottom:12px;font-size:12px}.image-crop-ratios button[aria-pressed=true]{background:#5b21b6;border-color:#a78bfa}.image-crop-controls label{display:flex;align-items:center;gap:12px;font-size:12px;color:#cbd5e1;margin:8px 0}.image-crop-controls input[type=range]{min-width:0;flex:1;height:28px;accent-color:#a78bfa}.image-crop-position{display:grid;grid-template-columns:1fr 1fr;gap:12px}.image-crop-position label{display:block}.image-crop-position input{display:block;width:100%}.image-crop-dialog .image-crop-reset{background:transparent;border:0;padding-left:0;font-size:12px;color:#c4b5fd}.image-crop-actions{display:grid;grid-template-columns:1fr 1.5fr;gap:10px;margin-top:12px;padding-bottom:env(safe-area-inset-bottom)}.image-crop-actions button:last-child{background:#7c3aed;border-color:#8b5cf6;color:#fff;font-weight:700}.image-crop-error{color:#fda4af;font-size:12px}