/* DREALT Emoji & Icon tool · isolated styles · v0.8.160 */
.ei-page{max-width:1280px;padding-bottom:76px}
.ei-hero{padding:30px 0 20px}
.ei-hero h1{font-size:clamp(27px,3vw,37px);line-height:1.25;letter-spacing:-.04em;margin:8px 0 13px;color:#f4f8ff}
.ei-hero .ei-eyebrow{font-size:15px;font-weight:800;color:#96beff}
.ei-hero p{font-size:17px;line-height:1.75;color:#cad6e8;max-width:860px;margin:0}
.ei-trust{display:flex;flex-wrap:wrap;gap:9px;margin-top:15px}
.ei-trust span{padding:6px 12px;border-radius:99px;border:1px solid #28415d;color:#bed2ea;font-size:13px}
.ei-workspace{background:#101d30;border:1px solid #2b415d;border-radius:18px;padding:22px}
.ei-tabs{display:flex;gap:10px;border-bottom:1px solid #2e445d;padding-bottom:16px}
.ei-tabs button{font:inherit;font-size:17px;font-weight:800;color:#b6cae6;background:#152842;border:1px solid #324f73;border-radius:11px;padding:13px 25px;cursor:pointer}
.ei-tabs button[aria-selected="true"]{color:#fff;background:#27529b;border-color:#689cff}
.ei-filter{display:flex;gap:10px;align-items:center;flex-wrap:wrap;margin:19px 0 10px}
.ei-search-wrap{flex:1 1 320px;display:flex;gap:6px}
.ei-search-wrap input{width:100%;min-width:0;background:#0b1728;color:#f4f8ff;border:1px solid #48607c;border-radius:10px;padding:13px 14px;font:inherit;font-size:16px}
.ei-btn{font:inherit;font-weight:700;color:#e9f2ff;background:#213a59;border:1px solid #587495;border-radius:10px;padding:10px 15px;cursor:pointer;white-space:nowrap;min-height:44px}
.ei-btn:hover,.ei-chip:hover{border-color:#94bbff}
.ei-btn.primary{background:#356dc1;border-color:#5895e8;color:white}
.ei-btn:focus-visible,.ei-chip:focus-visible,.ei-tile button:focus-visible,.ei-tabs button:focus-visible{outline:3px solid #f0cc6d;outline-offset:3px}
.ei-fav-filter{display:flex;gap:8px;align-items:center;font-size:15px;color:#dfebfb;padding:5px 6px}
.ei-fav-filter input{width:19px;height:19px;accent-color:#5e9dff}
.ei-muted{font-size:14px;color:#b3c4da;line-height:1.55}
.ei-categories{display:flex;gap:7px;flex-wrap:wrap;margin:15px 0}
.ei-chip{font:inherit;cursor:pointer;border:1px solid #36506b;border-radius:999px;background:#162941;color:#d2e0f2;padding:8px 14px;font-size:14px;min-height:38px}
.ei-chip[aria-pressed="true"]{background:#28549a;color:#fff;border-color:#78a7ff;font-weight:750}
.ei-content{display:grid;grid-template-columns:minmax(0,1fr) 290px;gap:22px;align-items:start}
.ei-section-header{display:flex;align-items:baseline;justify-content:space-between;gap:12px;margin-bottom:10px;flex-wrap:wrap}
.ei-section-header h2,.ei-settings h2{font-size:19px;margin:0;color:#fff}
.ei-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(113px,1fr));gap:11px}
.ei-tile{position:relative;min-width:0;border:1px solid #304966;background:#14243a;border-radius:12px;overflow:hidden}
.ei-tile.is-selected{border-color:#83b3ff;box-shadow:0 0 0 1px #83b3ff inset;background:#1c3556}
.ei-tile-main{background:transparent;color:#f2f6ff;border:0;width:100%;padding:23px 8px 15px;cursor:pointer;min-height:120px;display:flex;flex-direction:column;justify-content:center;align-items:center;gap:8px;font:inherit}
.ei-icon-art{display:inline-flex;align-items:center;justify-content:center;width:42px;height:42px}
.ei-icon-art svg{display:block;width:100%;height:100%}
.ei-tile-label{font-weight:750;font-size:14px;line-height:1.35;text-align:center;word-break:keep-all}
.ei-tile-main small{font-size:11px;color:#aabdd2}
.ei-tile-fav{position:absolute;top:3px;right:3px;border:0;background:none;color:#d0dced;font-size:20px;width:33px;height:33px;cursor:pointer}
.ei-tile-fav[aria-pressed="true"]{color:#ffd56d}
.ei-emoji-char{font-family:system-ui,"Apple Color Emoji","Segoe UI Emoji","Noto Color Emoji",sans-serif;font-size:42px;line-height:1.4}
.ei-empty{padding:25px;text-align:center;color:#cbd9ed;border:1px dashed #507091;border-radius:12px}
.ei-settings{border:1px solid #334d6a;border-radius:15px;background:#122238;padding:19px;position:sticky;top:16px}
.ei-settings p{color:#b4c8e0;font-size:14px;line-height:1.55}
.ei-icon-preview{background:linear-gradient(140deg,#243a54,#101b2b);min-height:175px;border:1px solid #3c5372;border-radius:12px;display:grid;place-items:center;margin:13px 0}
.ei-icon-preview .ei-icon-art{width:100px;height:100px}
.ei-preview-name{font-size:20px;font-weight:850;color:white}
.ei-settings label.ei-control{display:flex;flex-direction:column;gap:7px;color:#dce7f6;font-size:15px;font-weight:750;margin-top:15px}
.ei-settings select{font:inherit;color:#fff;background:#0b1728;border:1px solid #49617e;border-radius:9px;padding:11px;min-height:45px}
.ei-settings input[type=color]{width:100%;height:44px;min-height:44px;border:1px solid #49617e;background:#0b1728;border-radius:9px;cursor:pointer}
.ei-checkline{display:flex;align-items:center;gap:8px;color:#dce7f6;font-size:15px;margin-top:12px}
.ei-checkline input{width:18px;height:18px;accent-color:#5895e8}
.ei-settings .ei-actions{display:grid;gap:9px;margin-top:16px}
.ei-settings .ei-actions .ei-btn{width:100%;font-size:15px}
.ei-status{color:#bce5cf;margin:15px 0 0;font-size:15px;line-height:1.5;min-height:23px}
.ei-status.is-error{color:#ffbabb}
.ei-notes{display:grid;grid-template-columns:1fr 1fr;gap:16px;margin-top:21px}
.ei-note{border:1px solid #2e4761;background:#101d30;border-radius:14px;padding:21px}
.ei-note h2{font-size:18px;margin:0 0 9px;color:#e9f2ff}
.ei-note p,.ei-note li{font-size:15px;line-height:1.7;color:#c9d8e8}
.ei-note p{margin:0 0 8px}
.ei-note ul{padding-left:20px;margin:0}
[hidden]{display:none!important}
@media(max-width:910px){.ei-content{grid-template-columns:1fr}.ei-settings{position:static}.ei-settings .ei-icon-preview{min-height:140px}.ei-settings .ei-actions{grid-template-columns:repeat(3,minmax(0,1fr))}}
@media(max-width:660px){.ei-page{padding-left:14px;padding-right:14px}.ei-workspace{padding:14px;border-radius:15px}.ei-tabs button{flex:1;padding:12px 7px;font-size:16px}.ei-grid{grid-template-columns:repeat(auto-fill,minmax(94px,1fr));gap:8px}.ei-tile-main{min-height:111px}.ei-icon-art{width:35px;height:35px}.ei-notes{grid-template-columns:1fr}.ei-settings .ei-actions{grid-template-columns:1fr}.ei-section-header h2{font-size:17px}}

/* Mobile icon actions: reach download/settings without passing 100 icons. */
.ei-settings-header{display:flex;align-items:center;justify-content:space-between;gap:12px}
#ei-close-settings,.ei-quick-actions{display:none}
@media(max-width:660px){
 body:has(.ei-page){padding-bottom:76px}
 .ei-page{padding-bottom:85px}
 #ei-icon-options{position:fixed;z-index:105;inset:auto 10px 76px;max-height:calc(100dvh - 105px);overflow:auto;display:none;box-shadow:0 10px 45px #000a;border-color:#698ab2}
 #ei-icon-options.is-mobile-open{display:block}
 #ei-close-settings{display:inline-flex}
 .ei-content > #ei-emoji-instruction{order:-1}
 .ei-quick-actions:not([hidden]){position:fixed;z-index:100;left:8px;right:8px;bottom:8px;display:flex;align-items:center;gap:6px;padding:8px;background:#142641;border:1px solid #6383ab;border-radius:13px;box-shadow:0 10px 35px #0009}
 .ei-quick-actions span{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;color:#fff;font-weight:750;font-size:14px;padding-left:6px}
 .ei-quick-actions button{border:1px solid #507fb7;border-radius:8px;background:#2b538b;color:white;min-height:40px;padding:0 11px;font:inherit;font-weight:800;font-size:13px;cursor:pointer}
 .ei-quick-actions button:focus-visible{outline:3px solid #f0cc6d;outline-offset:2px}
}

/* v0.8.163: related silhouettes without additional full-size card nesting. */
.ei-variants{margin:15px 0 6px;padding:12px 0;border-block:1px solid #334d6a}
.ei-variants h3{margin:0 0 9px;font-size:15px;font-weight:800;color:#e6f0ff}
.ei-variants-list{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:7px;max-height:210px;overflow-y:auto;scrollbar-width:thin}
.ei-variant{display:flex;align-items:center;gap:6px;min-width:0;min-height:45px;border:1px solid #3b5977;border-radius:9px;background:#0b1b30;color:#e2edff;text-align:left;padding:6px;font:inherit;font-size:12px;cursor:pointer}
.ei-variant .ei-icon-art{width:28px;height:28px;flex:0 0 28px}
.ei-variant span:not(.ei-icon-art){overflow-wrap:anywhere;line-height:1.3}
.ei-variant[aria-pressed="true"]{background:#213c64;border-color:#7faee5;color:white}
.ei-variant:hover{border-color:#a6c8ec}
.ei-variant:focus-visible{outline:3px solid #f1c85d;outline-offset:2px}
@media(max-width:660px){.ei-variants-list{max-height:185px}.ei-variant{font-size:12px}}