.em-tool .em-layout{align-items: flex-start;row-gap: 16px}.em-settings-panel,.em-result-panel{min-width: 0}.em-panel-header{gap: 12px}.em-panel-header>span:first-child{flex: 0 0 auto;white-space: nowrap}.em-panel-header i{margin-right: 6px}.em-result-status{flex: 1 1 auto;min-width: 0;color: var(--text-3);font-size: 12.5px;font-weight: 500;text-align: right}.em-settings-body,.em-result-body{gap: 14px}.em-field{display: flex;flex-direction: column;gap: 6px;min-width: 0;margin: 0;color: var(--text-2);font-size: 13.5px;font-weight: 600}.em-field .form-control{width: 100%;min-width: 0;padding-top: 8px;padding-bottom: 8px;font-size: 14px}.em-field small{color: var(--text-3);font-size: 12px;font-weight: 500;line-height: 1.5}.em-field small code{padding: 1px 4px;border-radius: 4px;background: var(--bg-soft);color: var(--text-2);font-size: 11.5px}.em-set,.em-examples,.em-recent{display: flex;flex-direction: column;gap: 7px;min-width: 0}.em-set-title{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;color: var(--text-3);font-size: 12.5px;font-weight: 600}.em-set-title i{margin-right: 5px;color: var(--primary)}.em-set-list{display: flex;flex-wrap: wrap;gap: 6px}.em-recent .em-set-list:empty::after{content: '还没有复制记录，点任意一个表情就会记在这里（仅存在本机浏览器）。';color: var(--text-3);font-size: 12.5px;font-weight: 500}.em-item{display: inline-flex;align-items: center;gap: 4px;max-width: 100%;padding: 5px 11px;border: 1px solid var(--border);border-radius: 999px;background: var(--bg);color: var(--text-2);font-size: 12.5px;font-weight: 600;line-height: 1.5;cursor: pointer;transition: border-color .15s ease,background .15s ease,color .15s ease}.em-item:hover{border-color: var(--primary);color: var(--primary)}.em-item.is-active{border-color: var(--primary);background: var(--primary-soft);color: var(--primary)}.em-item span{min-width: 0;overflow: hidden;text-overflow: ellipsis;white-space: nowrap}.em-item em{color: var(--text-3);font-style: normal;font-size: 11.5px;font-weight: 600}.em-item.is-active em{color: var(--primary)}.em-mini{padding: 2px 9px;font-size: 11.5px}.em-action-row{display: flex;flex-wrap: wrap;gap: 8px}.em-action-row .btn{justify-content: center;min-width: 128px}.em-message{display: flex;align-items: flex-start;gap: 8px;padding: 9px 12px;border: 1px solid rgba(220,38,38,.3);border-radius: var(--radius);background: var(--danger-soft,#fef2f2);color: var(--danger,#dc2626);font-size: 12.5px;line-height: 1.5}.em-hint{display: none;padding: 8px 10px;border: 1px dashed var(--border);border-radius: var(--radius);background: var(--bg-soft);color: var(--text-3);font-size: 12px;line-height: 1.6}.em-hint.is-shown{display: block}.em-empty{padding: 24px 18px;border: 1px dashed var(--border);border-radius: var(--radius);background: var(--bg-soft);color: var(--text-3);text-align: center;font-size: 13px;line-height: 1.7}.em-empty i{display: block;margin-bottom: 8px;font-size: 26px}.em-detail{display: flex;flex-direction: column;gap: 12px;padding: 14px 16px;border: 1px solid var(--border);border-radius: var(--radius-lg,14px);background: var(--bg-soft)}.em-detail-head{display: flex;align-items: flex-start;gap: 14px;min-width: 0}.em-detail-glyph{flex: 0 0 auto;min-width: 56px;font-size: 44px;line-height: 1.1;text-align: center}.em-detail-title{display: flex;flex-direction: column;gap: 5px;min-width: 0}.em-detail-title strong{color: var(--text);font-size: 16px;font-weight: 700;line-height: 1.4;word-break: break-word}.em-detail-badges{display: flex;flex-wrap: wrap;gap: 6px}.em-badge{padding: 2px 8px;border: 1px solid var(--border);border-radius: 999px;background: var(--bg);color: var(--text-3);font-size: 11.5px;font-weight: 600}.em-badge-new{border-color: rgba(37,99,235,.35);background: var(--primary-soft);color: var(--primary)}.em-detail-tip{margin: 0;color: var(--text-3);font-size: 12.5px;line-height: 1.6}.em-detail-rows{display: flex;flex-direction: column;gap: 4px;margin: 0}.em-detail-row{display: flex;align-items: baseline;gap: 10px;padding: 5px 0;border-top: 1px solid var(--border)}.em-detail-row dt{flex: 0 0 92px;color: var(--text-3);font-size: 12px;font-weight: 600}.em-detail-row dd{flex: 1 1 auto;min-width: 0;margin: 0;color: var(--text);font-size: 13px;line-height: 1.6;word-break: break-word}.em-detail-row dd.is-mono{font-family: var(--mono,ui-monospace,SFMono-Regular,Menlo,Consolas,monospace);font-size: 12.5px}.em-detail-row .em-item{flex: 0 0 auto}.em-tones{display: flex;flex-direction: column;gap: 7px}.em-tone{gap: 7px;padding: 4px 11px 4px 7px;border-radius: 12px}.em-tone .em-tone-glyph{font-size: 19px;line-height: 1.2;white-space: nowrap}.em-tone .em-tone-name{white-space: normal;font-size: 11.5px}.em-groups{display: flex;flex-direction: column;gap: 12px;min-width: 0}.em-group{border: 1px solid var(--border);border-radius: var(--radius-lg,14px);background: var(--bg);overflow: hidden}.em-group-head{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;padding: 10px 14px;background: var(--bg-soft);border-bottom: 1px solid transparent}.em-group.is-open .em-group-head{border-bottom-color: var(--border)}.em-group-toggle{display: flex;flex: 1 1 auto;align-items: center;gap: 8px;min-width: 0;padding: 0;border: 0;background: none;color: var(--text);font-size: 14.5px;font-weight: 700;cursor: pointer;text-align: left}.em-group-toggle::before{content: '\203A';flex: 0 0 auto;color: var(--primary);font-size: 17px;line-height: 1;transform: rotate(90deg);transition: transform .15s ease}.em-group.is-open .em-group-toggle::before{transform: rotate(-90deg)}.em-group-toggle em{color: var(--text-3);font-size: 12px;font-style: normal;font-weight: 600}.em-group-body{display: flex;flex-direction: column;gap: 12px;padding: 12px 14px 14px}.em-sub{display: flex;flex-direction: column;gap: 8px;min-width: 0}.em-sub-title{display: flex;align-items: center;gap: 6px;color: var(--text-3);font-size: 12px;font-weight: 700;letter-spacing: .2px}.em-sub-title em{padding: 1px 6px;border-radius: 999px;background: var(--bg-soft);color: var(--text-3);font-size: 11px;font-style: normal;font-weight: 600}.em-grid{display: grid;grid-template-columns: repeat(auto-fill,minmax(86px,1fr));gap: 7px;margin: 0;padding: 0;list-style: none}.em-grid>li{display: flex;flex-direction: column;align-items: center;gap: 3px;min-width: 0;padding: 8px 5px 7px;border: 1px solid var(--border);border-radius: 12px;background: var(--bg);color: var(--text-2);font-size: 11.5px;font-weight: 500;line-height: 1.35;text-align: center;cursor: pointer;transition: border-color .12s ease,background .12s ease,transform .12s ease}.em-grid>li>span{font-size: 25px;line-height: 1.2}.em-grid>li:hover{border-color: var(--primary);background: var(--primary-soft);transform: translateY(-1px)}.em-grid>li.is-picked{border-color: var(--primary);background: var(--primary-soft);color: var(--primary);font-weight: 700}.em-grid>li.is-miss{opacity: .32}.em-grid>li.is-copied{border-color: var(--success,#16a34a);box-shadow: 0 0 0 2px rgba(22,163,74,.18)}.em-grid>li.is-dim,.em-sub.is-dim,.em-group.is-dim,.em-group.is-hidden,.em-sub.is-hidden{display: none}#em-collect-block{display: flex;flex-direction: column;gap: 10px;min-width: 0;padding: 12px 14px 14px;border: 1px solid var(--border);border-radius: var(--radius-lg,14px);background: var(--bg)}#em-collect-block .em-action-row .btn{margin-left: auto}.em-block-head{display: flex;flex-wrap: wrap;align-items: center;gap: 8px;min-width: 0}.em-block-head strong{color: var(--text);font-size: 13.5px;font-weight: 700}.em-block-head i{margin-right: 5px;color: var(--primary)}.em-block-note{flex: 1 1 200px;min-width: 0;color: var(--text-3);font-size: 12px;line-height: 1.5}.em-block-head .em-item{margin-left: auto}.em-collect-input{width: 100%;min-width: 0;min-height: 66px;padding: 10px 12px;font-size: 21px;line-height: 1.5;white-space: pre-wrap;word-break: break-all}.tool-desc .em-block{display: flex;flex-direction: column;gap: 8px;margin: 14px 0;padding: 12px 14px;border: 1px solid var(--border);border-radius: var(--radius-lg,14px);background: var(--bg-soft)}.tool-desc .em-block p{margin: 0}@media (max-width: 991px){.em-grid{grid-template-columns: repeat(auto-fill,minmax(74px,1fr))}.em-grid>li>span{font-size: 23px}.em-detail-row dt{flex-basis: 80px}}@media (max-width: 640px){.em-detail-glyph{min-width: 44px;font-size: 36px}.em-detail-row{flex-wrap: wrap;gap: 4px 10px}.em-detail-row dd{flex-basis: 100%;order: 3}.em-detail-row .em-item{margin-left: auto}.em-action-row{display: grid}.em-action-row .btn{width: 100%;min-width: 0}#em-collect-block .em-action-row .btn{margin-left: 0}}:root[data-theme="dark"] .em-item,:root[data-theme="dark"] .em-grid>li,:root[data-theme="dark"] .em-group,:root[data-theme="dark"] #em-collect-block{background: #161b22;border-color: #30363d;color: #c9d1d9}:root[data-theme="dark"] .em-group-head,:root[data-theme="dark"] .em-detail,:root[data-theme="dark"] .em-hint,:root[data-theme="dark"] .em-empty,:root[data-theme="dark"] .tool-desc .em-block{background: #0d1117;border-color: #30363d}:root[data-theme="dark"] .em-field small code{background: #0d1117;color: #c9d1d9}:root[data-theme="dark"] .em-grid>li:hover,:root[data-theme="dark"] .em-grid>li.is-picked{border-color: #38bdf8;background: rgba(56,189,248,.12);color: #38bdf8}:root[data-theme="dark"] .em-item:hover,:root[data-theme="dark"] .em-item.is-active{border-color: #38bdf8;background: rgba(56,189,248,.12);color: #38bdf8}:root[data-theme="dark"] .em-message{border-color: rgba(248,113,113,.35);background: rgba(248,113,113,.1);color: #f87171}