#avatarModalInner:has(#avChibiPanel:not([hidden])){background:#f4f8f6;border-color:#d4e2db;border-radius:8px;padding:20px;width:min(740px,94vw);max-width:740px;color:#26443e}
#avChibiPanel .av-chibi-title{font-size:22px;color:#26443e;margin:0 0 16px;letter-spacing:0}
#avChibiPanel .av-chibi-layout{gap:24px;align-items:stretch;margin:0}
#avChibiPanel .av-chibi-preview-col{position:static;gap:10px;justify-content:center}
#avChibiPanel #chibiPreviewCanvas{width:250px;height:318px;border:1px solid #c5d8d1;border-radius:8px;background:#dfece7;touch-action:none;outline-offset:3px;box-sizing:border-box}
#avChibiPanel .av-chibi-options-col{max-height:370px;padding:4px 8px 8px 4px;scrollbar-color:#779d91 transparent}
#avChibiPanel .av-label-sm{color:#506b62;letter-spacing:0;font-family:system-ui,sans-serif;font-weight:750;font-size:11px;margin:14px 0 8px}
#avHoneyBal{color:#745413;font:750 14px system-ui,sans-serif}
#avChibiPanel .av-pill{color:#28483e;background:#fff;border:1px solid #b7cec4;min-height:44px;border-radius:7px;transition:background .12s;padding:8px 12px}
#avChibiPanel .av-pill:hover{background:#e8f1ed}
#avChibiPanel .av-pill.av-sel{color:#fff;background:#32695b;border-color:#32695b}
#avChibiPanel .av-swatch{width:38px;height:38px;border:2px solid #b7cec4;box-shadow:inset 0 0 0 2px #fff;transform:none}
#avChibiPanel .av-swatches{gap:8px;padding:3px}
#avChibiPanel .av-swatch.av-sel{outline:2px solid #32695b;outline-offset:2px;transform:none}
#avChibiPanel .av-back{color:#345b50;border-color:#b7cec4;border-radius:6px;min-height:36px;margin:0 0 10px}
#avChibiPanel .av-turn-controls{justify-content:center;gap:12px}
#avChibiPanel .av-turn-controls .av-pill{font-family:system-ui,sans-serif;font-size:24px;padding:0;width:48px;height:44px}
#avChibiPanel .av-save{color:#29453c;background:#f4ce65;border-radius:7px;min-height:48px;margin-top:16px;padding:10px}
#avChibiPanel button:focus-visible,#chibiPreviewCanvas:focus-visible{outline:3px solid #317f9d;outline-offset:3px}
#avPreviewError{font:13px/1.4 system-ui,sans-serif;color:#963f36;max-width:240px}
@media(max-width:480px){
  #avatarModalInner:has(#avChibiPanel:not([hidden])){padding:14px;max-height:96dvh}
  #avChibiPanel .av-chibi-title{font-size:20px;margin:0 0 8px}
  #avChibiPanel .av-back{margin-bottom:4px}
  #avChibiPanel .av-chibi-layout{gap:10px;flex-direction:column;align-items:stretch}
  #avChibiPanel .av-chibi-preview-col{flex-direction:row;gap:12px;align-items:center}
  #avChibiPanel #chibiPreviewCanvas{width:180px;height:208px;max-width:calc(100% - 62px)}
  #avChibiPanel .av-turn-controls{flex-direction:column;gap:8px}
  #avChibiPanel .av-chibi-options-col{max-height:25dvh;min-height:110px;box-sizing:border-box;width:100%;border-top:1px solid #d4e2db}
  #avChibiPanel .av-save{margin-top:10px}
}
@media(max-height:620px) and (max-width:480px){
  #avChibiPanel #chibiPreviewCanvas{width:146px;height:154px}
  #avChibiPanel .av-chibi-title{font-size:18px}
  #avChibiPanel .av-chibi-options-col{max-height:23dvh}
}
@media(max-height:520px) and (min-width:481px){
  #avatarModalInner:has(#avChibiPanel:not([hidden])){padding:12px 18px;max-height:96dvh}
  #avChibiPanel .av-chibi-title{font-size:18px;margin:0 0 6px}
  #avChibiPanel .av-back{min-height:30px;margin:0}
  #avChibiPanel #chibiPreviewCanvas{width:184px;height:176px}
  #avChibiPanel .av-chibi-options-col{max-height:215px}
  #avChibiPanel .av-chibi-preview-col{gap:4px}
  #avChibiPanel .av-save{margin-top:8px}
}