.emoji-page:where(.astro-lfd4tqrx){padding:72px 0 96px}.emoji-hero:where(.astro-lfd4tqrx){text-align:center;display:flex;flex-direction:column;align-items:center;gap:16px;margin-bottom:40px}.emoji-back:where(.astro-lfd4tqrx){text-decoration:none}.emoji-hero:where(.astro-lfd4tqrx) h1:where(.astro-lfd4tqrx){font-size:clamp(40px,6vw,60px);line-height:1.05;letter-spacing:-.035em;margin:0}.emoji-lead:where(.astro-lfd4tqrx){font-size:19px;line-height:1.6;color:var(--color-text-muted);max-width:720px;margin:0;text-wrap:pretty}.emoji-tool:where(.astro-lfd4tqrx){display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);max-width:1080px;margin:0 auto;border:1px solid var(--color-border);border-radius:var(--radius-card-lg);background:var(--color-surface);box-shadow:0 18px 48px rgb(var(--color-brand-ink-rgb) / .06);overflow:hidden}.emoji-controls:where(.astro-lfd4tqrx){display:flex;flex-direction:column;gap:24px;padding:36px;border-right:1px solid var(--color-border)}.emoji-preview:where(.astro-lfd4tqrx){display:flex;flex-direction:column;gap:20px;padding:36px;background:var(--color-surface-raised)}.emoji-tabs:where(.astro-lfd4tqrx){display:inline-flex;gap:4px;padding:4px;background:var(--color-surface-raised);border-radius:var(--radius-pill);align-self:flex-start}.emoji-tabs:where(.astro-lfd4tqrx) button:where(.astro-lfd4tqrx){min-height:44px;padding:0 20px;border-radius:var(--radius-pill);border:0;background:transparent;font:600 14px var(--font-brand-sans);color:var(--color-text-muted);cursor:pointer}.emoji-tabs:where(.astro-lfd4tqrx) button:where(.astro-lfd4tqrx)[aria-selected=true]{background:var(--color-surface);color:var(--color-text-primary);box-shadow:0 1px 3px rgb(var(--color-brand-ink-rgb) / .12)}.emoji-tabs:where(.astro-lfd4tqrx) button:where(.astro-lfd4tqrx):focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px}.emoji-panel:where(.astro-lfd4tqrx){display:flex;flex-direction:column;gap:20px}.emoji-panel:where(.astro-lfd4tqrx)[hidden]{display:none}.emoji-field:where(.astro-lfd4tqrx){display:flex;flex-direction:column;gap:8px;border:0;padding:0;margin:0;min-width:0}.emoji-field:where(.astro-lfd4tqrx) label:where(.astro-lfd4tqrx),.emoji-field:where(.astro-lfd4tqrx) legend:where(.astro-lfd4tqrx),.emoji-label-row:where(.astro-lfd4tqrx){font:600 14px var(--font-brand-sans);color:var(--color-text-primary)}.emoji-field:where(.astro-lfd4tqrx) legend:where(.astro-lfd4tqrx){margin-bottom:8px;padding:0}.emoji-label-row:where(.astro-lfd4tqrx){display:flex;justify-content:space-between}.emoji-label-row:where(.astro-lfd4tqrx) span:where(.astro-lfd4tqrx){font-weight:400;color:var(--color-text-muted)}.emoji-field:where(.astro-lfd4tqrx) input:where(.astro-lfd4tqrx)[type=text]{height:48px;padding:0 14px;border:1px solid var(--color-border-strong);border-radius:var(--radius-card-sm);font:400 16px var(--font-brand-sans);color:var(--color-text-primary);background:var(--color-surface)}.emoji-field:where(.astro-lfd4tqrx) input:where(.astro-lfd4tqrx)[type=text]:focus{outline:none;border-color:var(--color-brand-primary);box-shadow:inset 0 0 0 1px var(--color-brand-primary)}.emoji-field:where(.astro-lfd4tqrx) input:where(.astro-lfd4tqrx)[aria-invalid=true]{border-color:var(--color-state-danger)}.emoji-field-inline:where(.astro-lfd4tqrx){flex-direction:row;align-items:center;justify-content:space-between}input:where(.astro-lfd4tqrx)[type=color]{width:56px;height:44px;padding:4px;border:1px solid var(--color-border-strong);border-radius:var(--radius-card-sm);background:var(--color-surface);cursor:pointer}input:where(.astro-lfd4tqrx)[type=range]{width:100%;height:44px;margin:0;appearance:none;background:transparent;cursor:pointer}input:where(.astro-lfd4tqrx)[type=range]::-webkit-slider-runnable-track{height:4px;border-radius:var(--radius-pill);background:var(--color-border)}input:where(.astro-lfd4tqrx)[type=range]::-moz-range-track{height:4px;border-radius:var(--radius-pill);background:var(--color-border)}input:where(.astro-lfd4tqrx)[type=range]::-moz-range-progress{height:4px;border-radius:var(--radius-pill);background:var(--color-brand-primary)}input:where(.astro-lfd4tqrx)[type=range]::-webkit-slider-thumb{appearance:none;width:22px;height:22px;margin-top:-9px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-brand-primary)}input:where(.astro-lfd4tqrx)[type=range]::-moz-range-thumb{width:18px;height:18px;border-radius:50%;background:var(--color-surface);border:2px solid var(--color-brand-primary)}input:where(.astro-lfd4tqrx)[type=range]:focus-visible{outline:2px solid var(--color-brand-primary);outline-offset:2px;border-radius:8px}.emoji-hint:where(.astro-lfd4tqrx){margin:0;font-size:14px;line-height:1.5;color:var(--color-text-muted)}.emoji-error:where(.astro-lfd4tqrx){margin:0;font-size:14px;line-height:1.5;color:var(--color-state-danger-text)}.emoji-error:where(.astro-lfd4tqrx)[hidden],.emoji-hint:where(.astro-lfd4tqrx)[hidden]{display:none}.emoji-drop:where(.astro-lfd4tqrx){display:flex;align-items:center;gap:20px;padding:20px;border:1.5px dashed var(--color-border-strong);border-radius:var(--radius-card);background:var(--color-surface-raised);transition:border-color .15s ease,background .15s ease}.emoji-drop:where(.astro-lfd4tqrx).is-over{border-color:var(--color-brand-primary);background:var(--color-surface-sky)}.emoji-drop-thumb:where(.astro-lfd4tqrx){width:72px;height:72px;flex-shrink:0;border-radius:var(--radius-card-sm);overflow:hidden;background:repeating-conic-gradient(#e6eef6 0% 25%,#fff 0% 50%) 50% / 12px 12px}.emoji-drop-thumb:where(.astro-lfd4tqrx) canvas:where(.astro-lfd4tqrx){width:100%;height:100%;display:block}.emoji-drop-title:where(.astro-lfd4tqrx){margin:0 0 4px;font:600 16px var(--font-brand-sans);color:var(--color-text-primary);word-break:break-all}.emoji-drop-copy:where(.astro-lfd4tqrx){margin:0;font-size:14px;line-height:1.5;color:var(--color-text-muted)}.emoji-file-label:where(.astro-lfd4tqrx){color:var(--color-brand-primary-strong);font-weight:600;cursor:pointer;text-decoration:underline;text-underline-offset:3px}.emoji-file-label:where(.astro-lfd4tqrx):focus-within,#emoji-file:where(.astro-lfd4tqrx):focus-visible+:where(.astro-lfd4tqrx){outline:2px solid var(--color-brand-primary)}.emoji-check:where(.astro-lfd4tqrx){display:flex;align-items:center;gap:10px;min-height:44px;font:600 14px var(--font-brand-sans);color:var(--color-text-primary);cursor:pointer}.emoji-check:where(.astro-lfd4tqrx) input:where(.astro-lfd4tqrx){width:20px;height:20px;accent-color:var(--color-brand-primary)}.emoji-bg-options:where(.astro-lfd4tqrx){display:flex;flex-wrap:wrap;align-items:center;gap:8px}.emoji-bg-options:where(.astro-lfd4tqrx) label:where(.astro-lfd4tqrx){position:relative}.emoji-bg-options:where(.astro-lfd4tqrx) input:where(.astro-lfd4tqrx)[type=radio]{position:absolute;opacity:0;inset:0;cursor:pointer}.emoji-bg-options:where(.astro-lfd4tqrx) span:where(.astro-lfd4tqrx){display:inline-flex;align-items:center;min-height:44px;padding:0 16px;border:1px solid var(--color-border-strong);border-radius:var(--radius-card-sm);font:400 14px var(--font-brand-sans);color:var(--color-text-primary)}.emoji-bg-options:where(.astro-lfd4tqrx) input:where(.astro-lfd4tqrx):checked+span:where(.astro-lfd4tqrx){border:2px solid var(--color-brand-primary);padding:0 15px;font-weight:600}.emoji-bg-options:where(.astro-lfd4tqrx) input:where(.astro-lfd4tqrx):focus-visible+span:where(.astro-lfd4tqrx){outline:2px solid var(--color-brand-primary);outline-offset:2px}.emoji-result:where(.astro-lfd4tqrx){display:flex;align-items:flex-end;gap:24px}.emoji-tile:where(.astro-lfd4tqrx){position:relative;width:128px;height:128px;flex-shrink:0;border-radius:var(--radius-card-sm);overflow:hidden;background:repeating-conic-gradient(#e6eef6 0% 25%,#fff 0% 50%) 50% / 16px 16px;box-shadow:inset 0 0 0 1px var(--color-border);touch-action:none}.emoji-tile:where(.astro-lfd4tqrx).can-drag{cursor:grab}.emoji-tile:where(.astro-lfd4tqrx) canvas:where(.astro-lfd4tqrx){display:block;width:128px;height:128px}.emoji-tile-empty:where(.astro-lfd4tqrx){position:absolute;inset:0;display:flex;align-items:center;justify-content:center;margin:0;padding:12px;text-align:center;font-size:13px;line-height:1.4;color:var(--color-text-muted);background:var(--color-surface)}.emoji-tile-empty:where(.astro-lfd4tqrx)[hidden]{display:none}.emoji-meta:where(.astro-lfd4tqrx){display:flex;flex-direction:column;gap:4px;padding-bottom:4px}.emoji-format:where(.astro-lfd4tqrx),.emoji-size-note:where(.astro-lfd4tqrx){margin:0;font-size:14px;line-height:1.5;color:var(--color-text-muted)}.emoji-size:where(.astro-lfd4tqrx){margin:0;font:700 32px/1.1 var(--font-brand-heading);color:var(--color-text-primary)}.emoji-messages:where(.astro-lfd4tqrx){display:flex;flex-direction:column;border:1px solid var(--color-border);border-radius:var(--radius-card);overflow:hidden}.emoji-msg:where(.astro-lfd4tqrx){display:flex;gap:12px;padding:16px 18px}.emoji-msg:where(.astro-lfd4tqrx) p:where(.astro-lfd4tqrx){margin:0}.emoji-msg-light:where(.astro-lfd4tqrx){background:#fff;color:#1d1c1d}.emoji-msg-dark:where(.astro-lfd4tqrx){background:#1a1d21;color:#d1d2d3}.emoji-avatar:where(.astro-lfd4tqrx){width:36px;height:36px;border-radius:8px;flex-shrink:0;background:url(/people/maya.webp) center / cover,var(--color-surface-sky)}.emoji-msg-name:where(.astro-lfd4tqrx){font:700 14px var(--font-brand-sans)}.emoji-msg-text:where(.astro-lfd4tqrx){display:flex;align-items:center;flex-wrap:wrap;gap:6px;font:400 15px/1.5 var(--font-brand-sans)}.emoji-msg:where(.astro-lfd4tqrx) img:where(.astro-lfd4tqrx){display:inline-block;object-fit:contain}.emoji-msg:where(.astro-lfd4tqrx) img:where(.astro-lfd4tqrx):not([src]){visibility:hidden}.emoji-reaction:where(.astro-lfd4tqrx){display:inline-flex;align-items:center;gap:4px;margin-top:6px;padding:2px 8px;border-radius:var(--radius-pill);font:600 12px var(--font-brand-sans)}.emoji-msg-light:where(.astro-lfd4tqrx) .emoji-reaction:where(.astro-lfd4tqrx){border:1px solid #1d9bd1;background:#e8f5fa;color:#1264a3}.emoji-msg-dark:where(.astro-lfd4tqrx) .emoji-reaction:where(.astro-lfd4tqrx){border:1px solid #1d9bd1;background:#1d2b36;color:#8fc4ff}.emoji-actions:where(.astro-lfd4tqrx){display:flex;flex-wrap:wrap;align-items:center;gap:12px 16px}.emoji-actions:where(.astro-lfd4tqrx) .btn:where(.astro-lfd4tqrx)[aria-disabled=true]{opacity:.5;cursor:not-allowed;transform:none}.emoji-article:where(.astro-lfd4tqrx){margin-top:88px}.emoji-article:where(.astro-lfd4tqrx) h2:where(.astro-lfd4tqrx){font:700 clamp(28px,3.4vw,36px)/1.15 var(--font-brand-heading);letter-spacing:-.01em;color:var(--color-text-primary);margin:56px 0 16px}.emoji-article:where(.astro-lfd4tqrx) h3:where(.astro-lfd4tqrx){font:700 22px/1.25 var(--font-brand-heading);color:var(--color-text-primary);margin:32px 0 10px}.emoji-article:where(.astro-lfd4tqrx) p:where(.astro-lfd4tqrx),.emoji-article:where(.astro-lfd4tqrx) li:where(.astro-lfd4tqrx){font-size:18px;line-height:1.7;color:var(--color-text-muted)}.emoji-article:where(.astro-lfd4tqrx) p:where(.astro-lfd4tqrx){margin:0 0 18px}.emoji-article:where(.astro-lfd4tqrx) ol:where(.astro-lfd4tqrx){margin:0 0 18px;padding-left:24px;list-style:decimal;display:flex;flex-direction:column;gap:8px}.emoji-article:where(.astro-lfd4tqrx) strong:where(.astro-lfd4tqrx){color:var(--color-text-primary)}.emoji-article:where(.astro-lfd4tqrx) code:where(.astro-lfd4tqrx){font:500 15px var(--font-brand-mono);background:var(--color-surface-raised);padding:2px 6px;border-radius:6px;color:var(--color-text-primary)}.emoji-article:where(.astro-lfd4tqrx) a:where(.astro-lfd4tqrx):not(.btn){color:var(--color-brand-primary-strong);text-decoration:underline;text-underline-offset:3px}.emoji-table-wrap:where(.astro-lfd4tqrx){overflow-x:auto;margin:0 0 12px}.emoji-article:where(.astro-lfd4tqrx) table:where(.astro-lfd4tqrx){width:100%;border-collapse:collapse;font-size:16px}.emoji-article:where(.astro-lfd4tqrx) th:where(.astro-lfd4tqrx),.emoji-article:where(.astro-lfd4tqrx) td:where(.astro-lfd4tqrx){text-align:left;vertical-align:top;padding:12px;border-bottom:1px solid var(--color-border)}.emoji-article:where(.astro-lfd4tqrx) thead:where(.astro-lfd4tqrx) th:where(.astro-lfd4tqrx){color:var(--color-text-primary);border-bottom-width:2px}.emoji-article:where(.astro-lfd4tqrx) tbody:where(.astro-lfd4tqrx) th:where(.astro-lfd4tqrx){color:var(--color-text-primary);font-weight:600;white-space:nowrap}.emoji-article:where(.astro-lfd4tqrx) td:where(.astro-lfd4tqrx){color:var(--color-text-muted)}.emoji-sources:where(.astro-lfd4tqrx){font-size:15px!important}.emoji-compare:where(.astro-lfd4tqrx){margin:8px 0 28px}.emoji-compare-panel:where(.astro-lfd4tqrx){display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;border-radius:var(--radius-card);overflow:hidden;background:#2c2f34}.emoji-compare-item:where(.astro-lfd4tqrx){display:flex;flex-direction:column;align-items:flex-start;gap:6px;padding:18px 20px;background:#1a1d21;color:#d1d2d3}.emoji-article:where(.astro-lfd4tqrx) .emoji-compare-label:where(.astro-lfd4tqrx){margin:0;font:600 13px var(--font-brand-sans);color:#9aa0a6}.emoji-article:where(.astro-lfd4tqrx) .emoji-compare-item:where(.astro-lfd4tqrx) .emoji-msg-text:where(.astro-lfd4tqrx){margin:0;color:#d1d2d3;font-size:15px}.emoji-compare-item:where(.astro-lfd4tqrx) .emoji-reaction:where(.astro-lfd4tqrx){margin-top:0;border:1px solid #1d9bd1;background:#1d2b36;color:#8fc4ff}.emoji-compare:where(.astro-lfd4tqrx) img:where(.astro-lfd4tqrx){display:inline-block}.emoji-compare:where(.astro-lfd4tqrx) figcaption:where(.astro-lfd4tqrx){margin-top:10px;font-size:14px;line-height:1.5;color:var(--color-text-muted)}@media(max-width:900px){.emoji-tool:where(.astro-lfd4tqrx){grid-template-columns:minmax(0,1fr)}.emoji-controls:where(.astro-lfd4tqrx){border-right:0;border-bottom:1px solid var(--color-border)}}@media(max-width:540px){.emoji-page:where(.astro-lfd4tqrx){padding-top:48px}.emoji-controls:where(.astro-lfd4tqrx),.emoji-preview:where(.astro-lfd4tqrx){padding:24px 20px}.emoji-tool-wrap:where(.astro-lfd4tqrx){padding:0 16px}.emoji-lead:where(.astro-lfd4tqrx){font-size:17px}.emoji-article:where(.astro-lfd4tqrx) p:where(.astro-lfd4tqrx),.emoji-article:where(.astro-lfd4tqrx) li:where(.astro-lfd4tqrx){font-size:17px}.emoji-article:where(.astro-lfd4tqrx) tbody:where(.astro-lfd4tqrx) th:where(.astro-lfd4tqrx){white-space:normal}}