.avatar-cropper{position:fixed;inset:0;z-index:11000;box-sizing:border-box;width:100%;height:100%;max-width:none;max-height:none;margin:0;border:0;padding:24px;background:transparent;color:#292e32;overflow:auto;font:400 14px/1.55 system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
.avatar-cropper:not([open]){display:none}.avatar-cropper[open]{display:grid;place-items:center}
.avatar-cropper::backdrop{background:rgb(24 29 33 / .65);backdrop-filter:blur(5px)}
.avatar-cropper.avatar-cropper--fallback{background:rgb(24 29 33 / .65);backdrop-filter:blur(5px)}
.avatar-cropper *{box-sizing:border-box}.avatar-cropper [hidden]{display:none!important}
.avatar-cropper__panel{display:flex;flex-direction:column;width:min(100%,790px);max-height:calc(100vh - 48px);max-height:calc(100dvh - 48px);min-height:0;margin:auto;background:#fffcf8;border:1px solid #e7ddd2;border-radius:24px;box-shadow:0 24px 100px #10171c40;overflow:hidden;animation:avatar-cropper-enter .2s ease-out}
.avatar-cropper__header{display:flex;flex-shrink:0;justify-content:space-between;align-items:flex-start;gap:20px;padding:27px 30px 20px}
.avatar-cropper__eyebrow{margin:0 0 9px;font-size:10px;font-weight:800;letter-spacing:.17em;color:#b2602b}
.avatar-cropper h2{margin:0;font-size:27px;line-height:1.25;letter-spacing:-.03em;color:#24292d;font-weight:750}
.avatar-cropper__header p:last-child{margin:10px 0 0;color:#777d81;font-size:13px;line-height:1.65}
.avatar-cropper button{display:inline-flex;align-items:center;justify-content:center;gap:7px;font:inherit;cursor:pointer;line-height:1.3;border:1px solid transparent;transition:background .16s,border-color .16s,box-shadow .16s;color:inherit}
.avatar-cropper button:disabled{cursor:default;opacity:.4}.avatar-cropper button:focus-visible,.avatar-cropper__stage:focus-visible,.avatar-cropper input:focus-visible{outline:3px solid #ea6d24;outline-offset:4px}
.avatar-cropper svg{display:block;flex:none;width:19px;height:19px}
.avatar-cropper__close{flex:none;width:36px;height:36px;border-radius:50%;background:#f1ece5;color:#77746e!important;padding:8px}
.avatar-cropper__close:hover{background:#e8e1d7;color:#313735!important}
.avatar-cropper__content{display:grid;grid-template-columns:minmax(0,1fr) 210px;align-items:start;flex:1 1 auto;min-height:0;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;gap:29px;padding:4px 30px 6px}
.avatar-cropper__editor{min-width:0}
.avatar-cropper__stage{position:relative;display:grid;place-items:center;width:100%;max-width:clamp(220px,calc(100dvh - 310px),440px);margin-inline:auto;aspect-ratio:1;background-color:#e9e4dd;background-image:linear-gradient(45deg,#f8f3ed 25%,transparent 25%),linear-gradient(-45deg,#f8f3ed 25%,transparent 25%),linear-gradient(45deg,transparent 75%,#f8f3ed 75%),linear-gradient(-45deg,transparent 75%,#f8f3ed 75%);background-size:20px 20px;background-position:0 0,0 10px,10px -10px,-10px 0;border:1px solid #d7cec4;border-radius:16px;overflow:hidden;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.avatar-cropper__stage.is-dragging{cursor:grabbing}
.avatar-cropper__canvas{display:block;width:100%;height:100%;pointer-events:none}
.avatar-cropper__mask{position:absolute;inset:0;border:1px solid rgb(255 255 255 / .9);border-radius:50%;box-shadow:0 0 0 200px rgb(24 29 33 / .42);pointer-events:none}
.avatar-cropper__loading{position:absolute;inset:0;display:grid;place-items:center;margin:0;background:#f4efe7;color:#806e5e;font-size:14px}
.avatar-cropper__drag-hint{display:flex;align-items:center;justify-content:center;gap:8px;margin:13px 0 0;color:#8a8176;font-size:12px;text-align:center}
.avatar-cropper__drag-hint svg{width:15px;height:15px}
.avatar-cropper__controls{display:flex;flex-direction:column;gap:15px;min-width:0}
.avatar-cropper__preview-box{display:flex;flex-direction:column;align-items:center;padding:0 0 9px;text-align:center}
.avatar-cropper__preview{display:block;width:94px;height:94px;border-radius:50%;background:#f1ece5;box-shadow:0 0 0 5px #fff,0 0 0 6px #e8dfd5;margin:7px 0 13px}
.avatar-cropper__preview-box strong{font-size:12px;color:#44413e}
.avatar-cropper__preview-box p{font-size:11px;color:#8a837b;margin:5px 0 0;max-width:160px}
.avatar-cropper__field{display:flex;flex-direction:column;gap:8px;margin:0}
.avatar-cropper__field-heading{display:flex;align-items:center;justify-content:space-between;gap:8px;font-size:12px}
.avatar-cropper__field-heading label{font-weight:650;color:#5b5550}.avatar-cropper__field-heading output{font-variant-numeric:tabular-nums;color:#a35d32;font-size:11px}
.avatar-cropper input[type=range]{display:block;width:100%;height:20px;min-height:20px;margin:0;padding:0;accent-color:#e8681a;cursor:pointer;background:transparent;box-shadow:none;border:0}
.avatar-cropper input[type=range]:disabled{opacity:.3;cursor:default}
.avatar-cropper__zoom-buttons{display:flex;justify-content:space-between;margin-top:-4px}
.avatar-cropper__icon-button{width:26px;height:26px;border-radius:7px;border-color:#e8dfd5!important;background:#fffdfa;padding:5px}.avatar-cropper__icon-button svg{width:14px;height:14px}.avatar-cropper__icon-button:hover{background:#f7e6d8}
.avatar-cropper__reset{align-self:flex-start;padding:6px 0;background:transparent;color:#a85c29!important;font-size:12px!important}.avatar-cropper__reset:hover{text-decoration:underline}.avatar-cropper__reset svg{width:15px;height:15px}
.avatar-cropper__privacy{display:flex;flex-shrink:0;align-items:flex-start;gap:9px;padding:14px 30px;margin:10px 0 0;color:#8b8378;font-size:11px;line-height:1.7}.avatar-cropper__privacy svg{width:14px;height:14px;margin-top:2px}
.avatar-cropper__error{flex-shrink:0;margin:0 30px 15px;padding:11px 14px;border:1px solid #f2c2ad;border-radius:9px;background:#fff1e9;color:#a34625;font-size:12px}
.avatar-cropper__footer{display:flex;flex-shrink:0;align-items:center;justify-content:flex-end;gap:12px;border-top:1px solid #eae3db;background:#faf5ee;padding:18px 30px}
.avatar-cropper__cancel,.avatar-cropper__save{min-height:43px;padding:11px 20px;border-radius:11px;font-size:13px!important;font-weight:700!important}
.avatar-cropper__cancel{border-color:#e3d9cd!important;background:#fffcf8}.avatar-cropper__cancel:hover{background:#eee6db}
.avatar-cropper__save{background:#ea6513;color:white!important;box-shadow:0 3px 0 #bd4d0b}
.avatar-cropper__save:hover{background:#d85b0c}
@keyframes avatar-cropper-enter{from{opacity:0;transform:translateY(10px) scale(.985)}to{opacity:1;transform:none}}
@media(max-width:620px){.avatar-cropper{padding:12px}.avatar-cropper__panel{border-radius:18px;max-width:440px;max-height:calc(100vh - 24px);max-height:calc(100dvh - 24px)}.avatar-cropper__header{padding:21px 20px 18px;gap:12px}.avatar-cropper h2{font-size:23px}.avatar-cropper__content{grid-template-columns:1fr;padding:4px 20px 6px;gap:19px}.avatar-cropper__stage{max-width:340px;margin:0 auto}.avatar-cropper__controls{display:grid;grid-template-columns:1fr 1fr;gap:14px 20px}.avatar-cropper__preview-box{grid-row:span 2;justify-content:center;padding:0}.avatar-cropper__preview{width:67px;height:67px;margin:6px 0 10px}.avatar-cropper__preview-box p{font-size:10px}.avatar-cropper__field:first-of-type{grid-column:2}.avatar-cropper__reset{align-self:end;justify-self:start}.avatar-cropper__privacy{padding:15px 20px;margin-top:4px}.avatar-cropper__footer{padding:16px 20px}.avatar-cropper__error{margin:0 20px 15px}}
@media(prefers-reduced-motion:reduce){.avatar-cropper__panel{animation:none}.avatar-cropper button{transition:none}}

.avatar-cropper__ai{display:flex;gap:10px;align-items:center;padding:8px 24px;color:#4e4236;font-size:14px}.avatar-cropper__ai input{width:18px;height:18px;accent-color:#ff6a00}
