.avatar-editor{width:min(540px,calc(100% - 24px));max-height:calc(100dvh - 24px);padding:0;border:1px solid #ceb27b55;border-radius:22px;background:#151e18;color:#f3f0e8;box-shadow:0 24px 100px #0009;overflow:auto;overscroll-behavior:contain;font-family:var(--sans,'Segoe UI',sans-serif)}
.avatar-editor::backdrop{background:#030905d9;backdrop-filter:blur(5px)}
.avatar-editor [hidden]{display:none!important}
.avatar-editor-header{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:23px 26px 19px;border-bottom:1px solid #ceb27b20}
.avatar-editor-eyebrow{font-size:9px;letter-spacing:2px;color:#ceb27b}
.avatar-editor h2{font-family:var(--serif,Georgia,serif);font-size:27px;font-weight:400;line-height:1.3;letter-spacing:-.4px;margin:8px 0 0}
.avatar-editor button{min-height:44px;min-width:44px;border:1px solid #ceb27b35;border-radius:10px;color:#f3f0e8;background:#ffffff04;padding:10px 15px;font-size:13px;font-family:inherit;cursor:pointer;touch-action:manipulation}
.avatar-editor button:focus-visible,.avatar-editor canvas:focus-visible,.avatar-editor input:focus-visible{outline:2px solid #e7cfa2;outline-offset:3px}
.avatar-editor button:disabled{opacity:.45;cursor:wait}
.avatar-editor .avatar-editor-close{font-size:25px;border-radius:50%;padding:4px;line-height:1}
.avatar-editor-content{padding:17px 26px 0}
.avatar-editor-help{font-size:12px;line-height:1.65;color:#acb7aa;margin:0 0 16px}
.avatar-editor-frame{position:relative;width:min(100%,380px);margin:auto;aspect-ratio:1;background:#0d1510;overflow:hidden;border:1px solid #ceb27b66;border-radius:4px}
.avatar-editor canvas{display:block;width:100%;height:100%;touch-action:none;cursor:grab;user-select:none;-webkit-user-select:none}
.avatar-editor canvas:active{cursor:grabbing}
.avatar-editor-guide{position:absolute;inset:0;border:1px solid #fff8;border-radius:50%;box-shadow:0 0 0 120px #05100a66;pointer-events:none}
.avatar-editor-zoom{display:flex;align-items:center;gap:12px;font-size:12px;color:#b7c0b4;margin:19px 0 13px}
.avatar-editor-zoom input{min-width:0;flex:1;accent-color:#ceb27b;height:34px;cursor:pointer}
.avatar-editor-zoom output{min-width:42px;text-align:right;color:#e7cfa2;font-variant-numeric:tabular-nums}
.avatar-editor-tools{display:flex;justify-content:space-between;gap:12px}
.avatar-editor-tools button{flex:1;background:transparent}
.avatar-editor-footer{display:flex;justify-content:space-between;gap:12px;padding:21px 26px max(23px,env(safe-area-inset-bottom,0px))}
.avatar-editor-footer button{flex:1}
.avatar-editor [data-crop-confirm]{background:#ceb27b;color:#182017;border-color:#ceb27b;font-weight:600}
.avatar-editor-loading{padding:65px 26px;text-align:center;line-height:1.8;color:#e7cfa2}
.avatar-editor-loading small{display:block;font-size:12px;color:#acb7aa;margin-top:8px}
.avatar-editor-error{font-size:12px;line-height:1.6;color:#f0a3a0;margin:14px 0 0}
@media(max-width:560px){.avatar-editor{width:calc(100% - 16px);max-height:calc(100dvh - 16px);border-radius:18px}.avatar-editor-header{padding:18px 20px 15px}.avatar-editor h2{font-size:25px}.avatar-editor-content{padding:15px 20px 0}.avatar-editor-footer{padding:18px 20px max(18px,env(safe-area-inset-bottom,0px))}.avatar-editor-frame{width:min(100%,calc(100dvh - 365px));min-width:200px}.avatar-editor-help{font-size:11px;margin-bottom:12px}.avatar-editor-zoom{margin-top:13px;margin-bottom:9px}}