:root{--ec-ink: #21241e;--ec-muted: #777a70;--ec-border: #e7e7df;--ec-accent: #d6ef78;--ec-forest: #445b32;--ec-panel: #fffefa;--ec-shadow: 0 24px 70px rgba(33, 36, 30, .14), 0 4px 16px rgba(33, 36, 30, .06)}.ec-composer,.ec-picker{box-sizing:border-box;color:var(--ec-ink);font-family:inherit;-webkit-font-smoothing:antialiased}.ec-composer *,.ec-picker *{box-sizing:border-box}.ec-composer{position:relative;width:min(100%,620px)}.ec-composer-field{position:relative;padding:20px 20px 14px;border:1px solid var(--ec-border);border-radius:18px;background:var(--ec-panel);transition:border-color .18s ease,box-shadow .18s ease}.ec-composer-field:focus-within{border-color:#a9b695;box-shadow:0 0 0 3px #d6ef7838}.ec-composer-field textarea{display:block;width:100%;min-height:102px;resize:vertical;border:0;outline:0;background:transparent;color:var(--ec-ink);font-family:inherit;font-size:16px;line-height:1.65}.ec-composer-field textarea::placeholder{color:#96998d}.ec-composer-tools{display:flex;align-items:center;justify-content:space-between;gap:14px;margin-top:12px}.ec-composer-hint{color:var(--ec-muted);font-size:12px}.ec-trigger{display:grid;width:40px;height:40px;place-items:center;padding:0;border:1px solid var(--ec-border);border-radius:12px;background:#f4f5ed;color:var(--ec-ink);cursor:pointer;transition:background .18s ease,border-color .18s ease}.ec-trigger svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:1.6;stroke-linecap:round}.ec-trigger:hover,.ec-trigger.is-active{border-color:#bfd56e;background:var(--ec-accent)}.ec-trigger:focus-visible,.ec-load-more:focus-visible{outline:2px solid var(--ec-forest);outline-offset:3px}.ec-popover{position:fixed;z-index:1000;overflow:hidden;border:1px solid #dfe2d7;border-radius:20px;background:var(--ec-panel);box-shadow:var(--ec-shadow);animation:ec-appear .15s ease-out}.ec-popover .ec-picker{height:100%;min-height:0;max-height:100%;overflow-y:auto}.ec-popover .ec-grid-scroll{min-height:96px}@keyframes ec-appear{0%{opacity:0}to{opacity:1}}.ec-picker{display:flex;flex-direction:column;width:100%;max-height:540px;min-height:390px;padding:16px;background:transparent;font-size:14px}.ec-search-wrap{display:flex;align-items:center;height:46px;flex:0 0 auto;padding:0 13px;border:1px solid var(--ec-border);border-radius:11px;background:#f5f5ef;transition:border-color .18s ease,box-shadow .18s ease}.ec-search-wrap:focus-within{border-color:#9caa89;box-shadow:inset 0 0 0 1px #9caa89}.ec-search-icon{width:18px;height:18px;flex:0 0 auto;margin-right:10px;fill:none;stroke:#777d6d;stroke-width:1.6;stroke-linecap:round}.ec-search{width:100%;min-width:0;border:0;outline:0;background:transparent;color:var(--ec-ink);font:inherit;font-size:13px}.ec-search::placeholder{color:#8b8f80;opacity:1}.ec-shortcut{margin-left:10px;padding:4px 6px;border:1px solid #e0e3d7;border-radius:5px;background:var(--ec-panel);color:#878c7c;font-family:inherit;font-size:10px;line-height:1;white-space:nowrap}.ec-tone-row{display:flex;align-items:center;justify-content:space-between;flex:0 0 auto;gap:10px;padding:12px 1px}.ec-tone-caption{color:var(--ec-muted);font-size:11px;font-weight:500}.ec-tone-options{display:flex;gap:4px}.ec-tone-chip{display:grid;width:26px;height:26px;place-items:center;padding:0;border:1px solid transparent;border-radius:50%;background:transparent;cursor:pointer;transition:border-color .15s ease,background .15s ease}.ec-tone-chip>span{display:block;width:17px;height:17px;border:1px solid rgba(33,36,30,.1);border-radius:50%;box-shadow:inset 0 1px 1px #ffffff59}.ec-tone-chip:hover{background:#eceee3}.ec-tone-chip.is-active{border-color:var(--ec-ink);background:var(--ec-panel)}.ec-tone-chip:focus-visible{outline:2px solid var(--ec-forest);outline-offset:1px}.ec-categories{display:flex;flex:0 0 auto;gap:5px;overflow-x:auto;padding:2px 0 11px;scrollbar-width:thin;scrollbar-color:#d9decd transparent}.ec-categories::-webkit-scrollbar{height:3px}.ec-categories::-webkit-scrollbar-thumb{border-radius:10px;background:#d9decd}.ec-category{display:inline-flex;align-items:center;justify-content:center;flex:0 0 auto;gap:6px;min-height:32px;padding:0 10px;border:1px solid transparent;border-radius:8px;background:transparent;color:#777d6d;cursor:pointer;font:inherit;font-size:11px;white-space:nowrap;transition:background .15s ease,color .15s ease}.ec-category-icon{font-size:16px;line-height:1}.ec-category:hover{background:#f0f2e8;color:var(--ec-ink)}.ec-category.is-active{background:var(--ec-ink);color:#fffefa;font-weight:600}.ec-category:focus-visible{outline:0;box-shadow:inset 0 0 0 2px #97ac70}.ec-results-heading{display:flex;justify-content:space-between;align-items:center;flex:0 0 auto;gap:12px;min-height:35px;padding:3px 2px 9px;color:#4e5545;font-size:11px;font-weight:600}.ec-results-heading>span:first-child{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.ec-result-count{color:#929786;font-variant-numeric:tabular-nums;font-weight:400}.ec-grid-scroll{flex:1 1 auto;min-height:0;overflow-y:auto;overscroll-behavior:contain;scrollbar-color:#d9decd transparent;scrollbar-width:thin}.ec-grid{display:grid;grid-template-columns:repeat(8,minmax(0,1fr));grid-auto-rows:max-content;gap:4px;padding:3px 3px 9px;align-content:start}.ec-emoji{position:relative;display:grid;aspect-ratio:1;place-items:center;min-width:0;padding:6px;border:1px solid transparent;border-radius:11px;background:transparent;cursor:pointer;overflow:hidden;transition:background .15s ease,border-color .15s ease}.ec-emoji:hover{border-color:#d8dfc7;background:#f1f4e8}.ec-emoji.is-selected{border-color:#bfd073;background:#edf5d6}.ec-emoji:focus-visible{border-color:var(--ec-forest);outline:0;background:#f0f5e4;box-shadow:inset 0 0 0 1px var(--ec-forest)}.ec-emoji img{display:block;position:relative;width:100%;height:100%;object-fit:contain;transition:transform .16s ease;pointer-events:none}.ec-emoji:hover img{transform:scale(1.08)}.ec-emoji-fallback{position:absolute;display:none;font-size:23px}.ec-emoji-fallback.is-visible{display:block}.ec-load-more{display:block;flex:0 0 auto;margin:7px auto 11px;padding:8px 13px;border:1px solid var(--ec-border);border-radius:8px;background:var(--ec-panel);color:#677655;cursor:pointer;font:inherit;font-size:11px;transition:border-color .15s ease,background .15s ease}.ec-load-more:hover{border-color:#c7d3b7;background:#f1f5e8}.ec-empty{display:flex;flex:1;flex-direction:column;align-items:center;justify-content:center;gap:8px;min-height:0;padding:24px 8px;overflow:auto;color:#818875;text-align:center}.ec-empty>span{font-size:34px}.ec-empty strong{margin-top:4px;color:#4a5540;font-size:13px}.ec-empty small{font-size:11px}.ec-footer{display:flex;justify-content:space-between;flex:0 0 auto;gap:12px;margin-top:auto;padding:11px 2px 1px;border-top:1px solid var(--ec-border);color:#919584;font-size:10px}.ec-credit{color:inherit;text-decoration:none;transition:color .15s ease}.ec-credit:hover{color:var(--ec-forest);text-decoration:underline;text-underline-offset:3px}.ec-footer>span:last-child{display:inline-flex;align-items:center;gap:6px;white-space:nowrap}.ec-footer i{display:inline-block;width:5px;height:5px;border-radius:50%;background:#8fab62}@media(max-width:520px){.ec-picker{max-height:min(72vh,540px);min-height:340px;padding:12px}.ec-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.ec-emoji{padding:5px;border-radius:9px}.ec-shortcut{display:none}.ec-composer-field{padding:16px 16px 12px}}@media(prefers-reduced-motion:reduce){.ec-popover,.ec-trigger,.ec-emoji,.ec-emoji img,.ec-composer-field,.ec-search-wrap,.ec-tone-chip,.ec-category,.ec-load-more{animation:none;transition:none}}:root{font-family:DM Sans,sans-serif;color:#252820;background:#fafaf6;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;--ink:#252820;--muted:#777b70;--line:#e7e8df;--lime:#d6ef78;--ec-accent:#587333}*{box-sizing:border-box}html{scroll-behavior:smooth;scroll-padding-top:24px}body{margin:0}button,input,textarea{font:inherit}button,a{-webkit-tap-highlight-color:transparent}a{color:inherit;text-decoration:none}button{color:inherit}button:focus-visible,a:focus-visible{outline:2px solid #668642;outline-offset:4px}::selection{background:#d6ef78;color:#252820}svg{display:block}button svg,.button svg,.text-link svg{width:18px;height:18px;flex:none}.wrap{width:calc(100% - 96px);max-width:1240px;margin-inline:auto}.skip-link{position:fixed;top:12px;left:12px;z-index:1000;padding:12px;background:var(--lime);transform:translateY(-200%)}.skip-link:focus{transform:none}.demo-shell{position:relative}.demo-nav{height:100px;display:flex;align-items:center;justify-content:space-between;gap:28px;border-bottom:1px solid var(--line)}.demo-brand{display:flex;gap:10px;align-items:center;font-family:Manrope,sans-serif;font-size:19px;font-weight:800;letter-spacing:-.8px;flex-shrink:0}.brand-light{font-weight:500}.brand-mark{display:grid;place-items:center;width:40px;height:40px;background:var(--lime);border-radius:13px;transform:rotate(-7deg)}.brand-mark svg{width:30px;height:30px}.demo-brand small{display:block;font:8px DM Sans,sans-serif;letter-spacing:2.1px;margin-top:2px;color:#757a6c}.demo-nav nav{display:flex;gap:30px;align-items:center;font-size:12px;font-weight:550}.demo-nav nav a{display:flex;gap:5px;align-items:center}.demo-nav nav svg{width:13px;height:13px}.demo-nav nav a:hover{color:#6b843c}.preview-badge{display:flex;align-items:center;gap:7px;font-size:10px;border:1px solid var(--line);border-radius:20px;padding:8px 11px;white-space:nowrap;color:#6e7463}.preview-badge i,.live-label i,.browser-bottom i{width:5px;height:5px;border-radius:50%;background:#81975a;display:inline-block}.demo-hero{display:grid;grid-template-columns:1.04fr 1fr;gap:18px;align-items:center;padding-block:58px 65px;min-height:530px}.eyebrow{font-size:9px;letter-spacing:1.8px;font-weight:650;color:#707669;display:flex;align-items:center;gap:9px}.tiny-star{font-size:22px;line-height:1;color:#74854e}.hero-copy h1{font-family:Manrope,sans-serif;font-size:clamp(42px,4.65vw,67px);line-height:1.09;letter-spacing:-3.4px;font-weight:650;margin:22px 0 23px}.hero-copy h1>span{position:relative;display:inline-block}.period{color:#8aa745}.hero-copy h1 svg{position:absolute;bottom:-11px;left:0;width:96%;height:12px;stroke:#c6df83;stroke-width:6;fill:none;z-index:-1}.hero-copy p{font-size:14px;color:#787c71;line-height:1.8;margin:0}.hero-actions{display:flex;align-items:center;gap:26px;margin-top:29px}.button{display:inline-flex;align-items:center;justify-content:center;gap:11px;min-height:44px;border-radius:9px;font-weight:550;font-size:12px;border:1px solid transparent;cursor:pointer;transition:background .16s,box-shadow .16s}.button-dark{background:var(--ink);color:#fff;padding:0 19px}.button-dark:hover{background:#414b33;box-shadow:0 4px 12px #25282015}.text-link{font-size:11px;font-weight:600;display:flex;gap:8px;align-items:center}.text-link:hover{text-decoration:underline;text-underline-offset:4px}.hero-footnote{display:flex;align-items:center;gap:10px;font-size:10px;color:#8b8d84;margin-top:28px}.stack-dots{display:flex;padding-left:2px}.stack-dots i{width:15px;height:15px;border-radius:50%;background:#f1d0b8;border:2px solid #fafaf6;margin-left:-2px}.stack-dots i:nth-child(2){background:#ddb08b}.stack-dots i:nth-child(3){background:#bd875e}.stack-dots i:nth-child(4){background:#895735}.stack-dots i:nth-child(5){background:#533825}.hero-art{height:377px;position:relative;margin-left:16px;isolation:isolate}.art-orbit{position:absolute;width:340px;height:340px;border-radius:50%;border:1px dashed #dee1d2;left:16%;top:14px;transform:rotate(-15deg);z-index:-1}.art-orbit:after{content:"";position:absolute;top:32px;right:32px;bottom:32px;left:32px;border:1px solid #eceee3;border-radius:50%}.art-tile{position:absolute;display:flex;align-items:center;justify-content:center;flex-direction:column;border:5px solid #fff;border-radius:26px;background:var(--tile-color);box-shadow:0 12px 20px -12px #363c2e33,0 0 0 1px #20221b05;padding:14px;cursor:pointer;transition:translate .22s,box-shadow .22s}.art-tile:hover{translate:0 -8px;box-shadow:0 20px 28px -12px #363c2e44}.art-tile img{width:100%;height:calc(100% - 17px);object-fit:contain;filter:drop-shadow(0 7px 5px #0000000b)}.art-tile span{font-size:9px;font-weight:600;margin-top:7px;color:#6e7165}.art-tile-0{width:180px;height:188px;left:8%;top:46px;transform:rotate(-10deg);z-index:3}.art-tile-1{width:133px;height:139px;left:43%;top:1px;transform:rotate(9deg);z-index:2}.art-tile-2{width:166px;height:171px;right:0;top:113px;transform:rotate(11deg);z-index:4}.art-tile-3{width:128px;height:134px;left:3%;bottom:0;transform:rotate(5deg);z-index:5}.art-tile-4{width:152px;height:158px;left:35%;bottom:-1px;transform:rotate(-6deg);z-index:6}.art-tile-5{width:83px;height:86px;right:3%;top:12px;transform:rotate(-10deg);border-width:4px;border-radius:21px;padding:8px;z-index:1}.art-tile-5 span{display:none}.art-tile-5 img{height:100%}.art-note{position:absolute;top:-17px;left:13%;font-size:12px;font-style:italic;transform:rotate(-11deg);color:#8d9383}.art-spark{position:absolute;color:#92aa57}.art-spark-one{top:-6px;left:0;font-size:40px;transform:rotate(-8deg)}.art-spark-two{bottom:35px;right:9%;font-size:34px;font-weight:400;transform:rotate(15deg)}.art-sticker{position:absolute;right:0;bottom:-7px;display:flex;align-items:center;justify-content:center;flex-direction:column;width:83px;height:83px;background:var(--lime);border-radius:50%;font-size:10px;transform:rotate(14deg);box-shadow:0 0 0 4px #fafaf6}.art-sticker>span{font-size:24px;font-weight:700;letter-spacing:-1px}.collection-facts{display:grid;grid-template-columns:1fr 1fr 1.2fr 1fr;border-top:1px solid var(--line);border-bottom:1px solid var(--line);padding:24px 0}.collection-facts>div{display:flex;align-items:center;gap:12px;justify-content:center;border-left:1px solid var(--line)}.collection-facts>div:first-child{border:0;justify-content:flex-start}.collection-facts>div:last-child{justify-content:flex-end}.collection-facts strong{font-family:Manrope,sans-serif;font-size:22px;font-weight:600;letter-spacing:-1px;white-space:nowrap}.collection-facts>div>span{color:#8a8e82;font-size:10px;max-width:78px;line-height:1.4}.collection-facts strong>span{font-size:11px;letter-spacing:0;margin-left:3px}.collection-facts .fact-unicode{gap:11px}.collection-facts .fact-check{border:1px solid #cbd8aa;border-radius:50%;width:28px;height:28px;display:grid;place-items:center;color:#7b934a;font-size:13px}.collection-facts .fact-unicode>span:last-child{max-width:none}.fact-unicode strong{display:block;font-family:DM Sans,sans-serif;font-size:12px;letter-spacing:0;font-weight:600;color:var(--ink)}.fact-unicode span span{font-size:9px}.library-section{padding-block:65px 0;scroll-margin-top:20px}.section-heading{display:flex;justify-content:space-between;align-items:flex-end;margin-bottom:25px}.section-heading h2,.playground-copy h2,.integrate-section h2{font-family:Manrope,sans-serif;font-size:34px;line-height:1.2;font-weight:600;letter-spacing:-1.5px;margin:12px 0 0}.section-heading p{font-size:11px;line-height:1.7;color:#878b80;margin:0 0 2px}.library-workbench{display:grid;grid-template-columns:minmax(0,1fr) 302px;border:1px solid #e1e4d9;border-radius:19px;background:#fff;box-shadow:0 10px 30px -15px #303e1c12;overflow:clip}.library-browser{padding:22px 23px 0;min-width:0;display:flex;flex-direction:column}.browser-title{display:flex;justify-content:space-between;align-items:center;margin-bottom:16px;font-size:12px;font-weight:650}.count-pill{font-size:9px;font-weight:400;background:#f6f7f2;color:#868c7b;border:1px solid #eaede1;padding:5px 9px;border-radius:20px}.library-browser .ec-picker{max-height:none;height:510px;min-height:0;padding:0;font-family:DM Sans,sans-serif}.library-browser .ec-grid{grid-template-columns:repeat(8,minmax(0,1fr));gap:5px;padding:5px 6px 8px;margin:0 -5px}.library-browser .ec-emoji{padding:8px;border-radius:12px}.library-browser .ec-emoji img{max-height:67px}.library-browser .ec-search-wrap{height:44px;background:#f6f7f2;border-color:#eaede1;border-radius:9px}.library-browser .ec-search-wrap input{font-family:DM Sans,sans-serif;font-size:12px}.library-browser .ec-category{font-family:DM Sans,sans-serif;font-size:10px;flex-shrink:0}.library-browser .ec-results-heading{margin-top:4px}.browser-bottom{display:flex;justify-content:space-between;gap:10px;border-top:1px solid var(--line);margin-top:9px;padding:14px 0;color:#969a8e;font-size:9px}.browser-bottom>span:first-child{display:flex;align-items:center;gap:4px}.browser-bottom i{margin-right:2px;width:4px;height:4px}.browser-bottom a{color:#646e56}.browser-bottom a:hover{text-decoration:underline}.emoji-detail{border-left:1px solid var(--line);background:#fcfcf9;min-width:0}.detail-stage{height:245px;position:relative;display:grid;place-items:center;background-color:#f2f3ea;background-image:radial-gradient(#c7ceba69 .7px,transparent .7px);background-size:12px 12px;transition:background-color .2s}.detail-stage.is-dark{background-color:#30352b;background-image:radial-gradient(#6a725b69 .7px,transparent .7px)}.detail-stage-label{position:absolute;top:18px;left:18px;font-size:8px;letter-spacing:1.4px;color:#969c88}.preview-theme{position:absolute;top:12px;right:12px;z-index:2;width:28px;height:28px;border:1px solid #cbd2bb66;background:#ffffff70;display:grid;place-items:center;border-radius:8px;cursor:pointer;font-size:17px;color:#63704b}.is-dark .preview-theme{background:#ffffff12;color:#d6ddc9}.detail-stage>img{width:172px;height:172px;object-fit:contain;animation:detail-in .22s ease-out;filter:drop-shadow(0 12px 8px #34401b0e)}.transparency-label{position:absolute;bottom:14px;left:0;right:0;display:flex;justify-content:center;align-items:center;gap:5px;font-size:8px;color:#90977f}.transparency-label>span{width:9px;height:9px;background:conic-gradient(#b2b8a5 25%,transparent 0 50%,#b2b8a5 0 75%,transparent 0);background-size:5px 5px;opacity:.7}.is-dark .detail-stage-label,.is-dark .transparency-label{color:#c6cdb8}.detail-content{padding:20px 20px 8px}.detail-category{font-size:9px;color:#8b9380}.detail-content h3{display:flex;gap:9px;align-items:center;justify-content:space-between;font-family:Manrope,sans-serif;font-size:19px;line-height:1.4;letter-spacing:-.5px;font-weight:650;margin:5px 0 20px;min-height:27px}.unicode-glyph{font:17px sans-serif;flex-shrink:0;-webkit-user-select:all;user-select:all}.field-label{font-size:8px;letter-spacing:1.25px;color:#8b9380;font-weight:600}.tone-thumbnails{display:flex;gap:5px;margin:9px 0 18px}.tone-thumbnails button{min-width:0;flex:1;aspect-ratio:1;border:1px solid transparent;border-radius:8px;background:transparent;padding:3px;cursor:pointer}.tone-thumbnails button img{width:100%;height:100%;object-fit:contain}.tone-thumbnails button[aria-pressed=true]{background:#edf3df;border-color:#b4ca88}.tone-thumbnails button:hover{background:#eff1e8}.no-tones{font-size:10px;color:#909686;margin:11px 0 24px;min-height:24px}.size-heading{display:flex;align-items:center;justify-content:space-between;margin-bottom:9px}.size-heading>span:last-child{font-size:9px;color:#909686;font-variant-numeric:tabular-nums}.size-options{display:grid;grid-template-columns:repeat(4,1fr);gap:5px}.size-options button{border:1px solid #e4e8db;background:#fff;min-height:28px;border-radius:6px;font-size:10px;color:#8b9380;cursor:pointer;font-variant-numeric:tabular-nums}.size-options button[aria-pressed=true]{border-color:#8da963;color:#546f2f;background:#eff5e4}.size-options button:hover{border-color:#aab58d}.detail-actions{display:grid;grid-template-columns:1.5fr 1fr;gap:7px;margin-top:18px}.detail-actions .button{min-height:39px;font-size:10px;gap:7px;border-radius:7px}.copy-button{background:var(--ink);color:#fff}.copy-button:hover{background:#48553a}.copy-button svg{width:13px;height:13px}.download-button{background:var(--lime);border-color:#cce582}.download-button svg{width:15px;height:15px}.download-button:hover{background:#c7e66a}.copy-status{min-height:28px;text-align:center;font-size:8px;color:#969d89;padding-top:11px;line-height:1.4}.playground-section{display:grid;grid-template-columns:1fr 1.15fr;align-items:center;gap:90px;padding-block:81px}.playground-copy h2{font-size:38px;margin-top:15px}.playground-copy>p,.integrate-section p{font-size:12px;line-height:1.8;color:#858b7c;margin-top:17px}.mini-emoji-row{display:flex;gap:9px;margin-top:24px}.mini-emoji-row img{width:43px;height:43px;object-fit:contain}.mini-emoji-row img:nth-child(2){transform:rotate(-10deg)}.mini-emoji-row img:nth-child(3){transform:rotate(8deg)}.composer-card{background:#f1f3e9;border:1px solid #e8ebdd;padding:22px;border-radius:17px;min-width:0}.composer-card-top{display:flex;align-items:center;gap:9px}.conversation-avatar{width:30px;height:30px;display:grid;place-items:center;border-radius:10px;background:#dce7c9;font-size:11px;font-weight:600;color:#5c6c48}.composer-card-top>div{display:flex;flex-direction:column;gap:2px}.composer-card-top strong{font-size:10px;font-weight:600}.composer-card-top>div>span{font-size:8px;color:#939a87}.live-label{margin-left:auto;display:flex;gap:5px;align-items:center;color:#949c86;font-size:8px}.live-label i{width:4px;height:4px}.conversation-bubble{margin:23px 0 19px;background:#fff;border-radius:2px 12px 12px;padding:12px 15px;display:flex;align-items:center;gap:7px;font-size:10px;color:#7b8470;max-width:fit-content;border:1px solid #e6ebdb}.conversation-bubble img{width:22px;height:22px}.composer-card .ec-composer{width:100%;font-family:DM Sans,sans-serif}.composer-card .ec-composer-field{background:#fff;border-color:#e0e5d5;border-radius:12px;box-shadow:0 4px 12px #3c50240a;padding:15px 15px 11px}.composer-card .ec-composer-field textarea{font-family:DM Sans,sans-serif;font-size:12px;min-height:70px;line-height:1.8}.composer-card .ec-composer-hint{font-size:9px}.composer-card .ec-trigger{height:32px;width:32px;border-radius:9px}.composer-note{display:flex;align-items:center;justify-content:space-between;gap:10px;font-size:8px;color:#939c83;margin-top:13px}.composer-note>span:last-child{white-space:nowrap}.integrate-section{border-top:1px solid var(--line);padding-block:65px 74px;display:grid;grid-template-columns:1fr 1.15fr;gap:90px;align-items:center}.integrate-section h2{font-size:31px}.integrate-section .eyebrow{font-size:8px;letter-spacing:1.3px}.integration-tags{display:flex;gap:6px;margin-top:20px}.integration-tags span{font-size:9px;color:#7c8570;border:1px solid #e1e6d8;padding:5px 9px;border-radius:5px}.release-note{display:block;font-size:8px;color:#a2a797;margin-top:13px}.code-card{background:#292f25;border:1px solid #373f30;border-radius:13px;box-shadow:0 18px 30px -18px #202b2033;min-width:0;overflow:hidden}.code-title{height:45px;display:flex;align-items:center;justify-content:space-between;padding:0 17px;border-bottom:1px solid #ffffff0b;color:#869078;font-size:9px}.code-title>span:first-child{display:flex;gap:4px}.code-title i{height:6px;width:6px;background:#5f6b50;border-radius:50%}.code-title button{background:none;border:0;min-width:26px;height:26px;color:#a1b090;font-size:9px;cursor:pointer}.code-title svg{width:13px;height:13px}.code-card pre{padding:21px 22px 19px;margin:0;overflow-x:auto;color:#c1c9b4;font-size:11px;line-height:1.95;-moz-tab-size:2;tab-size:2}.code-card code{font-family:Consolas,SFMono-Regular,monospace}.code-keyword{color:#a6b9e0}.code-string{color:#cae48f}.code-tag{color:#d7edb3}.code-prop{color:#e1d39b}.code-bottom{display:flex;gap:6px;align-items:center;padding:13px 20px;border-top:1px solid #ffffff0b;font-size:8px;color:#7e8c70}.code-dot{height:4px;width:4px;border-radius:50%;background:#a6c46b}.demo-footer{border-top:1px solid var(--line);padding-block:26px 32px;display:flex;justify-content:space-between;align-items:center;font-size:10px;color:#949b88}.footer-brand{color:#5e6851;font-family:Manrope,sans-serif;font-weight:650;font-size:13px;letter-spacing:-.4px}.footer-brand span{display:block;font-family:DM Sans,sans-serif;font-size:8px;color:#a1a794;font-weight:400;letter-spacing:0;margin-top:4px}.demo-footer>span{display:flex;gap:4px;align-items:center;font-size:9px}.demo-footer>span a{display:flex;align-items:center;gap:3px;color:#5b6a48}.demo-footer svg{width:12px;height:12px}.back-top{font-size:9px}.demo-footer a:hover{color:#4b6333}.library-browser .ec-grid{margin:0;padding:5px 4px 8px}.library-browser .ec-footer{display:none}.library-browser .ec-category,.library-browser .ec-load-more{font-size:11px}.browser-bottom,.detail-category{font-size:10px}.field-label{font-size:9px}.size-heading>span:last-child{font-size:10px}.size-options button{font-size:11px;min-height:30px}.detail-actions .button{font-size:11px}.copy-status,.detail-stage-label,.transparency-label{font-size:9px}.demo-nav nav{font-size:13px}.hero-copy p{font-size:15px}.eyebrow{font-size:10px}.section-heading p{font-size:12px}.collection-facts>div>span{font-size:11px}.collection-facts .fact-unicode strong{font-size:13px;letter-spacing:0}.fact-unicode span span{font-size:10px}.hero-footnote,.preview-badge{font-size:11px}.composer-card .ec-composer-field textarea{font-size:14px}.playground-copy>p,.integrate-section p{font-size:14px}.composer-card-top strong{font-size:12px}.composer-card-top>div>span{font-size:10px}.conversation-bubble{font-size:12px}.composer-card .ec-composer-hint{font-size:11px}.composer-note{font-size:10px}.code-card pre{font-size:12px}.code-title{font-size:11px}.code-bottom{font-size:10px}.integration-tags span{font-size:11px}.release-note{font-size:10px}.demo-footer>span{font-size:11px}.footer-brand span{font-size:10px}@keyframes detail-in{0%{opacity:.4;transform:scale(.94)}to{opacity:1;transform:scale(1)}}@media(min-width:1450px){.hero-art{margin-inline:35px 20px}.hero-copy h1{font-size:70px}.demo-hero{padding-block:65px 75px}.library-browser .ec-picker{height:548px}.detail-stage{height:280px}.detail-stage>img{width:193px;height:193px}}@media(max-width:1100px){.wrap{width:calc(100% - 64px)}.demo-nav nav{gap:22px}.preview-badge{display:none}.hero-copy h1{font-size:51px;letter-spacing:-2.7px}.hero-art{transform:scale(.89);transform-origin:center right;margin-left:-20px}.demo-hero{gap:0;min-height:480px;padding-block:40px 50px}.hero-actions{gap:18px}.hero-actions .button{padding:0 14px;font-size:11px}.text-link{font-size:10px}.collection-facts strong{font-size:20px}.collection-facts>div{gap:8px}.collection-facts>div>span{font-size:9px}.library-workbench{grid-template-columns:minmax(0,1fr) 274px}.library-browser{padding:20px 17px 0}.library-browser .ec-grid{grid-template-columns:repeat(7,minmax(0,1fr))}.library-browser .ec-emoji{padding:6px}.browser-bottom>span:last-child{display:none}.detail-content{padding-inline:17px}.playground-section,.integrate-section{gap:45px}.code-card pre{font-size:10px;padding-inline:16px}.hero-copy p{font-size:13px}}@media(max-width:850px){.hero-copy h1{font-size:43px;letter-spacing:-2px}.demo-hero{grid-template-columns:1fr 1fr}.hero-art{transform:scale(.78);width:430px;margin-left:-100px}.hero-actions{flex-direction:column;align-items:flex-start;gap:17px}.hero-footnote{margin-top:20px}.demo-hero{padding-block:25px 35px;min-height:460px}.collection-facts{grid-template-columns:1fr 1fr;row-gap:22px;padding-block:22px}.collection-facts>div:nth-child(2){justify-content:flex-end;border:0}.collection-facts>div:nth-child(3){justify-content:flex-start;border:0}.collection-facts>div:last-child{border:0}.collection-facts>div>span{max-width:none}.library-workbench{grid-template-columns:minmax(0,1fr) 248px}.library-browser{padding-inline:14px}.library-browser .ec-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.library-browser .ec-picker{height:511px}.detail-stage{height:235px}.detail-content h3{font-size:17px}.detail-content{padding-inline:14px}.tone-thumbnails{gap:2px}.count-pill{font-size:8px;padding:4px 7px}.browser-title{font-size:10px;gap:8px}.section-heading h2{font-size:29px}.section-heading p{font-size:10px}.playground-section,.integrate-section{gap:28px;grid-template-columns:.85fr 1.15fr}.playground-copy h2{font-size:31px}.composer-card{padding:17px}.composer-card .live-label{display:none}.composer-note>span:last-child{display:none}.conversation-bubble{font-size:9px}.integrate-section h2{font-size:27px}.integrate-section .eyebrow{font-size:7px}.code-card pre{font-size:9px}}@media(max-width:650px){.wrap{width:calc(100% - 36px)}.demo-nav{height:78px}.demo-brand{font-size:17px}.brand-mark{width:35px;height:35px;border-radius:11px}.demo-nav nav{gap:16px;font-size:10px}.demo-nav nav a:last-child{display:none}.demo-hero{grid-template-columns:1fr;gap:0;padding-block:35px 37px}.hero-copy{text-align:center}.hero-copy .eyebrow{justify-content:center;font-size:8px;letter-spacing:1.4px}.hero-copy h1{font-size:52px;letter-spacing:-2.8px;margin-top:18px}.hero-copy h1 svg{bottom:-10px}.hero-copy p{font-size:12px}.hero-actions{flex-direction:row;justify-content:center;align-items:center;gap:24px;margin-top:25px}.hero-actions .button{font-size:10px;padding-inline:15px}.hero-footnote{justify-content:center;font-size:9px;margin-top:20px}.hero-art{width:355px;height:310px;margin:32px auto 0;transform:scale(.9);transform-origin:center}.art-orbit{width:270px;height:270px;left:11%;top:13px}.art-tile{border-width:4px;border-radius:22px;padding:9px}.art-tile-0{width:144px;height:152px;left:5%;top:39px}.art-tile-1{width:110px;height:116px;left:42%;top:0}.art-tile-2{width:130px;height:138px;right:-1%;top:96px}.art-tile-3{width:103px;height:112px;left:1%;bottom:0}.art-tile-4{width:126px;height:132px;left:32%;bottom:-4px}.art-tile-5{width:65px;height:70px;right:0;top:11px;border-radius:17px}.art-sticker{width:65px;height:65px;font-size:8px;right:-3px;bottom:-6px}.art-sticker>span{font-size:19px}.art-spark-one{font-size:31px;left:-5%}.art-spark-two{font-size:27px;right:7%;bottom:19px}.art-note{font-size:10px;top:-12px;left:11%}.art-tile span{font-size:8px}.collection-facts{row-gap:20px}.collection-facts strong{font-size:19px}.collection-facts>div>span{max-width:75px;font-size:8px}.collection-facts .fact-unicode>span:last-child{max-width:none}.fact-unicode strong{font-size:11px}.fact-unicode span span{font-size:8px}.collection-facts .fact-check{width:25px;height:25px}.library-section{padding-top:40px}.section-heading{display:block;margin-bottom:19px}.section-heading .eyebrow{font-size:8px}.section-heading h2{font-size:29px;margin-top:10px}.section-heading p{margin-top:10px;font-size:10px}.section-heading p br{display:none}.library-workbench{grid-template-columns:1fr;border-radius:15px}.library-browser{padding:17px 14px 0}.browser-title{font-size:11px;margin-bottom:13px}.library-browser .ec-picker{height:460px}.library-browser .ec-grid{grid-template-columns:repeat(7,minmax(0,1fr));gap:3px}.library-browser .ec-emoji{padding:5px;border-radius:9px}.browser-bottom{font-size:8px;padding-block:12px}.browser-bottom>span:last-child{display:block}.emoji-detail{border-left:0;border-top:1px solid var(--line);display:grid;grid-template-columns:1fr 1.2fr}.detail-stage{height:100%;min-height:300px}.detail-stage>img{width:135px;height:135px}.detail-stage-label{font-size:6px;left:12px;top:16px;letter-spacing:1px}.preview-theme{top:8px;right:8px;width:24px;height:24px;font-size:15px}.transparency-label{font-size:7px;bottom:22px}.detail-content{padding:16px 13px 6px}.detail-category{font-size:8px}.detail-content h3{font-size:15px;margin-bottom:13px;gap:5px}.unicode-glyph{font-size:14px}.field-label{font-size:6px;letter-spacing:1px}.tone-thumbnails{gap:1px;margin-block:7px 12px}.tone-thumbnails button{padding:1px;border-radius:5px}.size-heading>span:last-child{font-size:7px}.size-options{gap:3px}.size-options button{font-size:8px;min-height:24px;border-radius:4px}.detail-actions{gap:4px;margin-top:12px}.detail-actions .button{font-size:8px;min-height:32px;gap:4px}.detail-actions svg{width:11px;height:11px}.copy-status{font-size:6px;min-height:25px;padding-top:8px}.no-tones{font-size:8px;margin-block:8px 16px}.playground-section{grid-template-columns:1fr;gap:26px;padding-block:45px}.playground-copy h2{font-size:33px}.playground-copy h2 br{display:none}.playground-copy>p{font-size:11px;margin-top:13px}.mini-emoji-row{margin-top:17px;gap:6px}.mini-emoji-row img{width:36px;height:36px}.composer-card{padding:18px}.composer-card .live-label{display:flex}.conversation-bubble{font-size:10px}.composer-note{font-size:7px}.composer-note>span:last-child{display:block}.integrate-section{grid-template-columns:1fr;gap:25px;padding-block:37px 42px}.integrate-section h2{font-size:30px}.integrate-section h2 br{display:none}.integrate-section .eyebrow{font-size:7px}.code-card pre{font-size:10px;padding:20px 17px}.demo-footer{flex-wrap:wrap;gap:23px;padding-block:25px}.demo-footer>span{font-size:8px}.footer-brand{font-size:12px}.back-top{display:none}}@media(max-width:370px){.hero-copy h1{font-size:46px}.hero-art{width:320px;transform:scale(.88);margin-left:-2px}.hero-actions{gap:14px}.hero-actions .button{font-size:9px;padding-inline:12px}.text-link{font-size:9px}.demo-nav nav{gap:12px;font-size:9px}.demo-brand{font-size:15px}.brand-mark{width:31px;height:31px}.library-browser .ec-grid{grid-template-columns:repeat(6,minmax(0,1fr))}.emoji-detail{grid-template-columns:1fr}.detail-stage{height:200px;min-height:0}.detail-stage>img{width:145px;height:145px}.detail-content{padding:17px}.field-label{font-size:8px}.detail-content h3{font-size:19px}.detail-category{font-size:9px}.tone-thumbnails{gap:5px}.tone-thumbnails button{padding:4px}.size-options button{font-size:10px;min-height:27px}.detail-actions .button{font-size:10px;min-height:38px}.copy-status{font-size:8px}.code-card pre{font-size:9px}}@media(max-width:650px){.hero-art{max-width:100%}.emoji-detail{grid-template-columns:1fr}.detail-stage{height:220px;min-height:0}.detail-stage>img{width:160px;height:160px}.detail-stage-label{font-size:9px;left:16px}.transparency-label{font-size:9px;bottom:15px}.detail-content{padding:20px}.detail-category{font-size:11px}.detail-content h3{font-size:22px;margin-block:6px 20px}.unicode-glyph{font-size:20px}.field-label{font-size:9px}.tone-thumbnails{gap:7px;margin-block:10px 20px}.tone-thumbnails button{padding:4px;border-radius:9px;max-width:46px}.size-heading>span:last-child{font-size:11px}.size-options{gap:6px}.size-options button{font-size:12px;min-height:33px}.detail-actions{gap:8px;margin-top:18px}.detail-actions .button{font-size:12px;min-height:43px}.detail-actions svg{width:16px;height:16px}.copy-status{font-size:10px;min-height:25px}.no-tones{font-size:11px}.preview-theme{width:30px;height:30px;top:12px;right:12px}.browser-bottom{font-size:9px}.browser-bottom>span:last-child{display:none}.composer-card .ec-composer-field textarea{font-size:14px}.composer-card-top strong{font-size:12px}.composer-card-top>div>span{font-size:10px}.conversation-bubble{font-size:11px}.composer-note{font-size:9px}.composer-note>span:last-child{display:none}.playground-copy>p,.integrate-section p{font-size:13px}.code-card pre{font-size:11px}.collection-facts>div>span{font-size:10px}.collection-facts .fact-unicode strong{font-size:12px}.fact-unicode span span{font-size:9px}.hero-copy p{font-size:14px}.demo-nav nav{font-size:11px}.hero-footnote{font-size:10px}.section-heading p{font-size:12px}.eyebrow,.section-heading .eyebrow,.footer-brand span{font-size:9px}.demo-footer>span{font-size:10px}}.embed-options{margin-top:18px}.copy-formats{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:3px;padding:3px;margin-top:9px;background:#eef0e7;border:1px solid #e4e8db;border-radius:8px}.copy-formats button{border:1px solid transparent;border-radius:5px;background:transparent;min-height:29px;padding:3px 0;font-size:10px;color:#7b8470;cursor:pointer}.copy-formats button:hover{color:#35412a}.copy-formats button[aria-pressed=true]{background:#fff;border-color:#dce2cf;box-shadow:0 1px 3px #2528200a;color:#35472a;font-weight:600}.embed-code{margin:9px 0 0;padding:11px;border:1px solid #e4e8db;border-radius:8px;background:#f6f7f1;color:#556146;font:10px/1.65 Consolas,monospace;white-space:pre-wrap;overflow-wrap:anywhere;min-height:100px;max-height:138px;overflow:auto;-webkit-user-select:text;user-select:text}.embed-help{font-size:9px;line-height:1.6;color:#848d77;margin:7px 0 0}.embed-options+.detail-actions{margin-top:12px}.detail-image-viewport{position:absolute;top:40px;right:10px;bottom:34px;left:10px;overflow:auto;overscroll-behavior:contain;scrollbar-width:thin;scrollbar-color:#c9d1ba transparent}.detail-image-canvas{display:grid;place-items:center;min-width:100%;min-height:100%;width:max-content}.detail-image-canvas>img{display:block;max-width:none;max-height:none;flex:none}.embed-methods{display:grid;grid-template-columns:1fr 1fr;gap:6px;margin-top:10px}.embed-methods button{border:1px solid #e0e5d5;background:#fff;border-radius:7px;padding:9px 4px;font-size:10px;cursor:pointer;color:#7b8470}.embed-methods button[aria-pressed=true]{background:#eaf2d9;border-color:#a9c375;color:#456129;font-weight:600}.embed-setup{margin-top:9px;font-size:10px;color:#667651}.embed-setup summary{cursor:pointer;padding:4px 0}.embed-setup .embed-code{min-height:0;max-height:180px}.embed-setup>button{display:flex;align-items:center;gap:6px;margin-top:5px;padding:5px 0;border:0;background:none;color:#526a38;cursor:pointer;font-size:10px}.embed-setup>button svg{width:12px;height:12px}@media(min-width:651px){.library-browser .ec-picker{height:780px}}.emoji-guide,.emoji-faq{border-top:1px solid var(--line);padding-block:48px}.emoji-guide h2,.emoji-faq h2{font:600 30px/1.25 Manrope,sans-serif;letter-spacing:-1px;margin:14px 0 20px}.emoji-guide>p{max-width:820px;font-size:14px;line-height:1.8;color:#747d68}.guide-cards{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;margin-top:25px}.guide-cards article{border:1px solid var(--line);border-radius:14px;padding:22px;background:#fff;min-width:0}.guide-cards h3{font:600 17px Manrope,sans-serif;margin:0 0 12px}.guide-cards p{font-size:12px;line-height:1.8;color:#78816c}.guide-cards article>code{display:block;font-size:10px;background:#f1f4e9;padding:10px;border-radius:7px;overflow-wrap:anywhere}.guide-cards a{display:block;margin-top:15px;font-size:11px;color:#587333}.emoji-faq{max-width:1240px}.emoji-faq details{border-bottom:1px solid var(--line);padding:17px 0}.emoji-faq summary{font-size:14px;cursor:pointer;font-weight:550;line-height:1.6}.emoji-faq details p{max-width:850px;font-size:13px;line-height:1.85;color:#78816c;margin:14px 0 4px}.seo-links{display:flex;gap:20px;flex-wrap:wrap;font-size:11px;color:#587333;margin-top:25px}@media(max-width:750px){.guide-cards{grid-template-columns:1fr}.emoji-guide h2,.emoji-faq h2{font-size:27px}.emoji-guide,.emoji-faq{padding-block:35px}}:root{--ec-accent:#d6ef78}@media(max-width:650px){.playground-copy h2 br,.integrate-section h2 br{display:initial}}@media(prefers-reduced-motion:reduce){html{scroll-behavior:auto}*,*:before,*:after{animation:none!important;transition:none!important}}