.j3d-glyph{--glyph-border:#dce2ea;--glyph-muted:#687386}.j3d-glyph__intro{max-width:850px}.j3d-glyph__tool{margin:24px 0;padding:24px;border:1px solid var(--glyph-border);border-radius:12px;background:#fff}.j3d-glyph__tabs{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:20px}.j3d-glyph__tabs button{padding:10px 16px;border:1px solid var(--glyph-border);border-radius:8px;background:#f7f8fa;cursor:pointer}.j3d-glyph__tabs button.is-active{border-color:#2878c8;background:#edf6ff;color:#155fa8}.j3d-glyph__source{margin:14px 0}.j3d-glyph__drop{display:flex;min-height:110px;flex-direction:column;align-items:center;justify-content:center;gap:8px;border:2px dashed #b8c7d8;border-radius:10px;text-align:center;cursor:pointer}.j3d-glyph__drop span,.j3d-glyph__note,.j3d-glyph__status{color:var(--glyph-muted);font-size:14px}.j3d-glyph input[type=file]{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0)}.j3d-glyph input[type=search],.j3d-glyph select{display:block;box-sizing:border-box;width:100%;max-width:520px;min-height:42px;margin-top:6px;padding:8px 10px;border:1px solid #bac4d0;border-radius:6px}.j3d-glyph__suggestions{max-width:650px;padding:0;list-style:none}.j3d-glyph__suggestions button{width:100%;padding:10px;text-align:left;background:white;border:0;border-bottom:1px solid var(--glyph-border);cursor:pointer}.j3d-glyph__suggestions button:hover{background:#f1f7fc}.j3d-glyph__summary{display:flex;flex-wrap:wrap;gap:12px;margin:24px 0}.j3d-glyph__summary div{min-width:140px;padding:14px;border:1px solid var(--glyph-border);border-radius:8px}.j3d-glyph__summary strong,.j3d-glyph__summary span{display:block}.j3d-glyph__summary strong{font-size:20px}.j3d-glyph__summary span{color:var(--glyph-muted);font-size:13px}.j3d-glyph__filters{display:grid;grid-template-columns:minmax(200px,2fr) minmax(200px,1fr);gap:14px;align-items:end}.j3d-glyph__filters label{font-weight:600}.j3d-glyph__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(112px,1fr));gap:8px}.j3d-glyph__cell{min-width:0;min-height:116px;padding:8px;border:1px solid var(--glyph-border);border-radius:8px;text-align:center;overflow:hidden}.j3d-glyph__char{height:54px;font-size:42px;line-height:1.2;overflow:hidden}.j3d-glyph__cell code,.j3d-glyph__cell small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-size:11px}.j3d-glyph__cell small{margin-top:3px;color:var(--glyph-muted)}.j3d-glyph__paging{display:flex;justify-content:center;align-items:center;gap:14px;margin:18px 0}.j3d-glyph__unmapped{margin-top:28px;padding:14px;border:1px solid var(--glyph-border);border-radius:8px}.j3d-glyph__unmapped div{display:grid;grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:4px}.j3d-glyph__seo{margin-top:32px}.j3d-glyph [hidden]{display:none!important}@media(max-width:640px){.j3d-glyph__tool{padding:14px}.j3d-glyph__filters{grid-template-columns:1fr}.j3d-glyph__grid{grid-template-columns:repeat(auto-fill,minmax(86px,1fr))}.j3d-glyph__cell{min-height:105px}}
.j3d-glyph__related{margin-top:34px}.j3d-glyph__related h2{margin:0 0 18px;color:#3542a7;font-size:22px;line-height:1.3}.j3d-glyph__related-grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:12px}.j3d-glyph__related-card{display:flex;min-width:0;flex-direction:column;gap:8px;padding:16px;background:#fff;border:1px solid #e6e9f1;border-radius:8px;color:#586477;text-decoration:none;box-shadow:0 2px 8px rgba(34,48,84,.04);transition:border-color .18s ease,box-shadow .18s ease,transform .18s ease}.j3d-glyph__related-card:hover,.j3d-glyph__related-card:focus-visible{border-color:#aeb5e3;box-shadow:0 5px 16px rgba(66,76,185,.12);transform:translateY(-2px);text-decoration:none}.j3d-glyph__related-card:focus-visible{outline:3px solid #3275c0;outline-offset:2px}.j3d-glyph__related-card .fa{font-size:21px;color:#424cb9}.j3d-glyph__related-card strong{color:#3542a7;font-size:15px;line-height:1.35}.j3d-glyph__related-card span:last-child{font-size:13px;line-height:1.5}@media(max-width:900px){.j3d-glyph__related-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:500px){.j3d-glyph__related h2{font-size:19px}.j3d-glyph__related-grid{grid-template-columns:1fr}}