*{box-sizing:border-box}body{margin:0;background:var(--ah-canvas);color:var(--ah-ink);font-family:var(--ah-font)}button{font:inherit;cursor:pointer}#builder{display:grid;grid-template-columns:1fr}.kitchen{text-align:center;min-width:0}.heading{text-align:center;margin-bottom:12px}.pantry{background:var(--ah-surface);border:1px solid var(--ah-divider)}#portrait{width:min(96cqw,96cqh);height:min(96cqw,96cqh)}#portrait svg{display:block;width:100%;height:100%}.builder-output{display:grid;place-items:center}.builder-output p{margin:0;line-height:1.5}.avatar-tabs{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:6px;margin-bottom:16px}.avatar-tabs button{padding:8px 3px;min-height:44px;font-size:14px}.avatar-tabs [aria-selected=true]{text-decoration:underline;text-underline-offset:5px;font-weight:bold}.options{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:8px}.part-choice{min-height:90px;padding:8px;position:relative;display:grid;justify-items:center;gap:4px;font-size:14px}.part-choice svg{width:100%;max-width:100px;aspect-ratio:1}.part-choice[aria-pressed=true]::after{content:'✓';position:absolute;right:6px;top:3px;font-weight:bold}.color-options{display:flex;gap:6px;flex-wrap:wrap}.swatch{min-width:44px;min-height:44px;padding:5px;position:relative}.swatch span{display:block;width:28px;height:28px;border-radius:50%;border:1px solid #493b3866}.swatch[aria-pressed=true]::after{content:'✓';position:absolute;right:0;top:-3px;background:var(--ah-surface);border-radius:50%;font-size:14px}.color-group{border:0;margin:0 0 10px;padding:0}.ah-builder .color-group legend{font-size:14px;margin-bottom:5px}.builder-actions{display:flex;gap:8px;margin-top:16px}.builder-actions button{flex:1}#avatar-photo{display:block;width:100%;border-radius:12px;margin:16px 0}#avatar-photo[hidden]{display:none}.sr-only{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}[hidden]{display:none!important}#fullscreen .collapse-icon{display:none}#fullscreen[aria-pressed=true] .expand-icon{display:none}#fullscreen[aria-pressed=true] .collapse-icon{display:block}@media(max-width:739px){.ah-builder main{padding:16px;grid-template-columns:1fr}.avatar-tabs{gap:6px}} 
/* Tab geometry only; colors and interaction states remain shared. */
.ah-builder .avatar-tabs .ah-button{font-size:14px;padding:8px 3px;overflow-wrap:anywhere}
@media(max-width:950px){.avatar-tabs{grid-template-columns:repeat(3,minmax(0,1fr))}}

/* Close-up eye choices make lash shapes and expressions easy to compare. */
.part-choice[data-part="eyes"] svg{max-width:80px;aspect-ratio:190/135}
.expression-options{grid-template-columns:repeat(4,minmax(0,1fr))}
.part-choice[data-part="eyes"]{padding:6px 2px;min-height:90px;font-size:14px}
#panel-eyes .hint{margin-top:10px}

.eye-style-options{display:flex;gap:8px;flex-wrap:wrap}.eye-style-options .ah-button{flex:1}.eye-style-options [aria-pressed="true"]{text-decoration:underline;text-underline-offset:4px}

.ah-builder #panel-eyes .color-group legend:not(.sr-only){font-size:14px;margin-bottom:5px}