.yg-avatar-editor{--avatar-paper:var(--f-paper,#fffefa);--avatar-ink:var(--f-ink,#252623);--avatar-muted:var(--f-muted,#74766e);--avatar-line:var(--f-line,#dfdfd8);box-sizing:border-box;width:min(460px,calc(100vw - 32px));max-width:none;max-height:calc(100dvh - 32px);margin:auto;padding:27px 30px 24px;border:1px solid var(--avatar-line);border-radius:18px;background:var(--avatar-paper);color:var(--avatar-ink);font:14px/1.6 -apple-system,BlinkMacSystemFont,"PingFang SC","Noto Sans SC",sans-serif;box-shadow:0 24px 90px #0003;overflow:auto;overscroll-behavior:contain}
.yg-avatar-editor::backdrop{background:rgb(20 22 20 / 55%);backdrop-filter:blur(5px)}
.yg-avatar-editor *{box-sizing:border-box}
.yg-avatar-editor button{appearance:none;margin:0;font:inherit;cursor:pointer;transition:background .16s ease,color .16s ease}
.yg-avatar-editor button:disabled,.yg-avatar-editor input:disabled{cursor:wait;opacity:.6}
.yg-avatar-editor button:focus-visible,.yg-avatar-editor input:focus-visible,.yg-avatar-editor__stage:focus-visible{outline:2px solid var(--yg-accent,#ff3355);outline-offset:4px}
.yg-avatar-editor__header{display:flex;justify-content:space-between;align-items:center;gap:20px;margin:0 0 7px}
.yg-avatar-editor__eyebrow{font-size:10px;letter-spacing:.15em;color:var(--avatar-muted);margin:0 0 3px}
.yg-avatar-editor h2{font-size:24px;line-height:1.4;letter-spacing:-.035em;font-weight:650;margin:0}
.yg-avatar-editor .yg-avatar-editor__close{display:grid;place-items:center;flex-shrink:0;width:42px;height:42px;border:0;border-radius:50%;background:transparent;color:var(--avatar-muted)}
.yg-avatar-editor__close:hover{background:var(--f-soft,#eeeee8);color:var(--avatar-ink)}
.yg-avatar-editor__close svg{width:20px;height:20px;fill:none;stroke:currentColor;stroke-width:1.5;stroke-linecap:round}
.yg-avatar-editor__hint{margin:0 0 24px;color:var(--avatar-muted);font-size:13px}
.yg-avatar-editor__stage{position:relative;isolation:isolate;width:min(100%,320px);aspect-ratio:1;margin:0 auto;overflow:hidden;border-radius:10px;background:#fff;cursor:grab;touch-action:none;user-select:none;-webkit-user-select:none}
.yg-avatar-editor__stage.is-dragging{cursor:grabbing}
.yg-avatar-editor__stage[aria-disabled=true]{cursor:wait}
.yg-avatar-editor .yg-avatar-editor__photo{position:absolute;top:0;left:0;display:block;max-width:none;max-height:none;transform-origin:0 0;pointer-events:none;user-select:none;-webkit-user-drag:none}
.yg-avatar-editor__mask{position:absolute;inset:0;border-radius:50%;box-shadow:0 0 0 100px rgb(14 16 14 / 54%);pointer-events:none}
.yg-avatar-editor__guide{position:absolute;inset:1px;border:1px solid rgb(255 255 255 / 88%);border-radius:50%;pointer-events:none}
.yg-avatar-editor__zoom{display:grid;grid-template-columns:28px minmax(0,1fr) 43px;align-items:center;gap:13px;width:min(100%,320px);margin:22px auto 0;color:var(--avatar-muted);font-size:12px}
.yg-avatar-editor__zoom input{appearance:none;width:100%;min-width:0;height:28px;margin:0;background:transparent;accent-color:var(--yg-accent,#ff3355);cursor:pointer}
.yg-avatar-editor__zoom input::-webkit-slider-runnable-track{height:3px;background:var(--avatar-line);border-radius:4px}
.yg-avatar-editor__zoom input::-webkit-slider-thumb{appearance:none;margin-top:-6px;width:15px;height:15px;border:0;border-radius:50%;background:var(--yg-accent,#ff3355);box-shadow:0 0 0 4px var(--avatar-paper)}
.yg-avatar-editor__zoom input::-moz-range-track{height:3px;background:var(--avatar-line);border-radius:4px}
.yg-avatar-editor__zoom input::-moz-range-thumb{width:15px;height:15px;border:0;border-radius:50%;background:var(--yg-accent,#ff3355)}
.yg-avatar-editor__zoom output{text-align:right;font-variant-numeric:tabular-nums}
.yg-avatar-editor__caption{display:flex;align-items:center;justify-content:space-between;gap:12px;width:min(100%,320px);margin:2px auto 0;font-size:11px;color:var(--avatar-muted)}
.yg-avatar-editor .yg-avatar-editor__reset{min-height:40px;padding:0 2px;border:0;background:transparent;color:var(--avatar-ink);font-size:12px;text-decoration:underline;text-underline-offset:4px;text-decoration-color:var(--avatar-line)}
.yg-avatar-editor__reset:hover{text-decoration-color:currentColor}
.yg-avatar-editor__status{min-height:20px;margin:7px 0 12px;text-align:center;color:var(--avatar-muted);font-size:12px;overflow-wrap:anywhere}
.yg-avatar-editor__status.is-error{color:var(--yg-accent,#ff3355)}
.yg-avatar-editor__actions{display:grid;grid-template-columns:1fr 1.7fr;gap:11px;padding-top:17px;border-top:1px solid var(--avatar-line)}
.yg-avatar-editor__actions button{min-height:46px;padding:11px 16px;border:1px solid var(--avatar-line);border-radius:8px;background:transparent;color:var(--avatar-ink);font-size:13px;font-weight:550}
.yg-avatar-editor__actions .yg-avatar-editor__confirm{border-color:var(--yg-accent,#ff3355);background:var(--yg-accent,#ff3355);color:white}
.yg-avatar-editor__cancel:hover{background:var(--f-soft,#eeeee8)}
.yg-avatar-editor__confirm:hover{filter:brightness(.94)}
html[data-theme=dark] .yg-avatar-editor{--avatar-paper:var(--f-paper,#202224);--avatar-ink:var(--f-ink,#eeece8);--avatar-muted:var(--f-muted,#adaeaf);--avatar-line:var(--f-line,#36383b);box-shadow:0 24px 90px #0007}
@media(max-width:480px){.yg-avatar-editor{width:calc(100vw - 24px);max-height:calc(100dvh - 24px);padding:21px 20px 20px;border-radius:15px}.yg-avatar-editor__hint{margin-bottom:20px}.yg-avatar-editor h2{font-size:23px}.yg-avatar-editor__zoom{margin-top:17px}.yg-avatar-editor__actions{gap:9px;padding-top:15px}.yg-avatar-editor__actions button{padding:10px 8px}.yg-avatar-editor__status{margin-top:4px;margin-bottom:10px}}
@media(max-height:680px){.yg-avatar-editor__stage{width:min(100%,270px)}.yg-avatar-editor__hint{margin-bottom:16px}.yg-avatar-editor__zoom{margin-top:13px}.yg-avatar-editor__status{margin-top:0;margin-bottom:7px}}
@media(prefers-reduced-motion:reduce){.yg-avatar-editor button{transition:none}.yg-avatar-editor::backdrop{backdrop-filter:none}}