.human-avatar-cropper{position:fixed;inset:0;z-index:2700;display:grid;place-items:center;padding:24px}body:has(header[data-app-header]) .human-avatar-cropper{top:var(--header-h,64px);bottom:0}.human-avatar-cropper__backdrop{position:absolute;inset:0;background:rgba(15,23,42,.52);backdrop-filter:blur(14px) saturate(135%);-webkit-backdrop-filter:blur(14px) saturate(135%)}.human-avatar-cropper__panel{position:relative;width:min(680px,calc(100vw - 48px));border-radius:28px;background:linear-gradient(135deg,rgba(255,255,255,.78),rgba(255,255,255,.58));box-shadow:inset 0 1px 0 rgba(255,255,255,.6),0 28px 70px rgba(15,23,42,.18);border:1px solid rgba(255,255,255,.65);backdrop-filter:blur(16px) saturate(140%);-webkit-backdrop-filter:blur(16px) saturate(140%);padding:32px;color:#0f172a;display:grid;gap:24px;grid-template-rows:auto 1fr auto}.human-avatar-cropper__panel:before{position:absolute;inset:0;border-radius:inherit;padding:1px;background:linear-gradient(145deg,rgba(255,255,255,.85),rgba(255,255,255,.25));content:"";pointer-events:none;mask:linear-gradient(#000,#000) content-box,linear-gradient(#000,#000);mask-composite:exclude}.human-avatar-cropper__header{display:flex;justify-content:space-between;align-items:flex-start;gap:16px}.human-avatar-cropper__header h2{font-size:20px;font-weight:600;margin:0 0 4px}.human-avatar-cropper__header p{margin:0;font-size:14px;color:rgba(15,23,42,.65)}.human-avatar-cropper__close{border:none;background:rgba(148,163,184,.18);color:rgba(15,23,42,.75);width:36px;height:36px;border-radius:18px;display:grid;place-items:center;cursor:pointer;transition:background .2s ease,transform .2s ease}.human-avatar-cropper__close:hover{background:rgba(59,130,246,.18)}.human-avatar-cropper__close:active{transform:scale(.95)}.human-avatar-cropper__body{display:grid;gap:24px;grid-template-columns:auto 1fr;align-items:center}@media (max-width:768px){.human-avatar-cropper__body{grid-template-columns:1fr;justify-items:center}}.human-avatar-cropper__viewport{position:relative;border-radius:22px;background:radial-gradient(circle at 50% 50%,rgba(255,255,255,.9),rgba(226,232,240,.85));box-shadow:0 18px 40px rgba(15,23,42,.12);overflow:hidden;touch-action:none}.human-avatar-cropper__viewport.is-circle{border-radius:999px;mask-image:radial-gradient(circle 50% at 50% 50%,#000 99%,transparent 100%);-webkit-mask-image:radial-gradient(circle 50% at 50% 50%,#000 99%,transparent 100%)}.human-avatar-cropper__viewport.is-rounded{mask-image:none;-webkit-mask-image:none}.human-avatar-cropper__viewport.is-empty{display:grid;place-items:center;color:rgba(15,23,42,.6);font-size:14px;text-align:center;padding:0 24px}.human-avatar-cropper__frame{position:relative;width:100%;height:100%;border-radius:inherit;overflow:hidden}.human-avatar-cropper__viewport.is-circle .human-avatar-cropper__frame{mask-image:radial-gradient(circle 50% at 50% 50%,#000 99%,transparent 100%);-webkit-mask-image:radial-gradient(circle 50% at 50% 50%,#000 99%,transparent 100%)}.human-avatar-cropper__viewport.is-rounded .human-avatar-cropper__frame{mask-image:none;-webkit-mask-image:none}.human-avatar-cropper__frame img{position:absolute;top:50%;left:50%;width:auto;height:auto;max-width:none;max-height:none;transform-origin:center center;user-select:none;pointer-events:none;transition:transform .12s ease}.human-avatar-cropper__highlight{position:absolute;inset:0;border-radius:inherit;border:4px solid var(--avatar-cropper-accent,rgba(249,115,22,.85));box-shadow:0 0 0 8px rgba(255,255,255,.45);pointer-events:none}.human-avatar-cropper__controls{display:grid;gap:12px}.human-avatar-cropper__slider-label{display:flex;justify-content:space-between;font-size:14px;color:rgba(15,23,42,.7)}.human-avatar-cropper__zoom-value{font-weight:600;color:var(--avatar-cropper-accent,#f97316)}.human-avatar-cropper__controls input[type=range]{width:100%;accent-color:var(--avatar-cropper-accent,#f97316)}.human-avatar-cropper__reset{align-self:start;justify-self:start;border:none;background:rgba(148,163,184,.16);color:rgba(15,23,42,.75);padding:8px 14px;border-radius:999px;font-size:13px;cursor:pointer;transition:background .2s ease}.human-avatar-cropper__reset:hover:not(:disabled){background:rgba(59,130,246,.16)}.human-avatar-cropper__reset:disabled{opacity:.5;cursor:default}.human-avatar-cropper__error{font-size:13px;color:#dc2626;background:rgba(220,38,38,.08);border-radius:16px;padding:10px 16px}.human-avatar-cropper__footer{display:flex;justify-content:flex-end}.human-avatar-cropper__confirm{border:none;border-radius:999px;font-size:14px;font-weight:600;padding:10px 22px;cursor:pointer;transition:transform .2s ease,box-shadow .2s ease,background .2s ease;background:linear-gradient(135deg,var(--avatar-cropper-accent,#f97316),color-mix(in srgb,var(--avatar-cropper-accent,#f97316) 82%,#f59e0b));color:white;box-shadow:0 14px 25px rgba(37,99,235,.28)}.human-avatar-cropper__confirm:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 20px 35px rgba(37,99,235,.32)}.human-avatar-cropper__confirm:disabled{opacity:.5;cursor:default;box-shadow:none}