header{margin:28px 0 38px}.avatar-layout{display:grid;grid-template-columns:minmax(260px,.9fr) minmax(0,1.1fr);gap:40px;align-items:start;margin-top:36px}.portrait-card{background:linear-gradient(150deg,#153549,#0a1422);border:1px solid #426274;border-radius:24px;padding:28px;text-align:center}.portrait-card h2{overflow-wrap:anywhere;margin:8px 0}.portrait-card svg{display:block;width:100%;max-width:420px;margin:auto;border-radius:18px}.control-grid{display:grid;grid-template-columns:1fr 1fr;gap:18px;margin:20px 0 26px}label{display:block;font-weight:600}input,select{display:block;width:100%;min-width:0;min-height:48px;background:#0e2232;color:#eef4f8;border:1px solid #68828f;border-radius:9px;padding:10px;font:inherit;margin-top:7px}input:focus-visible,select:focus-visible{outline:3px solid var(--cyan);outline-offset:3px}#avatar-status{min-height:54px;color:var(--cyan)}#creator h2{margin-top:0}#forget{font-size:14px;background:transparent}.portrait-card .note{max-width:280px;margin:20px auto 0}@media(max-width:760px){.avatar-layout{grid-template-columns:1fr;gap:28px}.portrait-card{padding:20px}.portrait-card svg{max-width:280px}}@media(max-width:380px){.control-grid{grid-template-columns:1fr}header strong{letter-spacing:.04em}}
#portrait img{display:block;width:100%;max-width:420px;aspect-ratio:1;object-fit:cover;border-radius:18px;margin:auto}#portrait-mode{margin-bottom:22px}#photo-controls{margin-bottom:24px}fieldset{border:1px solid #426274;border-radius:12px;padding:16px}input[type=range]{padding:0;accent-color:var(--cyan)}input[type=file]{font-size:14px}#photo-controls label{margin-top:10px}

#png-result{border:1px solid #426274;border-radius:14px;padding:18px;margin-top:24px}#png-preview{display:block;width:100%;max-width:240px;height:auto;border-radius:12px}#png-result .actions{gap:10px}