.avatar-editor{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(220px,.9fr);gap:48px;align-items:start;min-width:0}
.avatar-editor-fields{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:20px 22px}
.avatar-editor-fields label{display:grid;gap:8px;font-size:14px;font-weight:600;min-width:0}
.avatar-editor-fields label:last-child{grid-column:1/-1}
.avatar-editor-fields select{width:100%;max-width:none;min-width:0;min-height:46px;cursor:pointer}
.avatar-editor-preview{margin:0;min-height:378px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:var(--surface);border-bottom:3px solid var(--mint);padding:18px;position:sticky;top:24px}
.avatar-editor-preview canvas{display:block;width:264px;max-width:100%;height:auto;image-rendering:pixelated}
.avatar-editor-preview figcaption{font:11px Silkscreen,monospace;line-height:1.6;color:var(--muted);text-align:center}
.avatar-editor .avatar-shuffle{padding:8px 0;margin-top:16px;text-underline-offset:5px;min-height:44px}
.avatar-editor select:disabled{opacity:.6;cursor:wait}
@media(max-width:700px){.avatar-editor{grid-template-columns:1fr;gap:24px}.avatar-editor-preview{order:-1;position:static;min-height:260px;padding:10px 18px}.avatar-editor-preview canvas{width:210px}.avatar-editor-fields{gap:18px 14px}}