.cng-emote-manager{display:grid;gap:var(--cng-space-4,16px);padding:clamp(16px,3vw,24px);border:1px solid var(--cng-border,#2a2935);border-radius:var(--cng-radius-lg,16px);background:var(--cng-surface-1,#111118)}
.cng-emote-manager__header{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cng-emote-manager__header h2{margin:0}.cng-emote-manager__help{max-width:65ch;margin:6px 0 0;color:var(--cng-text-muted,#aaa7b5)}.cng-emote-manager__spec{margin:6px 0 0;color:var(--cng-text-subtle,var(--cng-text-muted,#aaa7b5));font-size:var(--cng-text-sm,.875rem)}.cng-emote-manager__count{white-space:nowrap;color:var(--cng-text-muted,#aaa7b5);font-variant-numeric:tabular-nums}.cng-emote-manager__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(128px,1fr));gap:12px}.cng-emote-manager__empty{margin:0;color:var(--cng-text-muted,#aaa7b5)}.cng-emote-manager__footer{display:flex;align-items:center;justify-content:space-between;gap:12px;flex-wrap:wrap}.cng-emote-manager__slots{margin:0;color:var(--cng-warning,#f6c85f)}.cng-emote-manager__slots[hidden]{display:none}.cng-emote-manager__status{margin:0;padding:10px 12px;border:1px solid var(--cng-border,#2a2935);border-radius:8px}.cng-emote-manager__status[hidden]{display:none}.cng-emote-manager__status[data-state=success]{border-color:color-mix(in srgb,var(--cng-success,#4fd18b) 55%,transparent);color:var(--cng-success,#4fd18b)}.cng-emote-manager__status[data-state=error]{border-color:color-mix(in srgb,var(--cng-danger,#ff5b78) 55%,transparent);color:var(--cng-danger,#ff5b78)}
.cng-emote-card{position:relative;display:grid;justify-items:center;gap:8px;min-width:0;padding:14px;border:1px solid var(--cng-border,#2a2935);border-radius:12px;background:var(--cng-surface-2,#181820)}.cng-emote-card>img{width:64px;height:64px;object-fit:contain}.cng-emote-card>code{max-width:100%;overflow-wrap:anywhere;color:var(--cng-text,#f8f7fb)}.cng-emote-card__actions{position:absolute;top:8px;right:8px}.cng-emote-card__actions summary{display:grid;place-items:center;width:36px;height:36px;border-radius:8px;cursor:pointer;list-style:none}.cng-emote-card__actions summary::-webkit-details-marker{display:none}.cng-emote-card__actions button{position:absolute;z-index:2;right:0;min-height:44px;padding:0 14px;border:1px solid var(--cng-border,#2a2935);border-radius:8px;background:var(--cng-surface-raised,#181820);color:var(--cng-text,#f8f7fb);white-space:nowrap}
.cng-emote-dialog{width:min(560px,calc(100vw - 24px));max-height:min(760px,calc(100dvh - 24px));padding:0;overflow:hidden;border:1px solid var(--cng-border-strong,#3a3947);border-radius:16px;background:var(--cng-surface-raised,#181820);color:var(--cng-text,#f8f7fb);box-shadow:var(--cng-shadow-modal,0 24px 80px #000b)}.cng-emote-dialog::backdrop{background:#050509cc}.cng-emote-dialog__panel{display:grid;gap:18px;max-height:inherit;padding:22px;overflow-y:auto;overscroll-behavior:contain}.cng-emote-dialog__heading{display:flex;align-items:flex-start;justify-content:space-between;gap:16px}.cng-emote-dialog__heading h3,.cng-emote-dialog__eyebrow{margin:0}.cng-emote-dialog__eyebrow{color:var(--cng-brand-pink,#ff4f9a);font-size:.75rem;font-weight:700;letter-spacing:.09em}.cng-emote-dialog__close{display:grid;place-items:center;width:44px;height:44px;border:0;background:transparent;color:inherit;font-size:1.5rem;cursor:pointer}
.cng-emote-drop{display:grid;place-items:center;gap:7px;min-height:210px;padding:20px;border:1px dashed var(--cng-border-strong,#3a3947);border-radius:12px;background:var(--cng-bg,#08080c);text-align:center;cursor:pointer}.cng-emote-drop.is-dragging{border-color:var(--cng-brand-pink,#ff4f9a);background:color-mix(in srgb,var(--cng-brand-pink,#ff4f9a) 7%,var(--cng-bg,#08080c))}.cng-emote-drop input{position:absolute;width:1px;height:1px;overflow:hidden;clip-path:inset(50%)}.cng-emote-drop__title{font-size:1.05rem;font-weight:700}.cng-emote-drop__spec{display:flex;justify-content:center;gap:6px 14px;flex-wrap:wrap}.cng-emote-drop__spec small{display:grid;gap:2px}.cng-emote-drop small,.cng-emote-drop__name{max-width:100%;color:var(--cng-text-muted,#aaa7b5);overflow-wrap:anywhere}.cng-emote-dialog__field{display:grid;gap:7px}.cng-emote-code{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;min-height:44px;padding:0 12px;border:1px solid var(--cng-border,#2a2935);border-radius:8px;background:var(--cng-bg,#08080c)}.cng-emote-code input{min-width:0;min-height:42px;border:0;outline:0;background:transparent;color:inherit}.cng-emote-code__validation{color:var(--cng-text-muted,#aaa7b5)}.cng-emote-code__validation[data-state=success]{color:var(--cng-success,#4fd18b)}.cng-emote-code__validation[data-state=error],.cng-emote-dialog__error{color:var(--cng-danger,#ff5b78)}
.cng-emote-preview{display:grid;gap:8px}.cng-emote-preview>div{display:flex;align-items:center;gap:14px;padding:12px;border-radius:10px;background:var(--cng-bg,#08080c)}.cng-emote-preview img{box-sizing:border-box;width:128px;height:128px;max-width:50%;object-fit:contain;border:1px solid var(--cng-border,#2a2935);border-radius:8px;background:var(--cng-surface-2,#181820)}.cng-emote-preview__hint{color:var(--cng-warning,#f6c85f)}.cng-emote-preview__hint[hidden]{display:none}.cng-emote-dialog__error{margin:0}.cng-emote-dialog__error[hidden],.cng-emote-preview[hidden]{display:none}.cng-emote-dialog__actions{display:flex;justify-content:flex-end;gap:10px}.cng-emote-manager button,.cng-emote-dialog button{min-height:44px}
@media(max-width:520px){.cng-emote-manager{padding:16px}.cng-emote-manager__header{display:grid}.cng-emote-manager__count{grid-row:1;justify-self:end}.cng-emote-manager__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.cng-emote-manager__footer .cng-button{width:100%}.cng-emote-dialog{inset:auto 0 0;width:100%;max-width:none;max-height:min(92dvh,760px);margin:0;border-radius:16px 16px 0 0}.cng-emote-dialog__panel{padding:18px 16px calc(18px + env(safe-area-inset-bottom))}.cng-emote-drop{min-height:180px}.cng-emote-dialog__actions{display:grid;grid-template-columns:1fr 1fr;position:sticky;bottom:0;padding-top:8px;padding-bottom:env(safe-area-inset-bottom);background:var(--cng-surface-raised,#181820)}.cng-emote-dialog__actions button{min-width:0}}@media(max-width:340px){.cng-emote-manager__grid{grid-template-columns:minmax(0,1fr)}.cng-emote-dialog__actions{grid-template-columns:minmax(0,1fr)}}