:root{--theme-text-color:#000;--theme-top-color:#fff;--theme-bottom-color:#7f02f9}.media-cropper{z-index:10000;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#0000008c;justify-content:center;align-items:center;display:flex;position:fixed;inset:0}.media-cropper__panel{background:#fff;border-radius:14px;flex-direction:column;gap:14px;width:100%;max-width:420px;margin:0 16px;padding:24px;display:flex;box-shadow:0 20px 25px -5px #00000026,0 8px 10px -6px #0000001a}.media-cropper__title{color:#1e293b;margin:0;font-family:Inter,sans-serif;font-size:18px;font-weight:600}.media-cropper__hint{color:#4b5563;margin:0;font-family:Inter,sans-serif;font-size:13px}.media-cropper__stage{aspect-ratio:1;background:#111;border-radius:12px;width:100%;position:relative;overflow:hidden}.media-cropper__stage[data-shape=rect]{aspect-ratio:9/16;max-height:60vh;margin:0 auto}.media-cropper__zoom{align-items:center;gap:12px;display:flex}.media-cropper__zoom-label{color:#4b5563;min-width:36px;font-family:Inter,sans-serif;font-size:12px;font-weight:600}.media-cropper__zoom input[type=range]{accent-color:#7f02f9;flex:1}.media-cropper__actions{justify-content:flex-end;gap:12px;display:flex}.media-cropper__button{cursor:pointer;border:1px solid #0000;border-radius:8px;padding:8px 20px;font-family:Inter,sans-serif;font-size:14px;font-weight:500;transition:background-color .2s,border-color .2s}.media-cropper__button:disabled{opacity:.6;cursor:not-allowed}.media-cropper__button--cancel{color:#1e293b;background:#fff;border-color:#d1d5db}.media-cropper__button--cancel:hover:not(:disabled){background:#f3f4f6}.media-cropper__button--save{color:#fff;background:#7f02f9;border-color:#7f02f9}.media-cropper__button--save:hover:not(:disabled){background:#6a02d1}