:root{font-synthesis:none;text-rendering:optimizelegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}*,:before,:after{box-sizing:border-box}body{margin:0;padding:0}#root{width:100%;height:100%}.avatar-tab{flex-direction:column;gap:16px;padding:16px;display:flex}.avatar-toggle{border-bottom:1px solid #e0e0e0;padding-bottom:12px}.avatar-toggle label{cursor:pointer;align-items:center;gap:8px;font-weight:500;display:flex}.avatar-toggle input[type=checkbox]{cursor:pointer}.avatar-list{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:12px;display:grid}.avatar-item{cursor:pointer;text-align:center;background-color:#f9f9f9;border:2px solid #ddd;border-radius:6px;padding:12px;transition:all .2s}.avatar-item:hover{background-color:#f0f0f0;border-color:#999}.avatar-item.active{background-color:#e3f2fd;border-color:#2196f3}.avatar-name{color:#333;word-break:break-word;font-size:12px;font-weight:500}.avatar-message{color:#856404;background-color:#fff3cd;border:1px solid #ffc107;border-radius:4px;padding:12px;font-size:14px}