.emoji-converter-hero{background:radial-gradient(circle at 84% 30%,#fbefcfd1,#0000 22rem),linear-gradient(145deg,#fbfaf7,#fff 65%);padding-bottom:clamp(48px,7vw,82px)}.emoji-hero-grid{grid-template-columns:minmax(0,.82fr) minmax(420px,.7fr);align-items:center;gap:clamp(44px,8vw,105px);padding-top:24px;display:grid}.emoji-flow{color:var(--subtle);align-items:center;gap:16px;margin-top:27px;display:flex}.emoji-flow span{font-size:2rem}.emoji-flow strong{color:var(--ink);font-family:var(--font-mono);font-size:1.45rem}.emoji-input-card{border:1px solid var(--line);box-shadow:var(--shadow-md);background:#ffffffeb;border-radius:22px;padding:24px}.emoji-input-card>label{margin-bottom:10px;font-size:.83rem;font-weight:820;display:block}.emoji-input-row{grid-template-columns:minmax(90px,1fr) auto;gap:9px;display:grid}.emoji-input{border:1px solid var(--line-strong);background:var(--page);border-radius:14px;width:100%;min-width:0;min-height:58px;padding:9px 17px;font-size:1.7rem}.emoji-input:focus{border-color:var(--butter);outline:3px solid #e7b9552b}.emoji-input-card>p{color:var(--muted);margin:9px 0 15px;font-size:.75rem}.emoji-quick-row{flex-wrap:wrap;gap:7px;display:flex}.emoji-quick-row button{border:1px solid var(--line);background:var(--surface-soft);cursor:pointer;border-radius:10px;place-items:center;width:38px;height:38px;font-size:1.15rem;transition:transform .15s,border-color .15s;display:grid}.emoji-quick-row button:hover{border-color:var(--butter);transform:translateY(-2px)}.emoji-result-section{background:#fff;scroll-margin-top:86px}.emoji-not-found{border:1px solid var(--line);background:var(--surface-soft);border-radius:20px;grid-template-columns:auto 1fr;align-items:center;gap:24px;padding:clamp(24px,5vw,44px);display:grid}.emoji-not-found[hidden]{display:none}.emoji-not-found>span{font-size:3rem}.emoji-not-found h2,.emoji-not-found p{margin:0}.emoji-not-found p{color:var(--muted);margin-top:6px}.emoji-result[hidden]{display:none}.emoji-result-header{border:1px solid var(--line);background:radial-gradient(circle at 5% 45%, var(--butter-soft), transparent 13rem), var(--page);border-radius:22px 22px 0 0;justify-content:space-between;align-items:center;gap:30px;padding:clamp(24px,4vw,38px);display:flex}.emoji-result-title{grid-template-columns:auto 1fr;align-items:center;gap:clamp(20px,4vw,36px);display:grid}.emoji-result-title>span{font-size:clamp(3.5rem,8vw,6rem);line-height:1}.emoji-result-title h2{letter-spacing:-.045em;margin:0;font-size:clamp(1.7rem,3.8vw,2.8rem);line-height:1.06}.emoji-result-title div>p:last-child{max-width:600px;color:var(--muted);margin:8px 0 0}.emoji-result-actions{flex-wrap:wrap;flex:none;gap:8px;display:flex}.emoji-result-note{border:1px solid var(--line);color:var(--muted);background:var(--butter-soft);border-top:0;align-items:start;gap:10px;padding:13px clamp(24px,4vw,38px);font-size:.8rem;display:flex}.emoji-result-note p{margin:0}.emoji-kaomoji-grid{grid-template-columns:repeat(4,minmax(0,1fr));gap:12px;margin-top:18px;display:grid}.emoji-kaomoji-grid article{border:1px solid var(--line);background:var(--surface);box-shadow:var(--shadow-sm);border-radius:17px;overflow:hidden}.emoji-kaomoji-face{background:var(--surface-soft);cursor:copy;flex-direction:column;justify-content:center;align-items:center;gap:9px;width:100%;min-height:150px;padding:22px 14px;display:flex}.emoji-kaomoji-face span{overflow-wrap:anywhere;font-size:clamp(1rem,2.4vw,1.45rem)}.emoji-kaomoji-face small{color:var(--subtle);font-family:var(--font-sans);letter-spacing:.06em;text-transform:uppercase;font-size:.65rem;font-weight:730}.emoji-kaomoji-meta{justify-content:space-between;align-items:center;gap:10px;padding:13px 14px;display:flex}.emoji-kaomoji-meta strong{text-overflow:ellipsis;white-space:nowrap;font-size:.78rem;overflow:hidden}.emoji-kaomoji-meta>div{gap:4px;display:flex}.emoji-kaomoji-meta button{width:32px;height:32px;color:var(--muted);background:var(--page);cursor:pointer;border-radius:9px;place-items:center;display:grid}.emoji-kaomoji-footer{border-top:1px solid var(--line);justify-content:space-between;align-items:center;gap:10px;padding:10px 14px;font-size:.7rem;font-weight:760;display:flex}.emoji-kaomoji-footer button{color:var(--rose-deep);cursor:pointer;font-weight:inherit;background:0 0;align-items:center;gap:5px;padding:0;display:inline-flex}.emoji-kaomoji-footer a{color:var(--lilac)}.emoji-studio-cta{border:1px solid var(--line);background:var(--lilac-soft);border-radius:17px;justify-content:space-between;align-items:center;gap:24px;margin-top:18px;padding:20px 22px;display:flex}.emoji-studio-cta span,.emoji-studio-cta strong{display:block}.emoji-studio-cta span{color:var(--lilac);letter-spacing:.08em;text-transform:uppercase;font-size:.7rem;font-weight:830}.emoji-studio-cta strong{font-family:var(--font-mono);overflow-wrap:anywhere;margin-top:4px}.emoji-library-section{background:var(--surface-soft)}.emoji-library-grid{grid-template-columns:repeat(3,minmax(0,1fr));gap:10px;display:grid}.emoji-library-grid>button{border:1px solid var(--line);text-align:left;cursor:pointer;background:#fff;border-radius:15px;grid-template-columns:auto 1fr auto;align-items:center;gap:14px;min-height:96px;padding:16px;transition:transform .15s,border-color .15s;display:grid}.emoji-library-grid>button:hover{border-color:var(--butter);transform:translateY(-2px)}.emoji-library-grid>button>span{font-size:1.8rem}.emoji-library-grid strong,.emoji-library-grid small{display:block}.emoji-library-grid strong{font-size:.86rem}.emoji-library-grid small{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:.72rem;display:-webkit-box;overflow:hidden}.emoji-library-grid svg{color:var(--subtle)}.emoji-method-grid{grid-template-columns:minmax(0,.78fr) minmax(400px,.8fr);gap:clamp(50px,9vw,130px);display:grid}.emoji-method-copy>p{color:var(--muted);margin:0;font-size:1.02rem}.emoji-method-copy>div{gap:13px;margin:24px 0;display:grid}.emoji-method-copy span{border-top:1px solid var(--line);color:var(--muted);grid-template-columns:92px 1fr;gap:15px;padding-top:12px;font-size:.84rem;display:grid}.emoji-method-copy strong{color:var(--ink)}.emoji-related-section{background:#fff}.emoji-related-card{color:#fff;background:radial-gradient(circle at 80% 20%,#9474a866,#0000 20rem),#302b31;border-radius:24px;grid-template-columns:minmax(0,1fr) minmax(280px,.62fr) auto;align-items:center;gap:clamp(28px,6vw,70px);padding:clamp(30px,6vw,60px);display:grid}.emoji-related-card .eyebrow{color:#f5bfd0}.emoji-related-card h2,.emoji-related-card p{margin:0}.emoji-related-card h2{letter-spacing:-.045em;font-size:clamp(1.7rem,3vw,2.6rem);line-height:1.08}.emoji-related-card p{color:#ffffffad;margin-top:10px}.emoji-related-preview{text-align:center;background:#ffffff12;border:1px solid #ffffff24;border-radius:16px;padding:22px;line-height:2}.emoji-faq-list{border-top:1px solid var(--line)}.emoji-faq-list details{border-bottom:1px solid var(--line)}.emoji-faq-list summary{cursor:pointer;justify-content:space-between;align-items:center;gap:20px;padding:19px 2px;font-weight:790;list-style:none;display:flex}.emoji-faq-list summary::-webkit-details-marker{display:none}.emoji-faq-list details[open] summary svg{transform:rotate(180deg)}.emoji-faq-list p{color:var(--muted);margin:-4px 0 20px}@media (width<=940px){.emoji-hero-grid,.emoji-method-grid,.emoji-related-card{grid-template-columns:1fr}.emoji-kaomoji-grid,.emoji-library-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.emoji-related-card .button-primary{width:fit-content}}@media (width<=700px){.emoji-hero-grid{gap:34px}.emoji-input-card{padding:18px}.emoji-input-row{grid-template-columns:1fr}.emoji-input-row .button-primary{min-height:48px}.emoji-result-header,.emoji-studio-cta{flex-direction:column;align-items:stretch}.emoji-result-title{grid-template-columns:1fr}.emoji-result-actions,.emoji-result-actions>button,.emoji-studio-cta .button-secondary{width:100%}.emoji-kaomoji-grid,.emoji-library-grid,.emoji-not-found{grid-template-columns:1fr}}
