.avatar-layout{grid-template-columns:minmax(0,1.2fr) minmax(0,1fr);align-items:start;gap:32px;margin-top:32px;display:grid}.avatar-preview{gap:24px;display:grid;position:sticky;top:24px}.avatar-preview-image{aspect-ratio:1;background:#f7f5ed;border-radius:26px;width:100%;max-width:330px;margin:auto;overflow:hidden}.avatar-crop-controls input[type=range]{width:100%;min-height:44px;accent-color:var(--g-green);padding:0}.avatar-crop-controls output{font-variant-numeric:tabular-nums;color:var(--g-muted)}.avatar-preview-empty{text-align:center;height:100%;color:var(--g-muted);place-items:center;padding:20px;font-size:14px;display:grid}.avatar-preview .growth-tabs{justify-content:center;gap:8px}.avatar-preview .growth-tabs button{padding:8px 12px;font-size:12px}.avatar-color-fields{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.avatar-color-fields input{width:100%;height:54px;padding:5px}.avatar-consent{align-items:start;gap:12px;font-size:14px;display:flex}.avatar-consent input{width:19px;height:19px;accent-color:var(--g-green);flex:none;margin-top:4px}.avatar-file-picker{text-align:center;cursor:pointer;background:#f4f6ed;border:2px dashed #73806f;border-radius:18px;gap:8px;min-height:125px;padding:28px 20px;display:grid;position:relative}.avatar-file-picker>span{font-weight:700}.avatar-file-picker small{color:var(--g-muted);font-size:12px}.avatar-file-picker input{opacity:0;cursor:pointer;width:100%;height:100%;position:absolute;inset:0}.avatar-file-picker:focus-within{outline-offset:4px;outline:3px solid #467cbf}.avatar-saved{margin-top:56px}.avatar-saved-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;display:grid}.avatar-saved-image{width:150px;height:150px;margin:auto}.avatar-saved details{font-size:13px}.avatar-saved summary{cursor:pointer;min-height:44px}.avatar-saved details p{margin:12px 0}.avatar-layout h2{font-size:24px}@media (max-width:767px){.avatar-layout{grid-template-columns:1fr;gap:24px}.avatar-preview{grid-row:1;padding:18px;position:static}.avatar-preview-image{width:210px}.avatar-color-fields{gap:10px}.avatar-color-fields label{font-size:13px}.avatar-saved-grid{grid-template-columns:1fr 1fr;gap:12px}.avatar-saved-grid .growth-panel{padding:18px}.avatar-saved-image{width:100px;height:100px}.avatar-layout .growth-tabs button{padding:8px 12px;font-size:13px}.avatar-saved-grid .growth-button{padding:9px 12px;font-size:12px}}