.page-module__NS_O2G__hero{text-align:center;padding-block:126px 96px}.page-module__NS_O2G__eyebrow{color:#00000080;letter-spacing:.16em;text-transform:uppercase;margin:0 0 18px;font-size:12px;font-weight:700;line-height:18px}.page-module__NS_O2G__heroTitle{color:#171717;letter-spacing:-.055em;text-wrap:balance;max-width:900px;margin:0 auto;font-size:clamp(46px,6.5vw,82px);font-weight:520;line-height:.98}.page-module__NS_O2G__heroDescription{color:#00000094;text-wrap:balance;max-width:720px;margin:28px auto 0;font-size:18px;line-height:29px}.page-module__NS_O2G__toolShell{text-align:start;width:100%;max-width:1120px;margin:58px auto 0}.page-module__NS_O2G__toolForm{width:100%}.page-module__NS_O2G__workbench{background:#fffffffa;border:1px solid #00000017;border-radius:30px;grid-template-columns:minmax(310px,.88fr) minmax(460px,1.12fr);display:grid;overflow:hidden;box-shadow:0 34px 90px #2320191f,0 2px 8px #0000000a}.page-module__NS_O2G__uploadPanel,.page-module__NS_O2G__optionsPanel{min-width:0;padding:34px}.page-module__NS_O2G__uploadPanel{background:#f5f3ee;border-inline-end:1px solid #00000014}.page-module__NS_O2G__panelHeading{align-items:flex-start;gap:14px;display:flex}.page-module__NS_O2G__panelHeading h2{color:#1f1f1f;letter-spacing:-.02em;margin:0;font-size:19px;font-weight:650;line-height:25px}.page-module__NS_O2G__panelHeading p{color:#0000007a;margin:6px 0 0;font-size:13px;line-height:20px}.page-module__NS_O2G__stepLabel{color:#fff;font-variant-numeric:tabular-nums;letter-spacing:.05em;background:#222;border-radius:999px;flex:none;justify-content:center;align-items:center;width:34px;height:24px;font-size:11px;font-weight:700;display:inline-flex}.page-module__NS_O2G__uploadSurface{aspect-ratio:1;color:#222;cursor:pointer;background:#ffffffa8;border:1px dashed #00000038;border-radius:24px;justify-content:center;align-items:center;width:100%;margin-block-start:26px;transition:border-color .16s,background-color .16s,transform .16s;display:flex;position:relative;overflow:hidden}.page-module__NS_O2G__uploadSurface:hover:not(:disabled){background:#fff;border-color:#0000007a;transform:translateY(-1px)}.page-module__NS_O2G__uploadSurface:focus-visible,.page-module__NS_O2G__styleOption:focus-visible,.page-module__NS_O2G__pillOption:focus-visible,.page-module__NS_O2G__removePhoto:focus-visible,.page-module__NS_O2G__generateButton:focus-visible{outline-offset:3px;outline:2px solid #242424}.page-module__NS_O2G__uploadSurface:disabled{cursor:default}.page-module__NS_O2G__uploadSurface[data-has-image=true]{background:#ddd8ce;border-style:solid;border-color:#00000014}.page-module__NS_O2G__uploadState{text-align:center;flex-direction:column;align-items:center;max-width:220px;display:flex}.page-module__NS_O2G__uploadState strong{margin-block-start:16px;font-size:15px;font-weight:650;line-height:22px}.page-module__NS_O2G__uploadState small{color:#00000075;margin-block-start:7px;font-size:12px;line-height:18px}.page-module__NS_O2G__uploadIcon{background:#fff;border:1px solid #00000014;border-radius:16px;justify-content:center;align-items:center;width:48px;height:48px;display:inline-flex;box-shadow:0 8px 24px #00000014}.page-module__NS_O2G__uploadIcon svg{width:21px;height:21px}.page-module__NS_O2G__spinner{width:28px;height:28px;animation:.8s linear infinite page-module__NS_O2G__spin}.page-module__NS_O2G__uploadedPreview{display:block;position:absolute;inset:0}.page-module__NS_O2G__uploadedPreview img{-o-object-fit:cover;object-fit:cover}.page-module__NS_O2G__readyBadge{color:#fff;-webkit-backdrop-filter:blur(12px);backdrop-filter:blur(12px);background:#161616c7;border:1px solid #ffffff75;border-radius:999px;align-items:center;gap:6px;padding:7px 10px;font-size:11px;font-weight:650;line-height:14px;display:inline-flex;position:absolute;inset-block-start:14px;inset-inline-start:14px}.page-module__NS_O2G__readyBadge svg{width:13px;height:13px}.page-module__NS_O2G__removePhoto{color:#00000094;cursor:pointer;background:0 0;border:0;align-items:center;gap:6px;margin-block-start:8px;padding:8px 0;font-size:12px;display:inline-flex}.page-module__NS_O2G__removePhoto:hover{color:#111}.page-module__NS_O2G__removePhoto svg{width:14px;height:14px}.page-module__NS_O2G__privacyNote{color:#0006;margin:12px 0 0;font-size:11px;line-height:17px}.page-module__NS_O2G__fieldset,.page-module__NS_O2G__compactFieldset{border:0;min-width:0;margin:0;padding:0}.page-module__NS_O2G__fieldset{margin-block-start:26px}.page-module__NS_O2G__fieldset legend,.page-module__NS_O2G__compactFieldset legend{color:#262626;letter-spacing:.01em;padding:0;font-size:12px;font-weight:700;line-height:18px}.page-module__NS_O2G__styleGrid{grid-template-columns:repeat(5,minmax(0,1fr));gap:10px;margin-block-start:10px;display:grid}.page-module__NS_O2G__styleOption{color:#262626;cursor:pointer;background:#fff;border:1px solid #00000017;border-radius:16px;min-width:0;padding:6px 6px 10px;font-size:11px;font-weight:600;line-height:16px;transition:border-color .15s,box-shadow .15s,transform .15s;position:relative;overflow:hidden}.page-module__NS_O2G__styleOption:hover{border-color:#00000042;transform:translateY(-1px)}.page-module__NS_O2G__styleOption[aria-pressed=true]{border-color:#242424;box-shadow:0 0 0 1px #242424}.page-module__NS_O2G__stylePreview{aspect-ratio:1;background-image:url(/tools/ai-avatar-generator/avatar-style-grid-v1.webp);background-repeat:no-repeat;background-size:200% 200%;border-radius:11px;width:100%;margin-block-end:8px;display:block}.page-module__NS_O2G__stylePreview[data-style=realistic]{background-position:0 0}.page-module__NS_O2G__stylePreview[data-style=threeDimensional]{background-position:100% 0}.page-module__NS_O2G__stylePreview[data-style=illustration]{background-position:0 100%}.page-module__NS_O2G__stylePreview[data-style=pixel]{background-position:100% 100%}.page-module__NS_O2G__stylePreview[data-style=naiveDoodle]{background-image:url(/tools/ai-avatar-generator/naive-doodle-avatar-v1.webp);background-position:50%;background-size:cover}.page-module__NS_O2G__skillSourceBadge{color:#fff;letter-spacing:.05em;text-transform:uppercase;background:#222222d6;border:1px solid #ffffffa3;border-radius:999px;padding:2px 6px;font-size:8px;font-weight:720;line-height:12px;position:absolute;inset-block-start:11px;inset-inline-start:11px}.page-module__NS_O2G__selectedMark{color:#fff;background:#222;border-radius:999px;justify-content:center;align-items:center;width:21px;height:21px;display:inline-flex;position:absolute;inset-block-start:11px;inset-inline-end:11px;box-shadow:0 2px 8px #00000038}.page-module__NS_O2G__selectedMark svg{width:12px;height:12px}.page-module__NS_O2G__compactOptions{gap:18px;margin-block-start:24px;display:grid}.page-module__NS_O2G__pillGroup{flex-wrap:wrap;gap:7px;margin-block-start:8px;display:flex}.page-module__NS_O2G__pillOption{color:#0000009e;cursor:pointer;background:#fff;border:1px solid #0000001a;border-radius:999px;align-items:center;gap:7px;min-height:34px;padding:6px 12px;font-size:12px;font-weight:560;line-height:18px;transition:border-color .14s,background-color .14s,color .14s;display:inline-flex}.page-module__NS_O2G__pillOption:hover{color:#222;border-color:#00000042}.page-module__NS_O2G__pillOption[aria-pressed=true]{color:#fff;background:#262626;border-color:#262626}.page-module__NS_O2G__colorDot{background:#efe3cf;border:1px solid #0000001f;border-radius:999px;flex:none;width:12px;height:12px}.page-module__NS_O2G__pillOption[data-swatch=lilac] .page-module__NS_O2G__colorDot{background:#dcd0ea}.page-module__NS_O2G__pillOption[data-swatch=mint] .page-module__NS_O2G__colorDot{background:#cddfd2}.page-module__NS_O2G__pillOption[data-swatch=dark] .page-module__NS_O2G__colorDot{background:#333;border-color:#ffffff4d}.page-module__NS_O2G__pillOption[aria-pressed=true] .page-module__NS_O2G__colorDot{border-color:#ffffff70}.page-module__NS_O2G__generateButton{color:#fff;cursor:pointer;background:#222;border:1px solid #222;border-radius:18px;justify-content:space-between;align-items:center;gap:14px;width:100%;min-height:54px;margin-block-start:26px;padding-block:8px;padding-inline:18px 9px;font-size:14px;font-weight:650;display:flex}.page-module__NS_O2G__skillControlNote{color:#675f55;background:#f8f3ea;border:1px solid #2d261e1a;border-radius:14px;margin-block:24px 0;padding-block:11px;padding-inline:13px;font-size:12px;line-height:1.55}.page-module__NS_O2G__generateButton>span:first-child{align-items:center;gap:9px;display:inline-flex}.page-module__NS_O2G__generateButton>span:first-child svg{width:16px;height:16px}.page-module__NS_O2G__generateButton:disabled{cursor:wait;opacity:.58}.page-module__NS_O2G__generateArrow{color:#222;background:#fff;border-radius:12px;justify-content:center;align-items:center;width:36px;height:36px;display:inline-flex}.page-module__NS_O2G__generateArrow svg{width:17px;height:17px}.page-module__NS_O2G__errorMessage{color:#b3261e;margin:12px 0 0;font-size:12px;font-weight:560;line-height:18px}.page-module__NS_O2G__visuallyHidden{clip:rect(0 0 0 0);clip-path:inset(50%);white-space:nowrap;width:1px;height:1px;position:absolute;overflow:hidden}.page-module__NS_O2G__howTo{padding-block:112px}.page-module__NS_O2G__stepGrid{grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-block-start:48px;display:grid}.page-module__NS_O2G__stepCard{background:#ffffffb8;border:1px solid #00000014;border-radius:24px;min-height:252px;padding:28px}.page-module__NS_O2G__stepNumber{color:#00000057;font-variant-numeric:tabular-nums;letter-spacing:.08em;font-size:12px;font-weight:700;display:block}.page-module__NS_O2G__stepCard h3{color:#222;letter-spacing:-.025em;margin:70px 0 0;font-size:21px;font-weight:620;line-height:28px}.page-module__NS_O2G__stepCard p{color:#00000085;margin:11px 0 0;font-size:14px;line-height:22px}@keyframes page-module__NS_O2G__spin{to{transform:rotate(360deg)}}@media (max-width:900px){.page-module__NS_O2G__workbench{grid-template-columns:1fr}.page-module__NS_O2G__uploadPanel{border-block-end:1px solid #00000014;border-inline-end:0}.page-module__NS_O2G__uploadSurface{max-width:460px;margin-inline:auto}}@media (max-width:760px){.page-module__NS_O2G__hero{padding-block:94px 72px}.page-module__NS_O2G__heroTitle{font-size:clamp(42px,13vw,60px);line-height:1.02}.page-module__NS_O2G__heroDescription{margin-block-start:22px;font-size:16px;line-height:26px}.page-module__NS_O2G__toolShell{margin-block-start:42px}.page-module__NS_O2G__workbench{border-radius:24px}.page-module__NS_O2G__uploadPanel,.page-module__NS_O2G__optionsPanel{padding:24px 18px}.page-module__NS_O2G__styleGrid{grid-template-columns:repeat(2,minmax(0,1fr))}.page-module__NS_O2G__stepGrid{grid-template-columns:1fr}.page-module__NS_O2G__stepCard{min-height:210px}.page-module__NS_O2G__stepCard h3{margin-block-start:48px}}@media (prefers-reduced-motion:reduce){.page-module__NS_O2G__uploadSurface,.page-module__NS_O2G__styleOption,.page-module__NS_O2G__pillOption{transition:none}.page-module__NS_O2G__spinner{animation-duration:1.6s}}