.avatar-page147 .avatar-editor{grid-template-columns:minmax(210px,26%) minmax(0,1fr);gap:18px;align-items:start}
.avatar-page147 .avatar-editor>*{min-width:0}.avatar-page147 .avatar-preview-panel{position:sticky;top:12px}
.avatar-page147 #avatarPreview{width:240px;max-width:100%;aspect-ratio:200/230;background:#d7e7f4}
.avatar-page147 #avatarPreview svg{display:block;width:100%;height:100%}
.avatar-page147 .avatar-controls{display:block;padding:14px}.avatar-page147 .reference-pair{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:24px;margin-bottom:32px}
.avatar-page147 .reference-pair h3,.avatar-page147 .reference-color h3{margin:0 0 14px;color:#111;font-size:19px}
.avatar-page147 .reference-navigation{display:grid;grid-template-columns:30px minmax(0,1fr) 30px;align-items:center;gap:8px;margin-top:18px}
.avatar-page147 .nav-arrow{width:28px;height:28px;padding:0;border-radius:5px;font-size:19px;line-height:1;background:#bbcedc}
.avatar-page147 .customize-value{display:block;white-space:pre-line;text-align:center;line-height:1.7;font-size:16px;min-width:0}
.avatar-page147 .reference-current{display:flex;align-items:center;gap:12px;margin-bottom:14px;min-width:0}
.avatar-page147 input[type=color]{width:48px;height:36px;padding:0;border:0;background:none;flex-shrink:0;cursor:pointer}
.avatar-page147 .color-current{display:flex;flex-wrap:wrap;gap:7px}.avatar-page147 .swatch{width:25px;height:25px;border-radius:6px;padding:0;flex-shrink:0}.avatar-page147 .swatch.selected{outline:3px solid #111;outline-offset:1px}
.avatar-page147 .color-hex{font-size:14px;font-weight:400;overflow-wrap:anywhere}.avatar-page147 #colorControls{border-top:1px solid #eee;padding-top:18px}
.avatar-page147 #wardrobe{grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin-top:16px}.avatar-page147 .wardrobe-card{padding:10px;min-width:0;gap:8px}.avatar-page147 .wardrobe-thumbnail{width:100%;height:auto;aspect-ratio:200/230;object-fit:contain}.avatar-page147 .wardrobe-title,.avatar-page147 .wardrobe-description{overflow-wrap:anywhere;margin:0}.avatar-page147 .wardrobe-actions,.avatar-page147 .wardrobe-actions button{max-width:100%;white-space:normal}.avatar-page147 .equipped-piece{padding:8px}.avatar-page147 .equipped-piece span{overflow-wrap:anywhere;min-width:0}
@media(max-width:900px){.avatar-page147 .avatar-editor{grid-template-columns:210px minmax(0,1fr)}.avatar-page147 .reference-pair{grid-template-columns:1fr;gap:18px}.avatar-page147 .reference-navigation{margin-top:8px}}
@media(max-width:600px){.avatar-page147 .avatar-editor{grid-template-columns:minmax(0,1fr);gap:12px}.avatar-page147 .avatar-preview-panel{position:static;display:grid;grid-template-columns:148px minmax(0,1fr);gap:8px;padding:10px}.avatar-page147 .avatar-preview-panel h2{grid-column:1/-1;margin:0;font-size:19px}.avatar-page147 #avatarPreview{width:148px;grid-column:1;grid-row:2/6;align-self:start}.avatar-page147 .avatar-preview-panel #changes,.avatar-page147 .avatar-preview-panel button,.avatar-page147 .avatar-preview-panel a{grid-column:2;min-width:0;max-width:100%;font-size:12px;white-space:normal;overflow-wrap:anywhere;margin:0}.avatar-page147 .reference-pair{grid-template-columns:minmax(0,1fr) minmax(0,1fr);gap:12px;margin-bottom:24px}.avatar-page147 .avatar-controls{padding:10px}.avatar-page147 .reference-pair h3,.avatar-page147 .reference-color h3{font-size:16px;margin-bottom:10px}.avatar-page147 .reference-navigation{grid-template-columns:24px minmax(0,1fr) 24px;gap:2px}.avatar-page147 .nav-arrow{width:24px;height:28px;font-size:16px}.avatar-page147 .customize-value{font-size:13px}.avatar-page147 .swatch{width:22px;height:22px}.avatar-page147 .color-current{gap:6px}.avatar-page147 .reference-current{gap:6px}.avatar-page147 .color-hex{font-size:11px}.avatar-page147 input[type=color]{width:34px;height:30px}.avatar-page147 #wardrobe{grid-template-columns:repeat(2,minmax(0,1fr))}.avatar-page147 .section-heading{flex-wrap:wrap}}
@media(max-width:350px){.avatar-page147 .reference-pair{grid-template-columns:1fr}.avatar-page147 .avatar-preview-panel{grid-template-columns:128px minmax(0,1fr)}.avatar-page147 #avatarPreview{width:128px}}
