.ll-emoji{display:flex;flex:1 1 auto;flex-direction:column;min-height:0;color:var(--ll-color-text-primary);font-family:var(--ll-font-sans)}.ll-emoji-bar{display:flex;flex:none;align-items:center;gap:var(--ll-space-1);padding:var(--ll-space-2) var(--ll-space-3);overflow-x:auto;border-bottom:1px solid var(--ll-color-border-hairline);scrollbar-width:none}.ll-emoji-bar::-webkit-scrollbar{display:none}.ll-emoji-bar-button,.ll-emoji-tone-button{display:inline-flex;flex:none;align-items:center;justify-content:center;width:36px;height:36px;padding:0;border:0;border-radius:var(--ll-radius-md);background:none;font-size:var(--ll-type-title-size);line-height:1;cursor:pointer}.ll-emoji-bar-button:hover,.ll-emoji-tone-button:hover,.ll-emoji-cell:hover{background-color:var(--ll-color-state-hover)}.ll-emoji-bar-button[aria-current=true]{background-color:var(--ll-color-state-pressed)}.ll-emoji-bar-spacer{flex:1 1 auto}.ll-emoji-tones{display:flex;flex:none;gap:var(--ll-space-1);padding:var(--ll-space-2) var(--ll-space-3);border-bottom:1px solid var(--ll-color-border-hairline)}.ll-emoji-tone-button[aria-checked=true]{background-color:var(--ll-color-state-pressed);box-shadow:inset 0 0 0 2px var(--ll-color-text-primary)}.ll-emoji-scroll{flex:1 1 auto;min-height:0;padding:0 var(--ll-space-3) var(--ll-space-3);overflow-y:auto;overscroll-behavior:contain}.ll-emoji-group{content-visibility:auto;contain-intrinsic-size:auto 320px}.ll-emoji-group-title{margin:0;padding:var(--ll-space-3) 0 var(--ll-space-2);color:var(--ll-color-text-secondary);font-size:var(--ll-type-caption-size);line-height:var(--ll-type-caption-line-height);font-weight:600}.ll-emoji-cells{display:grid;grid-template-columns:repeat(auto-fill,minmax(40px,1fr));gap:2px}.ll-emoji-cell{display:inline-flex;align-items:center;justify-content:center;width:100%;aspect-ratio:1;padding:0;border:0;border-radius:var(--ll-radius-md);background:none;font-size:var(--ll-type-headline-size);line-height:1;cursor:pointer;transition:transform var(--ll-motion-fast) var(--ll-motion-ease-standard)}.ll-emoji-cell:active{transform:scale(.88)}.ll-emoji-bar-button:focus-visible,.ll-emoji-tone-button:focus-visible,.ll-emoji-cell:focus-visible{outline:2px solid var(--ll-color-focus);outline-offset:-2px}.ll-emoji-empty{margin:0;padding:var(--ll-space-8) var(--ll-space-4);color:var(--ll-color-text-secondary);font-size:var(--ll-type-body-sm-size);line-height:var(--ll-type-body-sm-line-height);text-align:center}.ll-emoji-preview{display:flex;flex:none;align-items:center;gap:var(--ll-space-3);min-height:48px;padding:var(--ll-space-2) var(--ll-space-4);border-top:1px solid var(--ll-color-border-hairline);color:var(--ll-color-text-secondary);font-size:var(--ll-type-body-sm-size);line-height:var(--ll-type-body-sm-line-height)}.ll-emoji-preview-glyph{flex:none;font-size:var(--ll-type-display-sm-size);line-height:1}.ll-emoji-preview-name{min-width:0;overflow:hidden;color:var(--ll-color-text-primary);font-weight:600;text-overflow:ellipsis;white-space:nowrap}.ll-emoji-preview-name:first-letter{text-transform:uppercase}@media (prefers-reduced-motion: reduce){.ll-emoji-cell{transition:none}}