.emoji-mosaic-module__KXK38G__field{gap:var(--space-3);grid-template-columns:repeat(12,minmax(0,1fr));min-width:0;display:grid}.emoji-mosaic-module__KXK38G__field>*{border:1px solid var(--color-rule);border-radius:var(--radius-xl);min-width:0}.emoji-mosaic-module__KXK38G__intro{align-content:center;gap:var(--space-3);padding:clamp(var(--space-5), 4vw, var(--space-8));background:var(--color-paper-2);grid-column:span 5;display:grid}.emoji-mosaic-module__KXK38G__eyebrow,.emoji-mosaic-module__KXK38G__controls legend,.emoji-mosaic-module__KXK38G__controls label>span{color:var(--color-accent);font-family:var(--font-mono);font-size:var(--text-xs);letter-spacing:.1em;text-transform:uppercase;font-weight:700}.emoji-mosaic-module__KXK38G__eyebrow{margin:0}.emoji-mosaic-module__KXK38G__intro h2{min-width:0;color:var(--color-ink);font-family:var(--font-display);font-size:clamp(var(--text-xl), 4vw, var(--text-3xl));overflow-wrap:anywhere;margin:0;line-height:1.04}.emoji-mosaic-module__KXK38G__intro p:not(.emoji-mosaic-module__KXK38G__eyebrow),.emoji-mosaic-module__KXK38G__export p{color:var(--color-ink-2);margin:0;line-height:1.65}.emoji-mosaic-module__KXK38G__intro button,.emoji-mosaic-module__KXK38G__controls button,.emoji-mosaic-module__KXK38G__export button{border:1px solid var(--color-rule);border-radius:var(--radius-md);min-height:44px;padding:var(--space-3);color:var(--color-ink);background:var(--color-paper);font:inherit;white-space:nowrap;transition:opacity var(--dur-micro) var(--ease-out), transform var(--dur-micro) var(--ease-out);font-weight:700}.emoji-mosaic-module__KXK38G__intro button{align-items:center;gap:var(--space-2);display:inline-flex}.emoji-mosaic-module__KXK38G__intro button span{text-overflow:ellipsis;min-width:0;overflow:hidden}.emoji-mosaic-module__KXK38G__intro svg,.emoji-mosaic-module__KXK38G__export svg{flex:none;width:18px;height:18px}.emoji-mosaic-module__KXK38G__intro .emoji-mosaic-module__KXK38G__quiet{background:0 0;border-color:#0000;justify-content:center}.emoji-mosaic-module__KXK38G__preview{min-height:34rem;padding:var(--space-5);background:var(--color-paper);grid-column:span 7;place-items:center;display:grid;position:relative;overflow:hidden}.emoji-mosaic-module__KXK38G__preview canvas{-o-object-fit:contain;object-fit:contain;width:100%;height:100%;max-height:70vh;display:block}.emoji-mosaic-module__KXK38G__preview>div{align-content:center;justify-items:center;gap:var(--space-2);color:var(--color-ink-2);display:grid;position:absolute;inset:0}.emoji-mosaic-module__KXK38G__preview strong{color:var(--color-ink);font-family:var(--font-display);font-size:var(--text-lg)}.emoji-mosaic-module__KXK38G__controls{gap:var(--space-5);padding:var(--space-5);background:var(--color-paper-2);grid-column:span 8;grid-template-columns:repeat(2,minmax(0,1fr));display:grid}.emoji-mosaic-module__KXK38G__controls fieldset{gap:var(--space-3);border:0;grid-column:1/-1;margin:0;padding:0;display:grid}.emoji-mosaic-module__KXK38G__controls fieldset>div{gap:var(--space-2);grid-template-columns:repeat(4,minmax(0,1fr));display:grid}.emoji-mosaic-module__KXK38G__controls button{gap:var(--space-1);text-transform:capitalize;display:grid}.emoji-mosaic-module__KXK38G__controls button span{font-size:var(--text-lg)}.emoji-mosaic-module__KXK38G__controls button[aria-pressed=true]{border-color:var(--color-accent)}.emoji-mosaic-module__KXK38G__controls label{gap:var(--space-2);display:grid}.emoji-mosaic-module__KXK38G__controls label>span{justify-content:space-between;gap:var(--space-3);color:var(--color-ink-2);display:flex}.emoji-mosaic-module__KXK38G__controls strong{color:var(--color-ink)}.emoji-mosaic-module__KXK38G__controls input{accent-color:var(--color-accent)}.emoji-mosaic-module__KXK38G__controls .emoji-mosaic-module__KXK38G__toggle{min-height:44px;color:var(--color-ink);grid-column:1/-1;align-items:center;display:flex}.emoji-mosaic-module__KXK38G__controls .emoji-mosaic-module__KXK38G__customPalette{grid-column:1/-1}.emoji-mosaic-module__KXK38G__customPalette input{border:1px solid var(--color-rule);border-radius:var(--radius-md);min-width:0;min-height:44px;padding:0 var(--space-3);color:var(--color-ink);background:var(--color-paper);font:inherit}.emoji-mosaic-module__KXK38G__export{align-content:end;gap:var(--space-3);padding:var(--space-5);background:var(--color-paper-2);grid-column:span 4;display:grid}.emoji-mosaic-module__KXK38G__export button{justify-content:center;align-items:center;gap:var(--space-2);display:inline-flex}.emoji-mosaic-module__KXK38G__export button:last-child{color:var(--color-accent-ink);background:var(--color-accent);border-color:#0000}.emoji-mosaic-module__KXK38G__intro button:hover,.emoji-mosaic-module__KXK38G__controls button:hover,.emoji-mosaic-module__KXK38G__export button:hover{transform:translateY(-1px)}.emoji-mosaic-module__KXK38G__intro button:active,.emoji-mosaic-module__KXK38G__controls button:active,.emoji-mosaic-module__KXK38G__export button:active{transform:none}.emoji-mosaic-module__KXK38G__intro button:focus-visible,.emoji-mosaic-module__KXK38G__controls button:focus-visible,.emoji-mosaic-module__KXK38G__controls input:focus-visible,.emoji-mosaic-module__KXK38G__export button:focus-visible{outline:2px solid var(--focus-ring);outline-offset:3px}.emoji-mosaic-module__KXK38G__export button:disabled,.emoji-mosaic-module__KXK38G__controls input:disabled{cursor:not-allowed;opacity:.55}@media (min-width:901px){.emoji-mosaic-module__KXK38G__field{grid-template:"intro preview controls"minmax(0,1fr)"intro preview export"/minmax(15rem,.9fr) minmax(24rem,1.45fr) minmax(16rem,.85fr);height:clamp(34rem,100svh - 13rem,39rem)}.emoji-mosaic-module__KXK38G__intro{padding:clamp(var(--space-4), 2.4vw, var(--space-6));grid-area:intro}.emoji-mosaic-module__KXK38G__intro h2{font-size:clamp(var(--text-md), 1.6vw, var(--text-xl));line-height:1.15}.emoji-mosaic-module__KXK38G__preview{min-height:0;padding:var(--space-3);grid-area:preview}.emoji-mosaic-module__KXK38G__preview canvas{max-height:100%}.emoji-mosaic-module__KXK38G__controls{align-content:start;gap:var(--space-3);padding:var(--space-4);grid-area:controls;grid-template-columns:minmax(0,1fr);overflow:auto}.emoji-mosaic-module__KXK38G__controls fieldset{gap:var(--space-2)}.emoji-mosaic-module__KXK38G__controls fieldset>div{gap:var(--space-2);grid-template-columns:repeat(3,minmax(0,1fr))}.emoji-mosaic-module__KXK38G__controls button{min-height:40px;padding:var(--space-2);font-size:var(--text-sm);gap:0}.emoji-mosaic-module__KXK38G__controls button span{font-size:var(--text-base)}.emoji-mosaic-module__KXK38G__controls label{gap:var(--space-1)}.emoji-mosaic-module__KXK38G__controls .emoji-mosaic-module__KXK38G__customPalette,.emoji-mosaic-module__KXK38G__controls .emoji-mosaic-module__KXK38G__toggle{grid-column:auto}.emoji-mosaic-module__KXK38G__controls .emoji-mosaic-module__KXK38G__toggle{min-height:34px;font-size:var(--text-sm)}.emoji-mosaic-module__KXK38G__customPalette input{min-height:38px}.emoji-mosaic-module__KXK38G__export{gap:var(--space-2);padding:var(--space-4);grid-area:export;grid-template-columns:repeat(3,minmax(0,1fr))}.emoji-mosaic-module__KXK38G__export p{font-size:var(--text-sm);grid-column:1/-1;line-height:1.4}.emoji-mosaic-module__KXK38G__export button{min-height:40px;padding:var(--space-2);font-size:var(--text-sm)}}@media (max-width:900px){.emoji-mosaic-module__KXK38G__intro,.emoji-mosaic-module__KXK38G__preview,.emoji-mosaic-module__KXK38G__controls,.emoji-mosaic-module__KXK38G__export{grid-column:1/-1}.emoji-mosaic-module__KXK38G__preview{min-height:25rem}}@media (max-width:460px){.emoji-mosaic-module__KXK38G__controls,.emoji-mosaic-module__KXK38G__controls fieldset>div{grid-template-columns:minmax(0,1fr)}.emoji-mosaic-module__KXK38G__preview{min-height:20rem}}@media (prefers-reduced-motion:reduce){.emoji-mosaic-module__KXK38G__intro button,.emoji-mosaic-module__KXK38G__controls button,.emoji-mosaic-module__KXK38G__export button{transition:opacity .12s var(--ease-out)}.emoji-mosaic-module__KXK38G__intro button:hover,.emoji-mosaic-module__KXK38G__controls button:hover,.emoji-mosaic-module__KXK38G__export button:hover{transform:none}}