/* _content/Zfont3.Web/Components/Layout/MainLayout.razor.rz.scp.css */
.app-shell[b-ji2wuql266] {
  min-height: 100vh;
}

.main-content[b-ji2wuql266] {
  max-width: 1180px;
  margin: 0 auto;
  padding: .95rem;
}

@media (max-width: 640px) {
  .main-content[b-ji2wuql266] { padding: .7rem; }
}
/* _content/Zfont3.Web/Components/Layout/NavMenu.razor.rz.scp.css */
.topbar[b-h25zkv6pxs] {
  position: sticky;
  top: 0;
  z-index: 70;
  background: rgba(255,255,255,.92);
  border-bottom: 1px solid #dce4f4;
  backdrop-filter: blur(10px);
}

.inner[b-h25zkv6pxs] {
  max-width: 1180px;
  margin: 0 auto;
  padding: .65rem 1rem;
  display: grid;
  grid-template-columns: 140px 1fr auto;
  align-items: center;
  gap: .75rem;
}

.brand[b-h25zkv6pxs] { color:#0f172a; font-weight:900; font-size:1.05rem; text-decoration:none; }
.main-links[b-h25zkv6pxs] { display:flex; gap:.45rem; flex-wrap:wrap; }
.main-links a[b-h25zkv6pxs] {
  color:#274f95;
  font-weight:700;
  font-size:.9rem;
  padding:.3rem .6rem;
  border-radius:999px;
}
.main-links a:hover[b-h25zkv6pxs] { background:#edf4ff; text-decoration:none; }

.tools-dropdown[b-h25zkv6pxs] { position: relative; }
.tools-dropdown summary[b-h25zkv6pxs] {
  list-style:none;
  cursor:pointer;
  color:#274f95;
  font-weight:800;
  font-size:.9rem;
  padding:.3rem .6rem;
  border:1px solid #d4e0f3;
  border-radius:999px;
  background:#fff;
}
.tools-dropdown summary[b-h25zkv6pxs]::-webkit-details-marker { display:none; }

.tools-menu[b-h25zkv6pxs] {
  position:absolute;
  top:calc(100% + 8px);
  inset-inline-start:0;
  min-width:260px;
  display:flex;
  flex-direction:column;
  gap:.12rem;
  padding:.45rem;
  border-radius:12px;
  border:1px solid #d4e0f3;
  background:#fff;
  box-shadow:0 14px 26px rgba(11,27,55,.16);
}
.tools-menu a[b-h25zkv6pxs] { padding:.5rem .58rem; border-radius:8px; }
.tools-menu a:hover[b-h25zkv6pxs] { background:#f2f7ff; }

.lang-picker[b-h25zkv6pxs] { display:flex; align-items:center; gap:.42rem; }
.lang-picker label[b-h25zkv6pxs] { color:#526583; font-size:.78rem; font-weight:700; }
.lang-picker select[b-h25zkv6pxs] {
  border:1px solid #d4e0f3;
  border-radius:10px;
  background:#fff;
  color:#0f172a;
  padding:.34rem .52rem;
  font-size:.82rem;
  min-width:126px;
}

@media (max-width: 980px) {
  .inner[b-h25zkv6pxs] { grid-template-columns:1fr; }
  .tools-menu[b-h25zkv6pxs] { position:static; min-width:100%; margin-top:.4rem; }
}
/* _content/Zfont3.Web/Components/Pages/EmojiKeyboard.razor.rz.scp.css */
.zf-emoji-cats[b-wutqjv4y33] { display:flex; gap:.45rem; flex-wrap:wrap; margin-top:.75rem; }
.zf-emoji-cats button[b-wutqjv4y33] { border:1px solid var(--line); background:#fff; border-radius:999px; padding:.34rem .65rem; font-size:.8rem; }
.zf-emoji-cats button.active[b-wutqjv4y33] { background:#efe9ff; color:#472dbb; border-color:#d7caff; }
.zf-emoji-grid[b-wutqjv4y33] { margin-top:.8rem; display:grid; grid-template-columns:repeat(auto-fill,minmax(44px,1fr)); gap:.45rem; }
.zf-emoji-btn[b-wutqjv4y33] {
  border:1px solid var(--line);
  background:#fff;
  border-radius:10px;
  min-height:42px;
  font-size:1.32rem;
  line-height:1;
  font-family: emoji, "Apple Color Emoji", "Segoe UI Emoji", "Noto Color Emoji", "Segoe UI Symbol", sans-serif;
  text-rendering: optimizeLegibility;
}
.zf-cat-list[b-wutqjv4y33] { list-style:none; padding:0; margin:0; display:grid; gap:.45rem; }
.zf-cat-list li[b-wutqjv4y33] { font-size:.86rem; color:#5c6686; }
.zf-emoji-decoder[b-wutqjv4y33] { display: grid; gap: .75rem; margin-top: 1rem; padding: 1rem; background: linear-gradient(145deg,#f8f7ff,#effbf9); border: 1px solid #ddd6fe; border-radius: 15px; }
.zf-emoji-decoder h2[b-wutqjv4y33] { margin: .25rem 0 .25rem; color: #27215a; font-size: 1.05rem; }
.zf-emoji-decoder p[b-wutqjv4y33] { margin: 0; color: #606b87; font-size: .84rem; line-height: 1.55; }
.zf-emoji-codepoints[b-wutqjv4y33] { display: flex; flex-wrap: wrap; gap: .4rem; }
.zf-emoji-codepoints span[b-wutqjv4y33] { display: inline-flex; align-items: center; gap: .35rem; padding: .35rem .5rem; background: #fff; border: 1px solid #ddd6fe; border-radius: 9px; }
.zf-emoji-codepoints b[b-wutqjv4y33] { font-size: 1.1rem; }
.zf-emoji-codepoints code[b-wutqjv4y33] { color: #5239bd; font-size: .72rem; }

.zf-emoji-seo-content[b-wutqjv4y33] { display: grid; gap: 1rem; margin-top: 1.2rem; }
.zf-emoji-content-hero[b-wutqjv4y33] { position: relative; overflow: hidden; padding: clamp(1.25rem,3vw,2rem); color: #fff; background: linear-gradient(135deg,#24156f,#6239d7 55%,#0f8a7d); border-radius: 22px; box-shadow: 0 14px 36px rgba(39,25,114,.2); }
.zf-emoji-content-hero[b-wutqjv4y33]::after { content: "\\1F60A"; position: absolute; inset-inline-end: 3%; top: 50%; transform: translateY(-50%) rotate(-8deg); font-size: clamp(5rem,12vw,9rem); opacity: .12; }
.zf-emoji-content-label[b-wutqjv4y33] { display: inline-block; color: #5b3ed6; background: #eee9ff; border-radius: 999px; padding: .3rem .6rem; font-size: .74rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.zf-emoji-content-hero .zf-emoji-content-label[b-wutqjv4y33] { position: relative; z-index: 1; color: #e6e2ff; background: rgba(255,255,255,.12); }
.zf-emoji-content-hero h2[b-wutqjv4y33] { position: relative; z-index: 1; max-width: 900px; margin: .45rem 0 .55rem; font-size: clamp(1.65rem,3vw,2.35rem); }
.zf-emoji-content-hero > p[b-wutqjv4y33] { position: relative; z-index: 1; max-width: 880px; margin: 0; color: #e7e5ff; line-height: 1.75; }
.zf-emoji-facts[b-wutqjv4y33] { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; margin-top: 1.2rem; }
.zf-emoji-facts div[b-wutqjv4y33] { padding: .8rem; text-align: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.2); border-radius: 14px; }
.zf-emoji-facts strong[b-wutqjv4y33], .zf-emoji-facts span[b-wutqjv4y33] { display: block; }
.zf-emoji-facts strong[b-wutqjv4y33] { font-size: 1.18rem; }
.zf-emoji-facts span[b-wutqjv4y33] { margin-top: .15rem; color: #dedbfa; font-size: .78rem; }
.zf-emoji-toc[b-wutqjv4y33] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding: .8rem; background: #fff; border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 8px 20px rgba(30,24,88,.06); }
.zf-emoji-toc strong[b-wutqjv4y33] { margin-inline: .25rem .35rem; color: #26205c; font-size: .86rem; }
.zf-emoji-toc a[b-wutqjv4y33] { color: #533bc2; background: #f2efff; border-radius: 999px; padding: .38rem .65rem; font-size: .8rem; font-weight: 750; }
.zf-emoji-toc a:hover[b-wutqjv4y33], .zf-emoji-toc a:focus-visible[b-wutqjv4y33] { color: #fff; background: var(--primary); outline: none; }
.zf-emoji-guide-section[b-wutqjv4y33], .zf-emoji-topic-card[b-wutqjv4y33] { padding: clamp(1rem,2.5vw,1.45rem); background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 8px 24px rgba(35,27,97,.06); }
.zf-emoji-section-heading[b-wutqjv4y33] { max-width: 960px; margin-bottom: 1rem; }
.zf-emoji-section-heading > span[b-wutqjv4y33] { display: inline-block; color: #5b3ed6; background: #eee9ff; border-radius: 999px; padding: .3rem .6rem; font-size: .74rem; font-weight: 850; }
.zf-emoji-section-heading h2[b-wutqjv4y33], .zf-emoji-topic-card h2[b-wutqjv4y33] { margin: .45rem 0 .4rem; color: #172033; font-size: clamp(1.3rem,2.5vw,1.7rem); }
.zf-emoji-section-heading p[b-wutqjv4y33], .zf-emoji-topic-card header p[b-wutqjv4y33] { margin: 0; color: #606b87; line-height: 1.7; }
.zf-emoji-brand-link[b-wutqjv4y33] { color: #5137bd; font-weight: 850; text-decoration: underline; text-underline-offset: 3px; }
.zf-emoji-brand-link:hover[b-wutqjv4y33], .zf-emoji-brand-link:focus-visible[b-wutqjv4y33] { color: #087f70; outline: none; }
.zf-emoji-how-grid[b-wutqjv4y33] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }
.zf-emoji-how-grid article[b-wutqjv4y33] { display: grid; grid-template-columns: 34px 1fr; gap: .2rem .65rem; padding: .9rem; background: #f8f7ff; border: 1px solid #e1dbff; border-radius: 14px; }
.zf-emoji-how-grid b[b-wutqjv4y33] { grid-row: 1 / 3; width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg,var(--primary),#0f8a7d); border-radius: 10px; }
.zf-emoji-how-grid h3[b-wutqjv4y33], .zf-emoji-feature-panel h3[b-wutqjv4y33], .zf-emoji-halloween-groups h3[b-wutqjv4y33], .zf-emoji-topic-card h3[b-wutqjv4y33] { margin: .05rem 0 .25rem; color: #29235b; font-size: .96rem; }
.zf-emoji-how-grid p[b-wutqjv4y33], .zf-emoji-feature-panel p[b-wutqjv4y33], .zf-emoji-halloween-groups p[b-wutqjv4y33] { margin: 0; color: #66708b; line-height: 1.55; font-size: .84rem; }
.zf-emoji-feature-panel[b-wutqjv4y33] { display: grid; grid-template-columns: 1.4fr 1fr; gap: .8rem; margin-top: .8rem; }
.zf-emoji-feature-panel > div[b-wutqjv4y33], .zf-emoji-feature-panel aside[b-wutqjv4y33] { padding: 1rem; background: #f8f7ff; border: 1px solid #ddd6fe; border-radius: 14px; }
.zf-emoji-feature-panel aside[b-wutqjv4y33] { background: linear-gradient(145deg,#f0fdfa,#f7fffd); border-color: #b8e9df; }
.zf-emoji-feature-panel ul[b-wutqjv4y33] { margin: .45rem 0 0; padding-inline-start: 1.2rem; color: #606b87; line-height: 1.65; font-size: .86rem; }
.zf-emoji-feature-panel li + li[b-wutqjv4y33] { margin-top: .28rem; }
.zf-halloween-section[b-wutqjv4y33] { background: linear-gradient(145deg,#fff,#fff9ef); border-color: #fed7aa; }
.zf-emoji-meaning-grid[b-wutqjv4y33] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; }
.zf-emoji-meaning-grid article[b-wutqjv4y33] { padding: .85rem; background: #fff; border: 1px solid #fed7aa; border-radius: 13px; }
.zf-emoji-meaning-grid b[b-wutqjv4y33] { display: block; min-height: 32px; font-size: 1.55rem; }
.zf-emoji-meaning-grid h3[b-wutqjv4y33] { margin: .3rem 0 .25rem; color: #6f3210; font-size: .92rem; }
.zf-emoji-meaning-grid p[b-wutqjv4y33] { margin: 0; color: #6f6258; line-height: 1.55; font-size: .82rem; }
.zf-emoji-halloween-groups[b-wutqjv4y33] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; margin-top: .8rem; }
.zf-emoji-halloween-groups article[b-wutqjv4y33] { padding: .9rem; background: #fff; border: 1px solid #fed7aa; border-radius: 13px; }
.zf-emoji-display[b-wutqjv4y33] { margin: .35rem 0 !important; font-size: 1.35rem !important; letter-spacing: .08em; }
.zf-emoji-pro-tip[b-wutqjv4y33], .zf-emoji-topic-tip[b-wutqjv4y33], .zf-emoji-compatibility-note[b-wutqjv4y33] { margin: .85rem 0 0; padding: .75rem .85rem; color: #5e5774; background: #f4f1ff; border-inline-start: 4px solid var(--primary); border-radius: 9px; line-height: 1.6; font-size: .86rem; }
.zf-emoji-pro-tip strong[b-wutqjv4y33] { display: block; margin-bottom: .25rem; color: #332775; }
.zf-emoji-pro-tip p[b-wutqjv4y33] { margin: 0; }
.zf-emoji-topic-list[b-wutqjv4y33] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.zf-emoji-topic-card[b-wutqjv4y33] { display: flex; flex-direction: column; min-width: 0; }
.zf-emoji-topic-card > header[b-wutqjv4y33] { display: grid; grid-template-columns: 54px 1fr; align-items: start; gap: .8rem; }
.zf-emoji-topic-icon[b-wutqjv4y33] { width: 54px; height: 54px; display: grid; place-items: center; background: linear-gradient(145deg,#f2edff,#ecfdf9); border: 1px solid #ddd6fe; border-radius: 15px; font-size: 1.75rem; }
.zf-emoji-topic-card h2[b-wutqjv4y33] { margin-top: 0; font-size: 1.3rem; }
.zf-emoji-topic-columns[b-wutqjv4y33] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; margin-top: .9rem; }
.zf-emoji-topic-columns > div[b-wutqjv4y33] { padding: .8rem; background: #faf9ff; border: 1px solid #e4defe; border-radius: 12px; }
.zf-emoji-topic-columns ul[b-wutqjv4y33] { margin: .4rem 0 0; padding-inline-start: 1.05rem; color: #606b87; line-height: 1.55; font-size: .8rem; }
.zf-emoji-topic-columns li + li[b-wutqjv4y33] { margin-top: .3rem; }
.zf-emoji-message-ideas[b-wutqjv4y33] { margin-top: .8rem; }
.zf-emoji-message-ideas > div[b-wutqjv4y33] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .45rem; }
.zf-emoji-message-ideas span[b-wutqjv4y33] { padding: .4rem .55rem; color: #4b35b5; background: #f2efff; border-radius: 999px; font-size: .78rem; font-weight: 700; }
.zf-emoji-topic-tip[b-wutqjv4y33] { margin-top: auto; padding-top: .7rem; }
.zf-emoji-subtitle[b-wutqjv4y33] { margin: 0 0 .65rem; color: #29235b; font-size: 1.05rem; }
.zf-emoji-use-list[b-wutqjv4y33] { counter-reset: emoji-use; list-style: none; display: grid; grid-template-columns: repeat(5,minmax(0,1fr)); gap: .65rem; margin: 0; padding: 0; }
.zf-emoji-use-list li[b-wutqjv4y33] { position: relative; padding: 2.65rem .8rem .8rem; background: #f8f7ff; border: 1px solid #ddd6fe; border-radius: 13px; }
.zf-emoji-use-list li[b-wutqjv4y33]::before { counter-increment: emoji-use; content: counter(emoji-use); position: absolute; inset-inline-start: .75rem; top: .7rem; width: 26px; height: 26px; display: grid; place-items: center; color: #fff; background: var(--primary); border-radius: 8px; font-size: .75rem; font-weight: 850; }
.zf-emoji-use-list b[b-wutqjv4y33], .zf-emoji-use-list span[b-wutqjv4y33] { display: block; }
.zf-emoji-use-list b[b-wutqjv4y33] { color: #29235b; font-size: .86rem; line-height: 1.45; }
.zf-emoji-use-list span[b-wutqjv4y33] { margin-top: .35rem; color: #66708b; font-size: .79rem; line-height: 1.5; }
.zf-emoji-device-grid[b-wutqjv4y33] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .75rem; }
.zf-emoji-device-grid article[b-wutqjv4y33] { padding: .9rem; background: #f8f7ff; border: 1px solid #ddd6fe; border-radius: 13px; }
.zf-emoji-device-grid strong[b-wutqjv4y33], .zf-emoji-device-grid span[b-wutqjv4y33] { display: block; }
.zf-emoji-device-grid strong[b-wutqjv4y33] { color: #29235b; font-size: .9rem; }
.zf-emoji-device-grid span[b-wutqjv4y33] { margin-top: .3rem; color: #66708b; font-size: .82rem; line-height: 1.55; }

.zf-visually-hidden[b-wutqjv4y33] { position: absolute !important; width: 1px; height: 1px; padding: 0; margin: -1px; overflow: hidden; clip: rect(0,0,0,0); white-space: nowrap; border: 0; }
.zf-emoji-quick-search[b-wutqjv4y33] { display: flex; flex-wrap: wrap; gap: .4rem; margin-top: .55rem; }
.zf-emoji-quick-search button[b-wutqjv4y33] { min-height: 34px; padding: .32rem .58rem; color: #4b3a8e; background: #f5f2ff; border: 1px solid #ddd6fe; border-radius: 999px; cursor: pointer; font-size: .76rem; font-weight: 750; }
.zf-emoji-quick-search button:hover[b-wutqjv4y33],
.zf-emoji-quick-search button:focus-visible[b-wutqjv4y33],
.zf-emoji-quick-search button.active[b-wutqjv4y33] { color: #fff; background: var(--primary); border-color: var(--primary); outline: none; }
.zf-emoji-quick-search .zf-emoji-search-clear[b-wutqjv4y33] { color: #8a321f; background: #fff4f0; border-color: #fed0c5; }
.zf-emoji-result-count[b-wutqjv4y33] { margin: .45rem 0 0; color: #69738e; font-size: .76rem; font-weight: 700; }
.zf-emoji-recent[b-wutqjv4y33] { margin-top: .75rem; padding: .75rem; background: #faf9ff; border: 1px solid #e2dcff; border-radius: 13px; }
.zf-emoji-recent > div:first-child[b-wutqjv4y33] { display: flex; align-items: center; justify-content: space-between; gap: .7rem; margin-bottom: .5rem; }
.zf-emoji-recent h2[b-wutqjv4y33] { margin: 0; color: #29235b; font-size: .88rem; }
.zf-emoji-recent > div:first-child button[b-wutqjv4y33] { color: #735cc9; background: transparent; border: 0; cursor: pointer; font-size: .74rem; font-weight: 750; }
.zf-emoji-recent > div:last-child[b-wutqjv4y33] { display: flex; flex-wrap: wrap; gap: .35rem; }
.zf-emoji-recent > div:last-child button[b-wutqjv4y33] { width: 38px; height: 38px; display: grid; place-items: center; background: #fff; border: 1px solid #ddd6fe; border-radius: 9px; cursor: pointer; font-size: 1.2rem; }
.zf-emoji-recent > div:last-child button:hover[b-wutqjv4y33],
.zf-emoji-recent > div:last-child button:focus-visible[b-wutqjv4y33] { background: #f1edff; border-color: #9d8af0; outline: none; }
.zf-copy-btn:disabled[b-wutqjv4y33] { opacity: .52; cursor: not-allowed; }
.zf-emoji-faq[b-wutqjv4y33] { display: grid; gap: .55rem; }
.zf-emoji-faq details[b-wutqjv4y33] { padding: .75rem .85rem; background: #faf9ff; border: 1px solid #ddd6fe; border-radius: 12px; }
.zf-emoji-faq summary[b-wutqjv4y33] { cursor: pointer; color: #29235b; font-weight: 800; }
.zf-emoji-faq p[b-wutqjv4y33] { margin: .6rem 0 0; color: #606b87; line-height: 1.65; font-size: .88rem; }
.zf-emoji-related-section[b-wutqjv4y33] { background: linear-gradient(145deg,#fff,#f5f2ff); }
.zf-emoji-related-links[b-wutqjv4y33] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; }
.zf-emoji-related-links a[b-wutqjv4y33] { padding: .85rem; color: inherit; background: #fff; border: 1px solid #dcd5ff; border-radius: 13px; transition: transform .18s ease,border-color .18s ease; }
.zf-emoji-related-links a:hover[b-wutqjv4y33],
.zf-emoji-related-links a:focus-visible[b-wutqjv4y33] { transform: translateY(-2px); border-color: var(--primary); outline: none; }
.zf-emoji-related-links strong[b-wutqjv4y33], .zf-emoji-related-links span[b-wutqjv4y33] { display: block; }
.zf-emoji-related-links strong[b-wutqjv4y33] { color: #4b35b5; margin-bottom: .25rem; font-size: .9rem; }
.zf-emoji-related-links span[b-wutqjv4y33] { color: #66708b; line-height: 1.5; font-size: .8rem; }

[data-theme="dark"] .zf-emoji-quick-search button[b-wutqjv4y33] { color: #ddd6fe; background: #211b43; border-color: #5b3fc4; }
[data-theme="dark"] .zf-emoji-quick-search button:hover[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-quick-search button:focus-visible[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-quick-search button.active[b-wutqjv4y33] { color: #fff; background: var(--primary); }
[data-theme="dark"] .zf-emoji-result-count[b-wutqjv4y33] { color: #9badcf; }
[data-theme="dark"] .zf-emoji-recent[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-faq details[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-related-links a[b-wutqjv4y33] { color: #e6eaf8; background: #121a2d; border-color: #5b3fc4; }
[data-theme="dark"] .zf-emoji-recent h2[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-faq summary[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-related-links strong[b-wutqjv4y33] { color: #e6eaf8; }
[data-theme="dark"] .zf-emoji-recent > div:last-child button[b-wutqjv4y33] { background: #172238; border-color: #5b3fc4; }
[data-theme="dark"] .zf-emoji-faq p[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-related-links span[b-wutqjv4y33] { color: #9badcf; }
[data-theme="dark"] .zf-emoji-related-section[b-wutqjv4y33] { background: linear-gradient(145deg,#121a2d,#191538); }

@media (max-width: 1120px) {
  .zf-emoji-related-links[b-wutqjv4y33] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .zf-emoji-related-links[b-wutqjv4y33] { grid-template-columns: 1fr; }
  .zf-emoji-quick-search[b-wutqjv4y33] { flex-wrap: nowrap; overflow-x: auto; padding-bottom: .25rem; }
  .zf-emoji-quick-search button[b-wutqjv4y33] { flex: 0 0 auto; }
}

[data-theme="dark"] .zf-emoji-decoder[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-toc[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-guide-section[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-topic-card[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-feature-panel > div[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-feature-panel aside[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-meaning-grid article[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-halloween-groups article[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-topic-columns > div[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-use-list li[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-device-grid article[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-codepoints span[b-wutqjv4y33] {
  color: #e6eaf8;
  background: #121a2d;
  border-color: #5b3fc4;
}
[data-theme="dark"] .zf-halloween-section[b-wutqjv4y33] { background: linear-gradient(145deg,#171226,#251a10); }
[data-theme="dark"] .zf-emoji-section-heading h2[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-topic-card h2[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-seo-content h3[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-seo-content strong[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-use-list b[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-device-grid strong[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-decoder h2[b-wutqjv4y33] { color: #e6eaf8; }
[data-theme="dark"] .zf-emoji-section-heading p[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-topic-card p[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-topic-card li[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-how-grid p[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-feature-panel p[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-feature-panel li[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-meaning-grid p[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-halloween-groups p[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-use-list span[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-device-grid span[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-decoder p[b-wutqjv4y33] { color: #9badcf; }
[data-theme="dark"] .zf-emoji-brand-link[b-wutqjv4y33] { color: #c8bfff; }
[data-theme="dark"] .zf-emoji-brand-link:hover[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-brand-link:focus-visible[b-wutqjv4y33] { color: #7de2d3; }
[data-theme="dark"] .zf-emoji-how-grid article[b-wutqjv4y33] { background: #172238; border-color: #5b3fc4; }
[data-theme="dark"] .zf-emoji-topic-icon[b-wutqjv4y33] { background: linear-gradient(145deg,#211b43,#112b2a); border-color: #5b3fc4; }
[data-theme="dark"] .zf-emoji-section-heading > span[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-content-label[b-wutqjv4y33] { color: #dcd6ff; background: #211b43; }
[data-theme="dark"] .zf-emoji-message-ideas span[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-toc a[b-wutqjv4y33] { color: #ddd6fe; background: #211b43; }
[data-theme="dark"] .zf-emoji-toc strong[b-wutqjv4y33] { color: #e6eaf8; }
[data-theme="dark"] .zf-emoji-pro-tip[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-topic-tip[b-wutqjv4y33],
[data-theme="dark"] .zf-emoji-compatibility-note[b-wutqjv4y33] { color: #b9c5df; background: #211b43; }
[data-theme="dark"] .zf-emoji-codepoints code[b-wutqjv4y33] { color: #c8bfff; }

@media (max-width: 1120px) {
  .zf-emoji-topic-list[b-wutqjv4y33] { grid-template-columns: 1fr; }
  .zf-emoji-use-list[b-wutqjv4y33] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .zf-emoji-facts[b-wutqjv4y33] { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .zf-emoji-how-grid[b-wutqjv4y33],
  .zf-emoji-feature-panel[b-wutqjv4y33],
  .zf-emoji-meaning-grid[b-wutqjv4y33],
  .zf-emoji-halloween-groups[b-wutqjv4y33],
  .zf-emoji-topic-columns[b-wutqjv4y33],
  .zf-emoji-use-list[b-wutqjv4y33],
  .zf-emoji-device-grid[b-wutqjv4y33] { grid-template-columns: 1fr; }
  .zf-emoji-topic-card > header[b-wutqjv4y33] { grid-template-columns: 44px 1fr; }
  .zf-emoji-topic-icon[b-wutqjv4y33] { width: 44px; height: 44px; border-radius: 12px; font-size: 1.4rem; }
  .zf-emoji-content-hero[b-wutqjv4y33]::after { opacity: .08; }
  .zf-emoji-toc[b-wutqjv4y33] { align-items: flex-start; }
}
/* _content/Zfont3.Web/Components/Pages/Fonts.razor.rz.scp.css */
.zf-local-font-card[b-5t8xnpi3mc] {
  display: grid;
  grid-template-columns: minmax(0,1fr) auto;
  gap: .8rem 1rem;
  margin-top: 1rem;
  padding: 1rem;
  background: linear-gradient(135deg, #f8f6ff, #effbf9);
  border: 1px solid #ddd6fe;
  border-radius: 16px;
}
.zf-local-font-copy h2[b-5t8xnpi3mc] { margin: .28rem 0 .3rem; color: #27215a; font-size: 1.05rem; }
.zf-local-font-copy p[b-5t8xnpi3mc] { margin: 0; color: #606b87; font-size: .86rem; line-height: 1.55; }
.zf-local-font-badge[b-5t8xnpi3mc] { color: #5b3ed6; font-size: .72rem; font-weight: 850; letter-spacing: .04em; text-transform: uppercase; }
.zf-local-font-picker[b-5t8xnpi3mc] { align-self: center; position: relative; overflow: hidden; display: inline-flex; align-items: center; justify-content: center; min-height: 42px; padding: .65rem .85rem; color: #fff; background: var(--primary); border-radius: 11px; cursor: pointer; font-size: .84rem; font-weight: 800; }
.zf-local-font-picker:hover[b-5t8xnpi3mc], .zf-local-font-picker:focus-within[b-5t8xnpi3mc] { background: #3e2ca4; }
.zf-local-font-picker input[b-5t8xnpi3mc] { position: absolute; width: 1px; height: 1px; opacity: 0; pointer-events: none; }
.zf-local-font-controls[b-5t8xnpi3mc] { grid-column: 1 / -1; display: grid; grid-template-columns: minmax(0,1fr) auto auto; align-items: end; gap: .75rem; }
.zf-local-font-controls label[b-5t8xnpi3mc] { display: grid; gap: .35rem; color: #4b5572; font-size: .76rem; font-weight: 750; }
.zf-local-font-controls label > span[b-5t8xnpi3mc] { display: flex; justify-content: space-between; gap: .6rem; }
.zf-local-font-controls output[b-5t8xnpi3mc] { color: #5b3ed6; font-weight: 850; }
.zf-local-font-controls input[type="range"][b-5t8xnpi3mc] { width: 100%; accent-color: var(--primary); }
.zf-local-font-controls input[type="color"][b-5t8xnpi3mc] { width: 44px; height: 38px; padding: 3px; background: #fff; border: 1px solid #cec7ef; border-radius: 9px; cursor: pointer; }
.zf-local-font-preview[b-5t8xnpi3mc] { grid-column: 1 / -1; min-height: 76px; display: flex; align-items: center; padding: .85rem 1rem; color: #283036; background: #fff; border: 1px dashed #b9acfa; border-radius: 12px; font-size: clamp(1.2rem, 3vw, 1.7rem); line-height: 1.5; overflow-wrap: anywhere; }
.zf-local-font-status[b-5t8xnpi3mc] { grid-column: 1 / -1; margin: -.15rem 0 0; font-size: .8rem; font-weight: 700; }
.zf-local-font-status.success[b-5t8xnpi3mc] { color: #087464; }
.zf-local-font-status.error[b-5t8xnpi3mc] { color: #b42318; }
.zf-local-font-actions[b-5t8xnpi3mc] { grid-column: 1 / -1; display: flex; justify-content: flex-end; flex-wrap: wrap; gap: .55rem; }
.zf-local-font-actions button[b-5t8xnpi3mc] { min-height: 39px; padding: .55rem .75rem; border-radius: 10px; cursor: pointer; font: inherit; font-size: .8rem; font-weight: 800; }
.zf-local-font-secondary[b-5t8xnpi3mc] { color: #4b35b5; background: #fff; border: 1px solid #cfc6ff; }
.zf-local-font-download[b-5t8xnpi3mc] { color: #fff; background: #087f70; border: 1px solid #087f70; }
.zf-local-font-secondary:hover[b-5t8xnpi3mc], .zf-local-font-secondary:focus-visible[b-5t8xnpi3mc] { background: #f1edff; outline: none; }
.zf-local-font-download:hover[b-5t8xnpi3mc], .zf-local-font-download:focus-visible[b-5t8xnpi3mc] { background: #05695e; outline: none; }

.zf-font-list[b-5t8xnpi3mc] { margin-top: 1rem; display: grid; gap: 0; border-top: 1px solid #e5e1f5; }
.zf-font-result[b-5t8xnpi3mc] {
  width: 100%;
  min-height: 78px;
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: 1rem;
  padding: 1.05rem .7rem;
  color: #283036;
  background: transparent;
  border: 0;
  border-bottom: 1px solid #e5e1f5;
  border-radius: 0;
  text-align: start;
  cursor: pointer;
  transition: color .18s ease, background .18s ease, padding-inline .18s ease;
}
.zf-font-result:hover[b-5t8xnpi3mc],
.zf-font-result:focus-visible[b-5t8xnpi3mc] {
  color: #4f35bf;
  background: linear-gradient(90deg, #faf9ff, #f2efff);
  padding-inline: 1rem;
  outline: none;
}
.zf-font-preview[b-5t8xnpi3mc] {
  min-width: 0;
  flex: 1;
  font-family: "Segoe UI", "Segoe UI Symbol", "Noto Sans Symbols 2", "Arial Unicode MS", sans-serif;
  font-size: clamp(1.08rem, 2vw, 1.35rem);
  font-weight: 500;
  line-height: 1.65;
  overflow-wrap: anywhere;
}
.zf-font-copy-indicator[b-5t8xnpi3mc] {
  flex: 0 0 auto;
  color: #5a3fd0;
  background: #eee9ff;
  border-radius: 999px;
  padding: .34rem .62rem;
  font-size: .76rem;
  font-weight: 800;
  opacity: 0;
  transform: translateX(5px);
  transition: opacity .18s ease, transform .18s ease;
}
.zf-font-result:hover .zf-font-copy-indicator[b-5t8xnpi3mc],
.zf-font-result:focus-visible .zf-font-copy-indicator[b-5t8xnpi3mc] { opacity: 1; transform: translateX(0); }
.zf-copy-toast[b-5t8xnpi3mc] { background: #ecfeff; border:1px solid #a5f3fc; color:#155e75; border-radius: 12px; padding: .6rem .75rem; margin:.65rem 0; }
.zf-right-rail[b-5t8xnpi3mc] { display: grid; gap: .8rem; height: fit-content; }
.zf-right-rail .panel[b-5t8xnpi3mc] { padding: .9rem; }

.zf-font-seo-content[b-5t8xnpi3mc] { display: grid; gap: 1rem; margin-top: 1.2rem; }
.zf-font-content-hero[b-5t8xnpi3mc] {
  position: relative;
  overflow: hidden;
  padding: clamp(1.25rem, 3vw, 2rem);
  color: #fff;
  background: linear-gradient(135deg, #24156f, #5c35d8 58%, #117f86);
  border-radius: 22px;
  box-shadow: 0 14px 36px rgba(39, 25, 114, .2);
}
.zf-font-content-hero[b-5t8xnpi3mc]::after {
  content: "";
  position: absolute;
  width: 240px;
  height: 240px;
  inset: -90px -70px auto auto;
  border-radius: 50%;
  background: rgba(255,255,255,.09);
}
.zf-font-content-hero h2[b-5t8xnpi3mc] { position: relative; z-index: 1; margin: .35rem 0 .65rem; font-size: clamp(1.65rem, 3vw, 2.35rem); }
.zf-font-content-hero h3[b-5t8xnpi3mc] { position: relative; z-index: 1; margin: 1rem 0 0; color: #fff; font-size: 1rem; }
.zf-font-content-hero > p[b-5t8xnpi3mc] { position: relative; z-index: 1; max-width: 900px; margin: 0; color: #e5e4ff; line-height: 1.75; }
.zf-inline-brand-link[b-5t8xnpi3mc] { color: #fff; font-weight: 900; text-decoration: underline; text-underline-offset: 3px; }
.zf-inline-brand-link:hover[b-5t8xnpi3mc], .zf-inline-brand-link:focus-visible[b-5t8xnpi3mc] { color: #d9f9f4; outline: none; }
.zf-font-eyebrow[b-5t8xnpi3mc] { position: relative; z-index: 1; color: #d8d4ff; font-size: .8rem; font-weight: 800; letter-spacing: .06em; text-transform: uppercase; }
.zf-font-facts[b-5t8xnpi3mc] { position: relative; z-index: 1; display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; margin-top: 1.25rem; }
.zf-font-facts div[b-5t8xnpi3mc] { padding: .8rem; text-align: center; background: rgba(255,255,255,.1); border: 1px solid rgba(255,255,255,.19); border-radius: 14px; backdrop-filter: blur(5px); }
.zf-font-facts strong[b-5t8xnpi3mc] { display: block; font-size: 1.25rem; }
.zf-font-facts span[b-5t8xnpi3mc] { color: #dcdbfa; font-size: .8rem; }

.zf-font-toc[b-5t8xnpi3mc] { display: flex; align-items: center; flex-wrap: wrap; gap: .5rem; padding: .8rem; background: #fff; border: 1px solid var(--line); border-radius: 15px; box-shadow: 0 8px 20px rgba(30,24,88,.06); }
.zf-font-toc strong[b-5t8xnpi3mc] { margin-inline: .25rem .35rem; color: #26205c; font-size: .86rem; }
.zf-font-toc a[b-5t8xnpi3mc] { color: #533bc2; background: #f2efff; border-radius: 999px; padding: .38rem .65rem; font-size: .8rem; font-weight: 700; }
.zf-font-toc a:hover[b-5t8xnpi3mc], .zf-font-toc a:focus-visible[b-5t8xnpi3mc] { color: #fff; background: var(--primary); outline: none; }

.zf-font-guide-section[b-5t8xnpi3mc] {
  scroll-margin-top: 84px;
  padding: clamp(1rem, 2.5vw, 1.45rem);
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 19px;
  box-shadow: 0 9px 24px rgba(30,24,88,.07);
}
.zf-font-section-heading[b-5t8xnpi3mc] { max-width: 940px; margin-bottom: 1rem; }
.zf-font-section-heading > span[b-5t8xnpi3mc] { display: inline-block; color: #5b3ed6; background: #eee9ff; border-radius: 999px; padding: .32rem .62rem; font-size: .76rem; font-weight: 800; }
.zf-font-section-heading h2[b-5t8xnpi3mc] { margin: .45rem 0 .45rem; color: #172033; font-size: clamp(1.3rem, 2.5vw, 1.7rem); }
.zf-font-section-heading p[b-5t8xnpi3mc] { margin: 0; color: #606b87; line-height: 1.75; }

.zf-font-how-grid[b-5t8xnpi3mc] { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .8rem; margin: 0; padding: 0; }
.zf-font-how-grid li[b-5t8xnpi3mc] { display: flex; align-items: flex-start; gap: .7rem; padding: .9rem; background: #f8f7ff; border: 1px solid #e2dcff; border-radius: 14px; }
.zf-font-how-grid li > span[b-5t8xnpi3mc] { flex: 0 0 34px; width: 34px; height: 34px; display: grid; place-items: center; color: #fff; background: linear-gradient(135deg, var(--primary), #13a28f); border-radius: 10px; font-weight: 900; }
.zf-font-how-grid h3[b-5t8xnpi3mc] { margin: .05rem 0 .25rem; color: #27215a; font-size: .95rem; }
.zf-font-how-grid p[b-5t8xnpi3mc] { margin: 0; color: #66708b; line-height: 1.55; font-size: .84rem; }
.zf-font-explainer-grid[b-5t8xnpi3mc] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .8rem; margin-top: .8rem; }
.zf-font-explainer-grid > div[b-5t8xnpi3mc] { padding: 1rem; background: linear-gradient(145deg, #fafaff, #f3fbfa); border: 1px solid #ddd6fe; border-radius: 14px; }
.zf-font-explainer-grid h3[b-5t8xnpi3mc] { margin: 0 0 .35rem; color: #29235b; font-size: 1rem; }
.zf-font-explainer-grid p[b-5t8xnpi3mc] { margin: 0; color: #606b87; line-height: 1.65; font-size: .9rem; }

.zf-font-info-grid[b-5t8xnpi3mc] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: .85rem; }
.zf-font-info-grid article[b-5t8xnpi3mc] { padding: 1rem; border-radius: 15px; background: #f8f7ff; border: 1px solid #ddd6fe; }
.zf-font-info-grid article:nth-child(2)[b-5t8xnpi3mc] { background: #f0fdfa; border-color: #b8e9df; }
.zf-font-info-grid article:nth-child(3)[b-5t8xnpi3mc] { background: #fff8ef; border-color: #fed7aa; }
.zf-font-info-grid h3[b-5t8xnpi3mc] { margin: 0 0 .4rem; color: #27215a; font-size: 1rem; }
.zf-font-info-grid p[b-5t8xnpi3mc] { margin: 0; color: #606b87; line-height: 1.65; font-size: .88rem; }

.zf-font-example-grid[b-5t8xnpi3mc] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; }
.zf-font-examples-title[b-5t8xnpi3mc] { margin: 0 0 .65rem; color: #29235b; font-size: 1rem; }
.zf-font-example-grid > div[b-5t8xnpi3mc] { min-width: 0; padding: .85rem; text-align: center; background: #f9f8ff; border: 1px solid #e1dbff; border-radius: 13px; }
.zf-font-example-grid span[b-5t8xnpi3mc] { display: block; margin-bottom: .45rem; color: #6a738f; font-size: .75rem; font-weight: 700; }
.zf-font-example-grid strong[b-5t8xnpi3mc] { display: block; overflow-wrap: anywhere; color: #281f63; font-size: 1.15rem; }
.zf-font-note[b-5t8xnpi3mc] { margin: .9rem 0 0; padding: .75rem .85rem; color: #5c6682; background: #f5f3ff; border-inline-start: 4px solid var(--primary); border-radius: 8px; line-height: 1.65; font-size: .88rem; }

.zf-font-use-grid[b-5t8xnpi3mc] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .75rem; }
.zf-font-use-grid article[b-5t8xnpi3mc] { padding: .9rem; background: #fff; border: 1px solid #ddd6fe; border-radius: 14px; box-shadow: 0 5px 14px rgba(35,27,97,.05); }
.zf-font-use-grid h3[b-5t8xnpi3mc] { margin: 0 0 .35rem; color: #29235b; font-size: .95rem; }
.zf-font-use-grid p[b-5t8xnpi3mc] { margin: 0; color: #66708b; line-height: 1.6; font-size: .84rem; }

.zf-font-copy-tips[b-5t8xnpi3mc] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .85rem; }
.zf-font-copy-tips article[b-5t8xnpi3mc] { padding: 1rem; background: #f8f7ff; border: 1px solid #ddd6fe; border-radius: 14px; }
.zf-font-copy-tips h3[b-5t8xnpi3mc] { margin: 0 0 .45rem; color: #29235b; font-size: 1rem; }
.zf-font-copy-tips p[b-5t8xnpi3mc], .zf-font-copy-tips ul[b-5t8xnpi3mc] { color: #606b87; line-height: 1.65; font-size: .88rem; }
.zf-font-copy-tips p[b-5t8xnpi3mc] { margin: 0; }
.zf-font-copy-tips ul[b-5t8xnpi3mc] { margin: 0; padding-inline-start: 1.2rem; }
.zf-font-copy-tips li + li[b-5t8xnpi3mc] { margin-top: .35rem; }

.zf-font-troubleshooting[b-5t8xnpi3mc] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.zf-font-troubleshooting > div[b-5t8xnpi3mc] { padding: .9rem; background: #fff9ef; border: 1px solid #fed7aa; border-radius: 13px; }
.zf-font-troubleshooting strong[b-5t8xnpi3mc] { display: block; margin-bottom: .25rem; color: #7c3b0d; font-size: .9rem; }
.zf-font-troubleshooting span[b-5t8xnpi3mc] { display: block; color: #6f6258; line-height: 1.55; font-size: .84rem; }

.zf-font-faq[b-5t8xnpi3mc] { display: grid; gap: .55rem; }
.zf-font-faq details[b-5t8xnpi3mc] { background: #faf9ff; border: 1px solid #ddd6fe; border-radius: 12px; padding: .75rem .85rem; }
.zf-font-faq summary[b-5t8xnpi3mc] { cursor: pointer; color: #29235b; font-weight: 800; }
.zf-font-faq p[b-5t8xnpi3mc] { margin: .6rem 0 0; color: #606b87; line-height: 1.65; font-size: .9rem; }

.zf-font-related-section[b-5t8xnpi3mc] { background: linear-gradient(145deg, #fff, #f5f2ff); }
.zf-font-related-links[b-5t8xnpi3mc] { display: grid; grid-template-columns: repeat(4,minmax(0,1fr)); gap: .7rem; }
.zf-font-related-links a[b-5t8xnpi3mc] { padding: .85rem; color: inherit; background: #fff; border: 1px solid #dcd5ff; border-radius: 13px; transition: transform .18s ease, border-color .18s ease; }
.zf-font-related-links a:hover[b-5t8xnpi3mc], .zf-font-related-links a:focus-visible[b-5t8xnpi3mc] { transform: translateY(-2px); border-color: var(--primary); outline: none; }
.zf-font-related-links strong[b-5t8xnpi3mc] { display: block; color: #4b35b5; margin-bottom: .25rem; font-size: .9rem; }
.zf-font-related-links span[b-5t8xnpi3mc] { display: block; color: #66708b; line-height: 1.5; font-size: .8rem; }
[data-theme="dark"] .zf-font-toc[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-guide-section[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-explainer-grid > div[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-info-grid article[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-example-grid > div[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-use-grid article[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-copy-tips article[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-troubleshooting > div[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-faq details[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-related-links a[b-5t8xnpi3mc] {
  background: #121a2d;
  border-color: #5b3fc4;
  color: #e6eaf8;
}
[data-theme="dark"] .zf-font-how-grid li[b-5t8xnpi3mc] { background: #172238; border-color: #5b3fc4; }
[data-theme="dark"] .zf-font-related-section[b-5t8xnpi3mc] { background: linear-gradient(145deg, #121a2d, #191538); }
[data-theme="dark"] .zf-font-section-heading h2[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-seo-content h3[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-seo-content strong[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-faq summary[b-5t8xnpi3mc] { color: #e6eaf8; }
[data-theme="dark"] .zf-font-section-heading p[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-seo-content p[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-seo-content li[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-seo-content article > span[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-troubleshooting span[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-related-links span[b-5t8xnpi3mc] { color: #9badcf; }
[data-theme="dark"] .zf-font-section-heading > span[b-5t8xnpi3mc] { color: #dcd6ff; background: #211b43; }
[data-theme="dark"] .zf-font-note[b-5t8xnpi3mc] { color: #b9c5df; background: #211b43; }
[data-theme="dark"] .zf-font-toc strong[b-5t8xnpi3mc] { color: #e6eaf8; }
[data-theme="dark"] .zf-font-toc a[b-5t8xnpi3mc] { color: #dcd6ff; background: #211b43; }
[data-theme="dark"] .zf-font-toc a:hover[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-toc a:focus-visible[b-5t8xnpi3mc] { color: #fff; background: var(--primary); }
[data-theme="dark"] .zf-font-list[b-5t8xnpi3mc] { border-color: #344261; }
[data-theme="dark"] .zf-font-result[b-5t8xnpi3mc] { color: #e6eaf8; border-color: #344261; }
[data-theme="dark"] .zf-font-result:hover[b-5t8xnpi3mc],
[data-theme="dark"] .zf-font-result:focus-visible[b-5t8xnpi3mc] { color: #ddd6fe; background: linear-gradient(90deg, #151e35, #211b43); }
[data-theme="dark"] .zf-font-copy-indicator[b-5t8xnpi3mc] { color: #e4dfff; background: #30265e; }
[data-theme="dark"] .zf-local-font-card[b-5t8xnpi3mc] { background: linear-gradient(135deg, #17142e, #112b2a); border-color: #5b3fc4; }
[data-theme="dark"] .zf-local-font-copy h2[b-5t8xnpi3mc] { color: #e6eaf8; }
[data-theme="dark"] .zf-local-font-copy p[b-5t8xnpi3mc] { color: #9badcf; }
[data-theme="dark"] .zf-local-font-preview[b-5t8xnpi3mc] { color: #e6eaf8; background: #121a2d; border-color: #6d5cc7; }
[data-theme="dark"] .zf-local-font-controls label[b-5t8xnpi3mc] { color: #b9c5df; }
[data-theme="dark"] .zf-local-font-controls input[type="color"][b-5t8xnpi3mc] { background: #172238; border-color: #5b3fc4; }
[data-theme="dark"] .zf-local-font-secondary[b-5t8xnpi3mc] { color: #ddd6fe; background: #211b43; border-color: #5b3fc4; }
[data-theme="dark"] .zf-local-font-secondary:hover[b-5t8xnpi3mc],
[data-theme="dark"] .zf-local-font-secondary:focus-visible[b-5t8xnpi3mc] { background: #30265e; }

@media (max-width: 1120px) {
  .zf-font-example-grid[b-5t8xnpi3mc], .zf-font-use-grid[b-5t8xnpi3mc], .zf-font-related-links[b-5t8xnpi3mc] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .zf-font-how-grid[b-5t8xnpi3mc], .zf-font-explainer-grid[b-5t8xnpi3mc], .zf-font-info-grid[b-5t8xnpi3mc], .zf-font-example-grid[b-5t8xnpi3mc], .zf-font-use-grid[b-5t8xnpi3mc], .zf-font-copy-tips[b-5t8xnpi3mc], .zf-font-troubleshooting[b-5t8xnpi3mc], .zf-font-related-links[b-5t8xnpi3mc] { grid-template-columns: 1fr; }
  .zf-font-facts[b-5t8xnpi3mc] { grid-template-columns: repeat(2,minmax(0,1fr)); }
  .zf-font-toc[b-5t8xnpi3mc] { align-items: flex-start; }
  .zf-font-result[b-5t8xnpi3mc] { min-height: 68px; padding: .85rem .25rem; }
  .zf-font-result:hover[b-5t8xnpi3mc], .zf-font-result:focus-visible[b-5t8xnpi3mc] { padding-inline: .5rem; }
  .zf-font-copy-indicator[b-5t8xnpi3mc] { opacity: 1; transform: none; }
  .zf-local-font-card[b-5t8xnpi3mc] { grid-template-columns: 1fr; }
  .zf-local-font-picker[b-5t8xnpi3mc] { width: 100%; }
  .zf-local-font-controls[b-5t8xnpi3mc] { grid-template-columns: minmax(0,1fr) auto auto; }
  .zf-local-font-actions[b-5t8xnpi3mc] { display: grid; grid-template-columns: 1fr 1fr; }
}
/* _content/Zfont3.Web/Components/Pages/Home.razor.rz.scp.css */
.hero-block[b-wvwl9gxdwf] {
  background:
    radial-gradient(760px 320px at 84% 10%, rgba(255,255,255,.26), transparent),
    linear-gradient(135deg, #0b1f45, #1b53b7 55%, #14b8a6);
  color: #fff;
  border-radius: 20px;
  padding: 1.4rem;
  box-shadow: 0 20px 34px rgba(11, 27, 55, .24);
  display: grid;
  gap: .9rem;
  grid-template-columns: 1fr;
}

.hero-copy h1[b-wvwl9gxdwf] { margin: 0; font-size: clamp(1.5rem, 3vw, 2.2rem); }
.hero-copy p[b-wvwl9gxdwf] { margin-top: .75rem; color: #e8f1ff; max-width: 760px; }
.eyebrow[b-wvwl9gxdwf] {
  display:inline-block;
  font-size:.75rem;
  font-weight:800;
  letter-spacing:.7px;
  text-transform:uppercase;
  background:rgba(255,255,255,.2);
  border:1px solid rgba(255,255,255,.45);
  border-radius:999px;
  padding:.22rem .55rem;
  margin-bottom:.55rem;
}

.hero-side[b-wvwl9gxdwf] { display:grid; gap:.45rem; align-content:start; }
.hero-chip[b-wvwl9gxdwf] {
  background: rgba(255,255,255,.16);
  border: 1px solid rgba(255,255,255,.4);
  border-radius: 10px;
  padding: .5rem .62rem;
  font-weight: 700;
  font-size: .88rem;
}

.cta-row[b-wvwl9gxdwf] { margin-top: 1rem; display:flex; gap:.7rem; flex-wrap:wrap; }
.btn-primary[b-wvwl9gxdwf], .btn-secondary[b-wvwl9gxdwf] {
  text-decoration:none;
  border-radius:11px;
  padding:.64rem 1rem;
  font-weight:800;
}
.btn-primary[b-wvwl9gxdwf] { background:#fff; color:#0f3f9f; }
.btn-secondary[b-wvwl9gxdwf] { background:rgba(255,255,255,.16); color:#fff; border:1px solid rgba(255,255,255,.44); }

.quick-grid[b-wvwl9gxdwf] { display:grid; grid-template-columns:1fr; gap:.8rem; }
.quick-card[b-wvwl9gxdwf] {
  background:#fff;
  border:1px solid #d8e5f8;
  border-radius:14px;
  padding:.95rem;
  box-shadow:0 8px 18px rgba(11,27,55,.06);
  text-decoration:none;
}
.quick-card h3[b-wvwl9gxdwf] { margin:0 0 .35rem; color:#163f8b; font-size:1rem; }
.quick-card p[b-wvwl9gxdwf] { margin:0; color:#667085; }

.tool-sections[b-wvwl9gxdwf] {
  background:#fff;
  border:1px solid #d8e5f8;
  border-radius:16px;
  padding:1rem;
}

.section-head h2[b-wvwl9gxdwf] { margin:0 0 .25rem; }
.section-head p[b-wvwl9gxdwf] { margin:0 0 .85rem; }

.trust-row[b-wvwl9gxdwf] { display:grid; gap:.7rem; grid-template-columns:1fr; }
.trust-card[b-wvwl9gxdwf] {
  display:grid;
  gap:.2rem;
  background:#fff;
  border:1px solid #d8e5f8;
  border-radius:12px;
  padding:.8rem .9rem;
}
.trust-card strong[b-wvwl9gxdwf] { color:#153f8f; }
.trust-card span[b-wvwl9gxdwf] { color:#667085; font-size:.92rem; }

@media (min-width: 860px) {
  .hero-block[b-wvwl9gxdwf] { grid-template-columns: 1.35fr .8fr; padding: 1.5rem; }
  .quick-grid[b-wvwl9gxdwf] { grid-template-columns: repeat(3, 1fr); }
  .trust-row[b-wvwl9gxdwf] { grid-template-columns: repeat(3, 1fr); }
}

.zf-section-heading[b-wvwl9gxdwf] { margin: 1.5rem 0 .85rem; max-width: 900px; }
.zf-section-heading h2[b-wvwl9gxdwf] { margin: 0 0 .35rem; font-size: 1.6rem; color: #172033; }
.zf-section-heading p[b-wvwl9gxdwf] { margin: 0; color: var(--muted); line-height: 1.7; }
.zf-section-heading-row[b-wvwl9gxdwf] { max-width: none; display: flex; align-items: end; justify-content: space-between; gap: 1rem; }
.zf-section-link[b-wvwl9gxdwf] { color: var(--primary); font-weight: 800; white-space: nowrap; }
.zf-brand-overview[b-wvwl9gxdwf],
.zf-services-section[b-wvwl9gxdwf],
.zf-home-content-section[b-wvwl9gxdwf],
.zf-latest-posts[b-wvwl9gxdwf] { margin-top: 1rem; }
.zf-brand-points[b-wvwl9gxdwf] { display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; }
.zf-brand-points article[b-wvwl9gxdwf] { background: #fff; border: 1px solid var(--line); border-radius: 16px; padding: 1rem; box-shadow: 0 8px 22px rgba(25, 19, 77, .07); }
.zf-brand-points h3[b-wvwl9gxdwf] { margin: 0 0 .45rem; font-size: 1rem; color: #172033; }
.zf-brand-points p[b-wvwl9gxdwf] { margin: 0; color: #64708c; line-height: 1.65; font-size: .92rem; }
.zf-tools-grid[b-wvwl9gxdwf] { margin-top: 1rem; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1.15rem; }
.zf-tool-card[b-wvwl9gxdwf] {
  --tool-accent: #7c3aed;
  position: relative;
  overflow: hidden;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 18px;
  color: #162036;
  box-shadow: 0 8px 22px rgba(25, 19, 77, .08);
  display: flex;
  flex-direction: column;
  min-width: 0;
  transition: transform .22s ease, box-shadow .22s ease, border-color .22s ease;
}
.zf-tool-card:nth-child(2n)[b-wvwl9gxdwf] { --tool-accent: #0f9f91; }
.zf-tool-card:nth-child(3n)[b-wvwl9gxdwf] { --tool-accent: #ea6b17; }
.zf-tool-card:nth-child(4n)[b-wvwl9gxdwf] { --tool-accent: #0786bd; }
.zf-tool-card:hover[b-wvwl9gxdwf],
.zf-tool-card:focus-visible[b-wvwl9gxdwf] {
  transform: translateY(-4px);
  border-color: var(--tool-accent);
  box-shadow: 0 16px 34px rgba(35, 27, 97, .15);
  outline: none;
}
.zf-tool-visual[b-wvwl9gxdwf] {
  position: relative;
  aspect-ratio: 16 / 9;
  overflow: hidden;
  background: linear-gradient(135deg, #f1ebff, #e0f7f4);
  border-bottom: 1px solid rgba(124,58,237,.18);
}
.zf-tool-visual[b-wvwl9gxdwf]::after {
  content: "";
  position: absolute;
  inset: 34% 0 0;
  background: linear-gradient(to bottom, transparent, rgba(14,18,43,.86));
  pointer-events: none;
}
.zf-tool-visual img[b-wvwl9gxdwf] {
  display: block;
  width: 100%;
  height: 100%;
  object-fit: cover;
  transition: transform .35s ease;
}
.zf-tool-card:hover .zf-tool-visual img[b-wvwl9gxdwf],
.zf-tool-card:focus-visible .zf-tool-visual img[b-wvwl9gxdwf] { transform: scale(1.035); }
.zf-tool-visual h3[b-wvwl9gxdwf] {
  position: absolute;
  z-index: 1;
  inset-inline: 1rem;
  bottom: .8rem;
  margin: 0;
  color: #fff;
  font-size: 1.1rem;
  line-height: 1.3;
  text-shadow: 0 1px 8px rgba(0,0,0,.38);
}
.zf-tool-card-body[b-wvwl9gxdwf] {
  flex: 1;
  display: flex;
  flex-direction: column;
  align-items: flex-start;
  padding: .9rem 1rem 1rem;
}
.zf-tool-card p[b-wvwl9gxdwf] { flex: 1; margin: 0 0 .85rem; color: #6a738f; font-size: .88rem; line-height: 1.6; }
.zf-try[b-wvwl9gxdwf] {
  display: inline-flex;
  align-items: center;
  gap: .35rem;
  color: var(--tool-accent);
  background: color-mix(in srgb, var(--tool-accent) 10%, transparent);
  border-radius: 999px;
  padding: .4rem .7rem;
  font-weight: 800;
  font-size: .84rem;
}
.zf-blog-grid[b-wvwl9gxdwf] { display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; }
.zf-home-blog-grid[b-wvwl9gxdwf] { grid-template-columns: repeat(4,minmax(0,1fr)); }
.zf-blog-card[b-wvwl9gxdwf] { min-width:0; overflow-wrap:anywhere; word-break:break-word; background:#fff; border:1px solid var(--line); border-radius:14px; padding:1rem; box-shadow:0 8px 20px rgba(30,24,88,.08); }
.zf-blog-cover[b-wvwl9gxdwf] { width:100%; height:180px; object-fit:cover; border-radius:10px; margin-bottom:.7rem; border:1px solid #ddd6fe; }
.zf-blog-card h3[b-wvwl9gxdwf] { margin:.2rem 0 .45rem; overflow-wrap:anywhere; }
.zf-blog-link[b-wvwl9gxdwf] { min-width:0; color:inherit; text-decoration:none; display:block; }

.zf-admin-grid[b-wvwl9gxdwf] { display:grid; grid-template-columns:1.1fr .9fr; gap:1rem; }
.zf-admin-form[b-wvwl9gxdwf] { display:flex; flex-direction:column; gap:.55rem; }
.zf-admin-form label[b-wvwl9gxdwf] { font-weight:700; color:#312e81; font-size:.9rem; }
.zf-admin-actions[b-wvwl9gxdwf] { display:flex; gap:.55rem; margin-top:.35rem; }
.zf-btn-muted[b-wvwl9gxdwf] { background:#ede9fe; color:#4c1d95; border:1px solid #c4b5fd; }
.zf-btn-danger[b-wvwl9gxdwf] { background:#fee2e2; color:#991b1b; border:1px solid #fecaca; }
.zf-btn-small[b-wvwl9gxdwf] { padding:.36rem .65rem; font-size:.82rem; }
.zf-check[b-wvwl9gxdwf] { display:flex; align-items:center; gap:.45rem; font-weight:600; }
.zf-admin-list[b-wvwl9gxdwf] { display:flex; flex-direction:column; gap:.65rem; margin-top:.55rem; }
.zf-admin-item[b-wvwl9gxdwf] { display:flex; justify-content:space-between; gap:.7rem; align-items:center; background:#fff; border:1px solid #ddd6fe; border-radius:12px; padding:.7rem .8rem; }
.zf-admin-item-actions[b-wvwl9gxdwf] { display:flex; gap:.45rem; }

.zf-stats[b-wvwl9gxdwf] { margin-top: 1rem; border-radius: 18px; padding: 1rem; background: linear-gradient(135deg, #1f155a, #32208f); color: #fff; display: grid; grid-template-columns: repeat(4,1fr); gap: .8rem; }
.zf-stats div[b-wvwl9gxdwf] { text-align: center; }
.zf-stats strong[b-wvwl9gxdwf] { display:block; font-size:1.45rem; }
.zf-stats span[b-wvwl9gxdwf] { color: #cfd2ff; font-size: .86rem; }

.zf-feature-panel[b-wvwl9gxdwf] {
  display: grid;
  grid-template-columns: minmax(0,1fr) minmax(0,1.15fr);
  gap: 1.4rem;
  align-items: center;
  padding: 1.35rem;
  background: linear-gradient(145deg, #ffffff, #f6f3ff 55%, #eefbfa);
  border: 1px solid var(--line);
  border-radius: 20px;
  box-shadow: 0 10px 28px rgba(30, 24, 88, .08);
}
.zf-feature-panel h2[b-wvwl9gxdwf] { margin: .35rem 0 .55rem; font-size: 1.35rem; color: #172033; }
.zf-feature-panel p[b-wvwl9gxdwf] { margin: 0 0 1rem; color: var(--muted); line-height: 1.7; }
.zf-content-kicker[b-wvwl9gxdwf] {
  display: inline-block;
  color: #5b3ed6;
  background: #eee9ff;
  border-radius: 999px;
  padding: .35rem .65rem;
  font-size: .78rem;
  font-weight: 800;
}
.zf-content-cta[b-wvwl9gxdwf] {
  display: inline-flex;
  align-items: center;
  gap: .4rem;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  border-radius: 11px;
  padding: .65rem .9rem;
  font-weight: 800;
  font-size: .9rem;
}
.zf-feature-list[b-wvwl9gxdwf] { list-style: none; display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; padding: 0; margin: 0; }
.zf-feature-list li[b-wvwl9gxdwf] { background: rgba(255,255,255,.82); border: 1px solid #ddd6fe; border-radius: 14px; padding: .85rem; }
.zf-feature-list strong[b-wvwl9gxdwf] { display: block; margin-bottom: .3rem; color: #252055; font-size: .92rem; }
.zf-feature-list span[b-wvwl9gxdwf] { display: block; color: #68718b; font-size: .84rem; line-height: 1.55; }

.zf-steps-grid[b-wvwl9gxdwf] { list-style: none; display: grid; grid-template-columns: repeat(3,minmax(0,1fr)); gap: 1rem; padding: 0; margin: 0; }
.zf-steps-grid li[b-wvwl9gxdwf] {
  display: flex;
  align-items: flex-start;
  gap: .8rem;
  padding: 1rem;
  background: #fff;
  border: 1px solid var(--line);
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(25, 19, 77, .07);
}
.zf-steps-grid > li > span[b-wvwl9gxdwf] {
  flex: 0 0 36px;
  width: 36px;
  height: 36px;
  display: grid;
  place-items: center;
  border-radius: 11px;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), #12a594);
  font-weight: 900;
}
.zf-steps-grid strong[b-wvwl9gxdwf] { display: block; color: #252055; margin: .1rem 0 .3rem; }
.zf-steps-grid p[b-wvwl9gxdwf] { margin: 0; color: var(--muted); font-size: .88rem; line-height: 1.55; }

.zf-advantages-grid[b-wvwl9gxdwf] { display: grid; grid-template-columns: 1fr; }
.zf-advantages-grid article[b-wvwl9gxdwf] { border-radius: 17px; padding: 1.1rem 1.2rem; box-shadow: 0 8px 22px rgba(25, 19, 77, .06); }
.zf-advantages-card[b-wvwl9gxdwf] { background: #f0fdf9; border: 1px solid #99e6d5; }
.zf-advantages-grid h3[b-wvwl9gxdwf] { margin: 0 0 .7rem; font-size: 1rem; color: #172033; }
.zf-advantages-card h3 span[b-wvwl9gxdwf] { color: #07856f; }
.zf-advantages-grid ul[b-wvwl9gxdwf] { margin: 0; padding-inline-start: 1.2rem; color: #5d6781; }
.zf-advantages-grid li[b-wvwl9gxdwf] { margin: .42rem 0; line-height: 1.55; font-size: .9rem; }

.zf-languages-section[b-wvwl9gxdwf] { padding: 1.15rem 1.2rem 1.25rem; background: #fff; border: 1px solid var(--line); border-radius: 18px; box-shadow: 0 8px 22px rgba(25, 19, 77, .07); }
.zf-languages-section .zf-section-heading[b-wvwl9gxdwf] { margin-top: 0; }
[data-theme="dark"] .zf-feature-panel[b-wvwl9gxdwf],
[data-theme="dark"] .zf-steps-grid li[b-wvwl9gxdwf],
[data-theme="dark"] .zf-advantages-grid article[b-wvwl9gxdwf],
[data-theme="dark"] .zf-languages-section[b-wvwl9gxdwf] {
  background: #121a2d;
  border-color: #6d28d9;
  color: #e6eaf8;
}
[data-theme="dark"] .zf-feature-list li[b-wvwl9gxdwf] { background: #172238; border-color: #5b3fc4; }
[data-theme="dark"] .zf-home-content-section h2[b-wvwl9gxdwf],
[data-theme="dark"] .zf-home-content-section h3[b-wvwl9gxdwf],
[data-theme="dark"] .zf-home-content-section strong[b-wvwl9gxdwf] { color: #e6eaf8; }
[data-theme="dark"] .zf-home-content-section p[b-wvwl9gxdwf],
[data-theme="dark"] .zf-feature-list span[b-wvwl9gxdwf],
[data-theme="dark"] .zf-advantages-grid ul[b-wvwl9gxdwf] { color: #9badcf; }
[data-theme="dark"] .zf-language-links a[b-wvwl9gxdwf] { color: #dcd6ff; background: #211b43; border-color: #5b3fc4; }
[data-theme="dark"] .zf-language-links a:hover[b-wvwl9gxdwf],
[data-theme="dark"] .zf-language-links a:focus-visible[b-wvwl9gxdwf],
[data-theme="dark"] .zf-language-links a.active[b-wvwl9gxdwf] { color: #fff; background: var(--primary); }

@media (max-width: 1120px) {
  .zf-tools-grid[b-wvwl9gxdwf] { grid-template-columns: repeat(2,minmax(0,1fr)); }
}

@media (max-width: 700px) {
  .zf-tools-grid[b-wvwl9gxdwf] { grid-template-columns: 1fr; }
  .zf-stats[b-wvwl9gxdwf] { grid-template-columns: repeat(2,1fr); }
  .zf-blog-grid[b-wvwl9gxdwf], .zf-home-blog-grid[b-wvwl9gxdwf] { grid-template-columns: repeat(2,minmax(0,1fr)); gap: .6rem; }
  .zf-blog-card[b-wvwl9gxdwf] { padding: .6rem; border-radius: 11px; }
  .zf-blog-cover[b-wvwl9gxdwf] { height: auto; aspect-ratio: 16 / 10; margin-bottom: .45rem; border-radius: 8px; }
  .zf-blog-card h3[b-wvwl9gxdwf] { margin: .1rem 0 .35rem; font-size: .86rem; line-height: 1.35; }
  .zf-blog-card p[b-wvwl9gxdwf] {
    display: -webkit-box;
    margin: .25rem 0;
    overflow: hidden;
    font-size: .72rem;
    line-height: 1.45;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 3;
  }
  .zf-blog-card small[b-wvwl9gxdwf] { display: block; font-size: .65rem; line-height: 1.35; }
  .zf-feature-panel[b-wvwl9gxdwf], .zf-feature-list[b-wvwl9gxdwf], .zf-steps-grid[b-wvwl9gxdwf], .zf-advantages-grid[b-wvwl9gxdwf] { grid-template-columns: 1fr; }
  .zf-brand-points[b-wvwl9gxdwf] { grid-template-columns: 1fr; }
  .zf-section-heading-row[b-wvwl9gxdwf] { align-items: flex-start; flex-direction: column; }
}
/* _content/Zfont3.Web/Components/Pages/Kawaii.razor.rz.scp.css */
.zf-kawaii-category-picker[b-cyigvsgcba] {
  margin-top: 1rem;
  overflow: hidden;
  background: linear-gradient(145deg, #faf9ff, #f1edff);
  border: 1px solid #d9d1fa;
  border-radius: 16px;
  box-shadow: 0 8px 22px rgba(76, 57, 180, .1);
}

.zf-kawaii-category-picker > p[b-cyigvsgcba] {
  margin: 0;
  padding: .42rem .75rem;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  font-size: .85rem;
  font-weight: 900;
  letter-spacing: .02em;
  text-align: center;
  text-shadow: 0 1px 1px rgba(47, 30, 123, .3);
}

.zf-kawaii-category-strip[b-cyigvsgcba] {
  display: grid;
  grid-template-columns: repeat(6, minmax(145px, 1fr));
  gap: .35rem;
  overflow-x: auto;
  padding: .45rem;
  scrollbar-width: thin;
}

.zf-kawaii-category-tab[b-cyigvsgcba] {
  min-width: 0;
  min-height: 66px;
  display: grid;
  grid-template-columns: auto minmax(0, 1fr);
  gap: .45rem;
  align-items: center;
  padding: .5rem .62rem;
  color: #3d302f;
  border: 2px solid #4a3b39;
  border-radius: 11px;
  box-shadow: inset 0 1px rgba(255, 255, 255, .75), 0 2px 0 rgba(61, 48, 47, .2);
  cursor: pointer;
  font: inherit;
  text-align: left;
  transition: transform .16s ease, box-shadow .16s ease, filter .16s ease;
}

.zf-kawaii-category-tab:hover[b-cyigvsgcba],
.zf-kawaii-category-tab:focus-visible[b-cyigvsgcba] {
  filter: saturate(1.08) brightness(1.02);
  outline: none;
  transform: translateY(-2px);
}

.zf-kawaii-category-tab.is-active[b-cyigvsgcba] {
  box-shadow: inset 0 0 0 2px rgba(255, 255, 255, .8), 0 0 0 3px var(--primary), 0 7px 15px rgba(66, 47, 149, .2);
  transform: translateY(-2px);
}

.zf-kawaii-category-tab.is-happy[b-cyigvsgcba] { background: linear-gradient(145deg, #f3efff, #e5dcff); }
.zf-kawaii-category-tab.is-sad[b-cyigvsgcba] { background: linear-gradient(145deg, #ebe8ff, #d8d1ff); }
.zf-kawaii-category-tab.is-mad[b-cyigvsgcba] { background: linear-gradient(145deg, #e2dcff, #cfc3ff); }
.zf-kawaii-category-tab.is-love[b-cyigvsgcba] { background: linear-gradient(145deg, #f4e6ff, #e9ceff); }
.zf-kawaii-category-tab.is-party[b-cyigvsgcba] { background: linear-gradient(145deg, #ded2ff, #c4b5fd); }
.zf-kawaii-category-tab.is-weird[b-cyigvsgcba] { color: #fff; background: linear-gradient(145deg, #5b3fc4, #2f216f); }

.zf-kawaii-tab-face[b-cyigvsgcba] {
  min-width: 45px;
  color: inherit;
  font-family: "Segoe UI", "Segoe UI Symbol", "Noto Sans Symbols 2", sans-serif;
  font-size: 1.02rem;
  font-weight: 800;
  text-align: center;
  white-space: nowrap;
}

.zf-kawaii-tab-copy[b-cyigvsgcba] { min-width: 0; }
.zf-kawaii-tab-copy strong[b-cyigvsgcba],
.zf-kawaii-tab-copy small[b-cyigvsgcba] { display: block; }
.zf-kawaii-tab-copy strong[b-cyigvsgcba] { overflow: hidden; font-size: .96rem; line-height: 1.15; text-overflow: ellipsis; white-space: nowrap; }
.zf-kawaii-tab-copy small[b-cyigvsgcba] { margin-top: .2rem; color: inherit; font-size: .68rem; font-weight: 750; opacity: .72; }

.zf-kawaii-toolbar[b-cyigvsgcba] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) auto;
  gap: .8rem;
  align-items: end;
  margin-top: 1rem;
  padding: .9rem;
  background: linear-gradient(145deg, #faf9ff, #f5f2ff);
  border: 1px solid #e4defe;
  border-radius: 16px;
}

.zf-kawaii-search-field[b-cyigvsgcba] { min-width: 0; }

.zf-kawaii-search-field label[b-cyigvsgcba] {
  display: block;
  margin: 0 0 .38rem;
  color: #332775;
  font-size: .8rem;
  font-weight: 800;
}

.zf-kawaii-toolbar .input[b-cyigvsgcba] {
  min-height: 44px;
  background: #fff;
  border-color: #d9d1fa;
}

.zf-kawaii-toolbar .input:focus[b-cyigvsgcba] {
  border-color: var(--primary);
  outline: 3px solid rgba(106, 77, 253, .12);
}

.zf-kawaii-result-count[b-cyigvsgcba] {
  min-width: 90px;
  margin: 0 0 .68rem;
  color: var(--muted);
  font-size: .82rem;
  white-space: nowrap;
}

.zf-kawaii-result-count strong[b-cyigvsgcba] { color: var(--primary); }

.zf-kawaii-card-grid[b-cyigvsgcba] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.zf-kawaii-card[b-cyigvsgcba] {
  min-width: 0;
  overflow: hidden;
  padding: 1rem;
  background: #fff;
  border: 1px solid #ece9f7;
  border-radius: 20px;
  box-shadow: 0 8px 22px rgba(47, 40, 94, .09);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.zf-kawaii-card:hover[b-cyigvsgcba],
.zf-kawaii-card:focus-within[b-cyigvsgcba] {
  border-color: #c4b5fd;
  box-shadow: 0 14px 30px rgba(76, 57, 180, .14);
  transform: translateY(-3px);
}

.zf-kawaii-face-preview[b-cyigvsgcba] {
  width: 100%;
  min-height: 112px;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: .8rem;
  color: #232a3b;
  background: linear-gradient(145deg, #fff, #fbfaff);
  border: 1px solid #e7e4ef;
  border-radius: 15px;
  cursor: pointer;
  font: inherit;
}

.zf-kawaii-face-preview span[b-cyigvsgcba] {
  max-width: 100%;
  font-family: "Segoe UI", "Segoe UI Symbol", "Noto Sans Symbols 2", "Arial Unicode MS", sans-serif;
  font-size: clamp(1.08rem, 1.7vw, 1.42rem);
  font-weight: 550;
  line-height: 1.55;
  overflow-wrap: anywhere;
  white-space: pre-wrap;
}

.zf-kawaii-face-preview:hover[b-cyigvsgcba],
.zf-kawaii-face-preview:focus-visible[b-cyigvsgcba] {
  color: #4d34bd;
  background: #f8f5ff;
  border-color: #cbbffd;
  outline: none;
}

.zf-kawaii-card-footer[b-cyigvsgcba] {
  margin-top: .75rem;
  padding-top: .75rem;
  border-top: 1px solid #efedf6;
}

.zf-kawaii-card-category[b-cyigvsgcba] {
  display: block;
  min-height: 1.35rem;
  overflow: hidden;
  color: #4c5368;
  font-size: .9rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zf-kawaii-card-actions[b-cyigvsgcba] {
  display: grid;
  grid-template-columns: 40px 40px minmax(82px, 1fr);
  gap: .45rem;
  margin-top: .62rem;
}

.zf-kawaii-icon-btn[b-cyigvsgcba],
.zf-kawaii-copy-btn[b-cyigvsgcba] {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  color: var(--primary);
  background: #fff;
  border: 1px solid #ddd6fe;
  border-radius: 11px;
  cursor: pointer;
  font: inherit;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.zf-kawaii-icon-btn svg[b-cyigvsgcba],
.zf-kawaii-copy-btn svg[b-cyigvsgcba] {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.zf-kawaii-icon-btn:hover[b-cyigvsgcba],
.zf-kawaii-icon-btn:focus-visible[b-cyigvsgcba] {
  color: #4d34bd;
  background: #f3efff;
  border-color: #b7a7fb;
  outline: none;
  transform: translateY(-1px);
}

.zf-kawaii-icon-btn.is-favorite[b-cyigvsgcba] {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
}

.zf-kawaii-icon-btn.is-favorite svg[b-cyigvsgcba] { fill: currentColor; }

.zf-kawaii-copy-btn[b-cyigvsgcba] {
  padding-inline: .72rem;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  border-color: transparent;
  font-size: .88rem;
  font-weight: 800;
}

.zf-kawaii-copy-btn:hover[b-cyigvsgcba],
.zf-kawaii-copy-btn:focus-visible[b-cyigvsgcba] {
  background: linear-gradient(135deg, #5739e8, #765df4);
  outline: 3px solid rgba(106, 77, 253, .14);
  transform: translateY(-1px);
}

.zf-kawaii-saved-list[b-cyigvsgcba] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: .65rem;
}

[data-theme="dark"] .zf-kawaii-category-picker[b-cyigvsgcba] { background: #17142e; border-color: #5b3fc4; }
[data-theme="dark"] .zf-kawaii-category-tab[b-cyigvsgcba] { border-color: #b2a596; }
[data-theme="dark"] .zf-kawaii-toolbar[b-cyigvsgcba] { background: linear-gradient(145deg, #17142e, #151e35); border-color: #5b3fc4; }
[data-theme="dark"] .zf-kawaii-search-field label[b-cyigvsgcba] { color: #ded8ff; }
[data-theme="dark"] .zf-kawaii-toolbar .input[b-cyigvsgcba] { color: #e6eaf8; background: #121a2d; border-color: #5b3fc4; }
[data-theme="dark"] .zf-kawaii-card[b-cyigvsgcba] { background: #121a2d; border-color: #344261; box-shadow: 0 8px 22px rgba(0, 0, 0, .22); }
[data-theme="dark"] .zf-kawaii-card:hover[b-cyigvsgcba],
[data-theme="dark"] .zf-kawaii-card:focus-within[b-cyigvsgcba] { border-color: #7659e8; }
[data-theme="dark"] .zf-kawaii-face-preview[b-cyigvsgcba] { color: #e6eaf8; background: #172238; border-color: #344261; }
[data-theme="dark"] .zf-kawaii-face-preview:hover[b-cyigvsgcba],
[data-theme="dark"] .zf-kawaii-face-preview:focus-visible[b-cyigvsgcba] { color: #ddd6fe; background: #211b43; border-color: #6d54d9; }
[data-theme="dark"] .zf-kawaii-card-footer[b-cyigvsgcba] { border-color: #344261; }
[data-theme="dark"] .zf-kawaii-card-category[b-cyigvsgcba] { color: #b9c5df; }
[data-theme="dark"] .zf-kawaii-icon-btn[b-cyigvsgcba] { color: #cfc6ff; background: #172238; border-color: #5b3fc4; }
[data-theme="dark"] .zf-kawaii-icon-btn:hover[b-cyigvsgcba],
[data-theme="dark"] .zf-kawaii-icon-btn:focus-visible[b-cyigvsgcba] { background: #211b43; }
[data-theme="dark"] .zf-kawaii-icon-btn.is-favorite[b-cyigvsgcba] { color: #fff; background: var(--primary); }

@media (min-width: 1180px) {
  .zf-kawaii-card-grid[b-cyigvsgcba] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 980px) {
  .zf-kawaii-category-strip[b-cyigvsgcba] { grid-template-columns: repeat(6, 155px); }
}

@media (max-width: 760px) {
  .zf-kawaii-category-picker[b-cyigvsgcba] { border-radius: 14px; }
  .zf-kawaii-category-picker > p[b-cyigvsgcba] { padding: .5rem .65rem; }
  .zf-kawaii-category-strip[b-cyigvsgcba] {
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: .5rem;
    overflow-x: visible;
    padding: .6rem;
  }
  .zf-kawaii-category-tab[b-cyigvsgcba] {
    min-height: 60px;
    grid-template-columns: 40px minmax(0, 1fr);
    gap: .35rem;
    padding: .45rem .5rem;
  }
  .zf-kawaii-tab-face[b-cyigvsgcba] { min-width: 36px; font-size: .9rem; }
  .zf-kawaii-tab-copy strong[b-cyigvsgcba] { font-size: .88rem; }
  .zf-kawaii-tab-copy small[b-cyigvsgcba] { font-size: .64rem; }
  .zf-kawaii-card-grid[b-cyigvsgcba] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .zf-kawaii-card[b-cyigvsgcba] { padding: .75rem; border-radius: 17px; }
  .zf-kawaii-face-preview[b-cyigvsgcba] { min-height: 104px; }
}

@media (max-width: 540px) {
  .zf-kawaii-toolbar[b-cyigvsgcba] { grid-template-columns: 1fr; }
  .zf-kawaii-result-count[b-cyigvsgcba] { margin: 0; }
  .zf-kawaii-card-grid[b-cyigvsgcba] { grid-template-columns: 1fr; }
  .zf-kawaii-face-preview span[b-cyigvsgcba] { font-size: 1.22rem; }
}

@media (max-width: 360px) {
  .zf-kawaii-category-strip[b-cyigvsgcba] { gap: .4rem; padding: .45rem; }
  .zf-kawaii-category-tab[b-cyigvsgcba] { min-height: 56px; grid-template-columns: 1fr; padding: .42rem; text-align: center; }
  .zf-kawaii-tab-face[b-cyigvsgcba] { display: none; }
  .zf-kawaii-tab-copy strong[b-cyigvsgcba] { font-size: .82rem; }
}
/* _content/Zfont3.Web/Components/Pages/LennyFaces.razor.rz.scp.css */
.zf-lenny-toolbar[b-zc716vohr5] {
  display: grid;
  grid-template-columns: minmax(0, 1fr) minmax(210px, .42fr) auto;
  gap: .8rem;
  align-items: end;
  margin-top: 1rem;
  padding: .9rem;
  background: linear-gradient(145deg, #faf9ff, #f5f2ff);
  border: 1px solid #e4defe;
  border-radius: 16px;
}

.zf-lenny-search-field[b-zc716vohr5],
.zf-lenny-category-field[b-zc716vohr5] { min-width: 0; }

.zf-lenny-search-field label[b-zc716vohr5],
.zf-lenny-category-field label[b-zc716vohr5] {
  display: block;
  margin: 0 0 .38rem;
  color: #332775;
  font-size: .8rem;
  font-weight: 800;
}

.zf-lenny-toolbar .input[b-zc716vohr5] {
  min-height: 44px;
  background: #fff;
  border-color: #d9d1fa;
}

.zf-lenny-toolbar .input:focus[b-zc716vohr5] {
  border-color: var(--primary);
  outline: 3px solid rgba(106, 77, 253, .12);
}

.zf-lenny-result-count[b-zc716vohr5] {
  min-width: 90px;
  margin: 0 0 .68rem;
  color: var(--muted);
  font-size: .82rem;
  white-space: nowrap;
}

.zf-lenny-result-count strong[b-zc716vohr5] { color: var(--primary); }

.zf-lenny-card-grid[b-zc716vohr5] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(210px, 1fr));
  gap: 1rem;
  margin-top: 1rem;
}

.zf-lenny-card[b-zc716vohr5] {
  min-width: 0;
  overflow: hidden;
  padding: 1rem;
  background: #fff;
  border: 1px solid #ece9f7;
  border-radius: 20px;
  box-shadow: 0 8px 22px rgba(47, 40, 94, .09);
  transition: transform .2s ease, border-color .2s ease, box-shadow .2s ease;
}

.zf-lenny-card:hover[b-zc716vohr5],
.zf-lenny-card:focus-within[b-zc716vohr5] {
  transform: translateY(-3px);
  border-color: #c4b5fd;
  box-shadow: 0 14px 30px rgba(76, 57, 180, .14);
}

.zf-lenny-face-preview[b-zc716vohr5] {
  width: 100%;
  min-height: 112px;
  display: grid;
  place-items: center;
  overflow: hidden;
  padding: .8rem;
  color: #232a3b;
  background: linear-gradient(145deg, #fff, #fbfaff);
  border: 1px solid #e7e4ef;
  border-radius: 15px;
  cursor: pointer;
  font: inherit;
}

.zf-lenny-face-preview span[b-zc716vohr5] {
  max-width: 100%;
  font-family: "Segoe UI", "Segoe UI Symbol", "Noto Sans Symbols 2", "Arial Unicode MS", sans-serif;
  font-size: clamp(1.08rem, 1.7vw, 1.42rem);
  font-weight: 550;
  line-height: 1.55;
  white-space: pre-wrap;
  overflow-wrap: anywhere;
}

.zf-lenny-face-preview:hover[b-zc716vohr5],
.zf-lenny-face-preview:focus-visible[b-zc716vohr5] {
  color: #4d34bd;
  background: #f8f5ff;
  border-color: #cbbffd;
  outline: none;
}

.zf-lenny-card-footer[b-zc716vohr5] {
  margin-top: .75rem;
  padding-top: .75rem;
  border-top: 1px solid #efedf6;
}

.zf-lenny-card-category[b-zc716vohr5] {
  display: block;
  min-height: 1.35rem;
  overflow: hidden;
  color: #4c5368;
  font-size: .9rem;
  line-height: 1.35;
  text-overflow: ellipsis;
  white-space: nowrap;
}

.zf-lenny-card-actions[b-zc716vohr5] {
  display: grid;
  grid-template-columns: 40px 40px minmax(82px, 1fr);
  gap: .45rem;
  margin-top: .62rem;
}

.zf-lenny-icon-btn[b-zc716vohr5],
.zf-lenny-copy-btn[b-zc716vohr5] {
  min-height: 40px;
  display: inline-flex;
  align-items: center;
  justify-content: center;
  gap: .38rem;
  color: var(--primary);
  background: #fff;
  border: 1px solid #ddd6fe;
  border-radius: 11px;
  cursor: pointer;
  font: inherit;
  transition: color .18s ease, background .18s ease, border-color .18s ease, transform .18s ease;
}

.zf-lenny-icon-btn svg[b-zc716vohr5],
.zf-lenny-copy-btn svg[b-zc716vohr5] {
  width: 18px;
  height: 18px;
  fill: none;
  stroke: currentColor;
  stroke-linecap: round;
  stroke-linejoin: round;
  stroke-width: 1.8;
}

.zf-lenny-icon-btn:hover[b-zc716vohr5],
.zf-lenny-icon-btn:focus-visible[b-zc716vohr5] {
  color: #4d34bd;
  background: #f3efff;
  border-color: #b7a7fb;
  outline: none;
  transform: translateY(-1px);
}

.zf-lenny-icon-btn.is-favorite[b-zc716vohr5] {
  color: #fff;
  background: var(--primary);
  border-color: var(--primary);
}

.zf-lenny-icon-btn.is-favorite svg[b-zc716vohr5] { fill: currentColor; }

.zf-lenny-copy-btn[b-zc716vohr5] {
  padding-inline: .72rem;
  color: #fff;
  background: linear-gradient(135deg, var(--primary), var(--primary-2));
  border-color: transparent;
  font-size: .88rem;
  font-weight: 800;
}

.zf-lenny-copy-btn:hover[b-zc716vohr5],
.zf-lenny-copy-btn:focus-visible[b-zc716vohr5] {
  background: linear-gradient(135deg, #5739e8, #765df4);
  outline: 3px solid rgba(106, 77, 253, .14);
  transform: translateY(-1px);
}

.zf-lenny-saved-list[b-zc716vohr5] {
  display: grid;
  grid-template-columns: repeat(auto-fill, minmax(190px, 1fr));
  gap: .65rem;
}

[data-theme="dark"] .zf-lenny-toolbar[b-zc716vohr5] {
  background: linear-gradient(145deg, #17142e, #151e35);
  border-color: #5b3fc4;
}

[data-theme="dark"] .zf-lenny-search-field label[b-zc716vohr5],
[data-theme="dark"] .zf-lenny-category-field label[b-zc716vohr5] { color: #ded8ff; }

[data-theme="dark"] .zf-lenny-toolbar .input[b-zc716vohr5] {
  color: #e6eaf8;
  background: #121a2d;
  border-color: #5b3fc4;
}

[data-theme="dark"] .zf-lenny-card[b-zc716vohr5] {
  background: #121a2d;
  border-color: #344261;
  box-shadow: 0 8px 22px rgba(0, 0, 0, .22);
}

[data-theme="dark"] .zf-lenny-card:hover[b-zc716vohr5],
[data-theme="dark"] .zf-lenny-card:focus-within[b-zc716vohr5] { border-color: #7659e8; }

[data-theme="dark"] .zf-lenny-face-preview[b-zc716vohr5] {
  color: #e6eaf8;
  background: #172238;
  border-color: #344261;
}

[data-theme="dark"] .zf-lenny-face-preview:hover[b-zc716vohr5],
[data-theme="dark"] .zf-lenny-face-preview:focus-visible[b-zc716vohr5] {
  color: #ddd6fe;
  background: #211b43;
  border-color: #6d54d9;
}

[data-theme="dark"] .zf-lenny-card-footer[b-zc716vohr5] { border-color: #344261; }
[data-theme="dark"] .zf-lenny-card-category[b-zc716vohr5] { color: #b9c5df; }
[data-theme="dark"] .zf-lenny-icon-btn[b-zc716vohr5] { color: #cfc6ff; background: #172238; border-color: #5b3fc4; }
[data-theme="dark"] .zf-lenny-icon-btn:hover[b-zc716vohr5],
[data-theme="dark"] .zf-lenny-icon-btn:focus-visible[b-zc716vohr5] { background: #211b43; }
[data-theme="dark"] .zf-lenny-icon-btn.is-favorite[b-zc716vohr5] { color: #fff; background: var(--primary); }

@media (min-width: 1180px) {
  .zf-lenny-card-grid[b-zc716vohr5] { grid-template-columns: repeat(5, minmax(0, 1fr)); }
}

@media (max-width: 760px) {
  .zf-lenny-toolbar[b-zc716vohr5] { grid-template-columns: 1fr 1fr; }
  .zf-lenny-result-count[b-zc716vohr5] { grid-column: 1 / -1; margin: 0; }
  .zf-lenny-card-grid[b-zc716vohr5] { grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
  .zf-lenny-card[b-zc716vohr5] { padding: .75rem; border-radius: 17px; }
  .zf-lenny-face-preview[b-zc716vohr5] { min-height: 104px; }
}

@media (max-width: 540px) {
  .zf-lenny-toolbar[b-zc716vohr5] { grid-template-columns: 1fr; }
  .zf-lenny-result-count[b-zc716vohr5] { grid-column: auto; }
  .zf-lenny-card-grid[b-zc716vohr5] { grid-template-columns: 1fr; }
  .zf-lenny-face-preview span[b-zc716vohr5] { font-size: 1.22rem; }
}
/* _content/Zfont3.Web/Components/Pages/Symbols.razor.rz.scp.css */
.zf-ascii-art-grid[b-95xahopg3g] {
  display: grid;
  grid-template-columns: repeat(2, minmax(0, 1fr));
  gap: .85rem;
  margin-top: .9rem;
}

.zf-ascii-art-card[b-95xahopg3g] {
  min-width: 0;
  overflow: hidden;
  border: 1px solid #ded6ff;
  border-radius: 13px;
  background: #fff;
}

.zf-ascii-art-card header[b-95xahopg3g] {
  display: flex;
  align-items: center;
  justify-content: space-between;
  gap: .6rem;
  padding: .65rem .75rem;
  border-bottom: 1px solid #e8e2ff;
  background: linear-gradient(135deg, #f8f5ff, #eee8ff);
}

.zf-ascii-art-card h3[b-95xahopg3g] { margin: 0; color: var(--text); font-size: .94rem; line-height: 1.3; }
.zf-ascii-art-card pre[b-95xahopg3g] {
  min-height: 8rem;
  margin: 0;
  padding: .9rem;
  overflow: auto;
  color: var(--text);
  background: #fdfcff;
  font: 600 .82rem/1.28 Consolas, "Courier New", monospace;
  white-space: pre;
}

.zf-copy-btn[b-95xahopg3g] {
  flex: none;
  padding: .4rem .7rem;
  border: 0;
  border-radius: 999px;
  color: #fff;
  background: #7c3aed;
  font-weight: 750;
  cursor: pointer;
}

.zf-copy-btn:hover[b-95xahopg3g] { background: #6d28d9; }
.zf-art-pager[b-95xahopg3g] { display: flex; align-items: center; justify-content: center; gap: .55rem; margin-top: .9rem; }

[data-theme='dark'] .zf-ascii-art-card[b-95xahopg3g] { border-color: #463b73; background: #151529; }
[data-theme='dark'] .zf-ascii-art-card header[b-95xahopg3g] { border-color: #463b73; background: linear-gradient(135deg, #211d3c, #18172f); }
[data-theme='dark'] .zf-ascii-art-card pre[b-95xahopg3g] { background: #111323; }

@media (max-width: 760px) {
  .zf-ascii-art-grid[b-95xahopg3g] { grid-template-columns: 1fr; gap: .7rem; }
  .zf-ascii-art-card pre[b-95xahopg3g] { min-height: 6.5rem; font-size: .76rem; }
}
/* _content/Zfont3.Web/Components/Shared/CharacterCounterSeoContent.razor.rz.scp.css */
.zf-counter-seo[b-6l6f61nxto] { display: grid; gap: 1rem; margin-top: 1.25rem; }
.zf-counter-hero[b-6l6f61nxto], .zf-counter-section[b-6l6f61nxto], .zf-counter-conclusion[b-6l6f61nxto] { padding: 1.15rem 0; border-top: 1px solid var(--line); }
.zf-counter-hero[b-6l6f61nxto] { border-top: 0; }
.zf-counter-label[b-6l6f61nxto], .zf-counter-heading > span[b-6l6f61nxto] { color: var(--primary); font-size: .8rem; font-weight: 800; letter-spacing: .01em; }
.zf-counter-seo h2[b-6l6f61nxto] { margin: .35rem 0 .6rem; color: var(--text); line-height: 1.25; }
.zf-counter-seo h3[b-6l6f61nxto] { margin: .45rem 0 .35rem; color: var(--text); font-size: 1rem; }
.zf-counter-seo p[b-6l6f61nxto] { color: var(--muted); line-height: 1.75; }
.zf-counter-seo b[b-6l6f61nxto] { color: var(--primary); }
.zf-counter-facts[b-6l6f61nxto], .zf-counter-metric-grid[b-6l6f61nxto], .zf-counter-step-grid[b-6l6f61nxto], .zf-counter-check-grid[b-6l6f61nxto] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.zf-counter-facts div[b-6l6f61nxto], .zf-counter-metric-grid article[b-6l6f61nxto], .zf-counter-step-grid article[b-6l6f61nxto], .zf-counter-check-grid article[b-6l6f61nxto] { padding: .85rem; border: 1px solid var(--line); border-radius: 12px; }
.zf-counter-facts div[b-6l6f61nxto] { background: linear-gradient(145deg, #fff, #f7f4ff); }
.zf-counter-facts strong[b-6l6f61nxto], .zf-counter-facts span[b-6l6f61nxto], .zf-counter-check-grid strong[b-6l6f61nxto], .zf-counter-check-grid span[b-6l6f61nxto] { display: block; }
.zf-counter-facts strong[b-6l6f61nxto] { color: var(--primary); font-size: 1.15rem; }
.zf-counter-facts span[b-6l6f61nxto], .zf-counter-check-grid span[b-6l6f61nxto] { margin-top: .2rem; color: var(--muted); font-size: .87rem; line-height: 1.55; }
.zf-counter-toc[b-6l6f61nxto] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; padding: .7rem 0; }
.zf-counter-toc strong[b-6l6f61nxto] { color: var(--text); }
.zf-counter-toc a[b-6l6f61nxto], .zf-counter-seo article a[b-6l6f61nxto], .zf-counter-tip a[b-6l6f61nxto], .zf-counter-faq a[b-6l6f61nxto], .zf-counter-conclusion a[b-6l6f61nxto] { color: var(--primary); font-size: .88rem; font-weight: 750; }
.zf-counter-two-column[b-6l6f61nxto], .zf-counter-use-grid[b-6l6f61nxto] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zf-counter-metric-grid article > b[b-6l6f61nxto] { display: grid; place-items: center; min-height: 2.6rem; color: var(--primary); font-size: 1.08rem; text-align: center; }
.zf-counter-step-grid article[b-6l6f61nxto] { position: relative; padding-inline-start: 3.1rem; }
.zf-counter-step-grid i[b-6l6f61nxto] { position: absolute; inset-inline-start: .85rem; top: .85rem; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; color: #fff; background: var(--primary); border-radius: 999px; font-style: normal; font-weight: 800; }
.zf-counter-tip[b-6l6f61nxto] { margin-top: .9rem; padding: .9rem; border: 1px solid #ded6ff; border-inline-start: 3px solid var(--primary); border-radius: 11px; background: linear-gradient(145deg, #faf9ff, #f3efff); }
.zf-counter-tip p[b-6l6f61nxto] { margin-bottom: 0; }
.zf-counter-faq[b-6l6f61nxto] { display: grid; gap: .55rem; }
.zf-counter-faq details[b-6l6f61nxto] { padding: .8rem .9rem; border: 1px solid var(--line); border-radius: 11px; }
.zf-counter-faq summary[b-6l6f61nxto] { cursor: pointer; color: var(--text); font-weight: 750; }
.zf-counter-faq p[b-6l6f61nxto] { margin: .65rem 0 0; }
.zf-counter-conclusion p:last-child[b-6l6f61nxto] { margin-bottom: 0; }

[data-theme='dark'] .zf-counter-facts div[b-6l6f61nxto],
[data-theme='dark'] .zf-counter-tip[b-6l6f61nxto] { background: linear-gradient(145deg, #18152f, #141d35); border-color: #433874; }

@media (max-width: 700px) {
  .zf-counter-facts[b-6l6f61nxto], .zf-counter-metric-grid[b-6l6f61nxto], .zf-counter-step-grid[b-6l6f61nxto], .zf-counter-check-grid[b-6l6f61nxto], .zf-counter-two-column[b-6l6f61nxto], .zf-counter-use-grid[b-6l6f61nxto] { grid-template-columns: 1fr; }
  .zf-counter-seo[b-6l6f61nxto] { margin-top: 1rem; }
  .zf-counter-hero[b-6l6f61nxto], .zf-counter-section[b-6l6f61nxto], .zf-counter-conclusion[b-6l6f61nxto] { padding: 1rem 0; }
}
/* _content/Zfont3.Web/Components/Shared/EmoticonTextSeoContent.razor.rz.scp.css */
.zf-emoticon-seo-content[b-oo2k1weirm] { display: grid; gap: 1rem; margin-top: 1.25rem; }
.zf-emoticon-hero[b-oo2k1weirm], .zf-emoticon-section[b-oo2k1weirm], .zf-emoticon-conclusion[b-oo2k1weirm] { padding: 1.15rem 0; border-top: 1px solid var(--line); }
.zf-emoticon-hero[b-oo2k1weirm] { border-top: 0; }
.zf-emoticon-label[b-oo2k1weirm], .zf-emoticon-heading > span[b-oo2k1weirm] { color: var(--primary); font-size: .8rem; font-weight: 800; letter-spacing: .01em; }
.zf-emoticon-seo-content h2[b-oo2k1weirm] { margin: .35rem 0 .6rem; color: var(--text); line-height: 1.25; }
.zf-emoticon-seo-content h3[b-oo2k1weirm] { margin: .45rem 0 .35rem; color: var(--text); font-size: 1rem; }
.zf-emoticon-seo-content p[b-oo2k1weirm] { color: var(--muted); line-height: 1.75; }
.zf-emoticon-seo-content b[b-oo2k1weirm] { color: var(--primary); }
.zf-emoticon-facts[b-oo2k1weirm], .zf-emoticon-category-grid[b-oo2k1weirm], .zf-emoticon-step-grid[b-oo2k1weirm], .zf-emoticon-check-grid[b-oo2k1weirm] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.zf-emoticon-facts div[b-oo2k1weirm], .zf-emoticon-category-grid article[b-oo2k1weirm], .zf-emoticon-step-grid article[b-oo2k1weirm], .zf-emoticon-check-grid article[b-oo2k1weirm] { padding: .85rem; border: 1px solid var(--line); border-radius: 12px; }
.zf-emoticon-facts div[b-oo2k1weirm] { background: linear-gradient(145deg, #fff, #f7f4ff); }
.zf-emoticon-facts strong[b-oo2k1weirm], .zf-emoticon-facts span[b-oo2k1weirm], .zf-emoticon-check-grid strong[b-oo2k1weirm], .zf-emoticon-check-grid span[b-oo2k1weirm] { display: block; }
.zf-emoticon-facts strong[b-oo2k1weirm] { color: var(--primary); font-size: 1.15rem; }
.zf-emoticon-facts span[b-oo2k1weirm], .zf-emoticon-check-grid span[b-oo2k1weirm] { margin-top: .2rem; color: var(--muted); font-size: .87rem; line-height: 1.55; }
.zf-emoticon-toc[b-oo2k1weirm] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; padding: .7rem 0; }
.zf-emoticon-toc strong[b-oo2k1weirm] { color: var(--text); }
.zf-emoticon-toc a[b-oo2k1weirm], .zf-emoticon-related a[b-oo2k1weirm], .zf-emoticon-conclusion a[b-oo2k1weirm] { color: var(--primary); font-size: .86rem; font-weight: 750; }
.zf-emoticon-two-column[b-oo2k1weirm], .zf-emoticon-use-grid[b-oo2k1weirm] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zf-emoticon-category-grid article > b[b-oo2k1weirm] { display: grid; place-items: center; min-height: 2.5rem; font-size: 1.35rem; }
.zf-emoticon-step-grid article[b-oo2k1weirm] { position: relative; padding-inline-start: 3.1rem; }
.zf-emoticon-step-grid i[b-oo2k1weirm] { position: absolute; inset-inline-start: .85rem; top: .85rem; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; color: #fff; background: var(--primary); border-radius: 999px; font-style: normal; font-weight: 800; }
.zf-emoticon-tip[b-oo2k1weirm], .zf-emoticon-related[b-oo2k1weirm] { margin-top: .9rem; padding: .9rem; border: 1px solid #ded6ff; border-inline-start: 3px solid var(--primary); border-radius: 11px; background: linear-gradient(145deg, #faf9ff, #f3efff); }
.zf-emoticon-tip p[b-oo2k1weirm], .zf-emoticon-related p[b-oo2k1weirm] { margin-bottom: 0; }
.zf-emoticon-faq[b-oo2k1weirm] { display: grid; gap: .55rem; }
.zf-emoticon-faq details[b-oo2k1weirm] { padding: .8rem .9rem; border: 1px solid var(--line); border-radius: 11px; }
.zf-emoticon-faq summary[b-oo2k1weirm] { cursor: pointer; color: var(--text); font-weight: 750; }
.zf-emoticon-faq p[b-oo2k1weirm] { margin: .65rem 0 0; }
.zf-emoticon-conclusion p:last-of-type[b-oo2k1weirm] { margin-bottom: .6rem; }

[data-theme='dark'] .zf-emoticon-facts div[b-oo2k1weirm],
[data-theme='dark'] .zf-emoticon-tip[b-oo2k1weirm],
[data-theme='dark'] .zf-emoticon-related[b-oo2k1weirm] { background: linear-gradient(145deg, #18152f, #141d35); border-color: #433874; }

@media (max-width: 700px) {
  .zf-emoticon-facts[b-oo2k1weirm], .zf-emoticon-category-grid[b-oo2k1weirm], .zf-emoticon-step-grid[b-oo2k1weirm], .zf-emoticon-check-grid[b-oo2k1weirm], .zf-emoticon-two-column[b-oo2k1weirm], .zf-emoticon-use-grid[b-oo2k1weirm] { grid-template-columns: 1fr; }
  .zf-emoticon-seo-content[b-oo2k1weirm] { margin-top: 1rem; }
  .zf-emoticon-hero[b-oo2k1weirm], .zf-emoticon-section[b-oo2k1weirm], .zf-emoticon-conclusion[b-oo2k1weirm] { padding: 1rem 0; }
}
/* _content/Zfont3.Web/Components/Shared/KawaiiFacesSeoContent.razor.rz.scp.css */
.zf-kawaii-seo-content[b-4l4gbo7rc7] { display: grid; gap: 1rem; margin-top: 1rem; }
.zf-kawaii-content-hero[b-4l4gbo7rc7], .zf-kawaii-guide-section[b-4l4gbo7rc7], .zf-kawaii-conclusion[b-4l4gbo7rc7] { padding: 1rem 0; border-top: 1px solid var(--line); }
.zf-kawaii-content-hero[b-4l4gbo7rc7] { border-top: 0; }
.zf-kawaii-content-label[b-4l4gbo7rc7], .zf-kawaii-section-heading > span[b-4l4gbo7rc7] { color: var(--primary); font-size: .8rem; font-weight: 800; }
h2[b-4l4gbo7rc7] { margin: .35rem 0 .5rem; color: var(--text); }
h3[b-4l4gbo7rc7] { margin: .45rem 0 .3rem; font-size: 1rem; }
p[b-4l4gbo7rc7] { color: var(--muted); line-height: 1.7; }
.zf-kawaii-facts[b-4l4gbo7rc7], .zf-kawaii-type-grid[b-4l4gbo7rc7], .zf-kawaii-how-grid[b-4l4gbo7rc7], .zf-kawaii-compat-grid[b-4l4gbo7rc7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.zf-kawaii-facts div[b-4l4gbo7rc7], .zf-kawaii-type-grid article[b-4l4gbo7rc7], .zf-kawaii-how-grid article[b-4l4gbo7rc7], .zf-kawaii-compat-grid article[b-4l4gbo7rc7] { padding: .8rem; border: 1px solid var(--line); border-radius: 12px; }
.zf-kawaii-facts div[b-4l4gbo7rc7] { background: linear-gradient(145deg, #fff, #faf8ff); }
.zf-kawaii-facts strong[b-4l4gbo7rc7], .zf-kawaii-facts span[b-4l4gbo7rc7], .zf-kawaii-compat-grid strong[b-4l4gbo7rc7], .zf-kawaii-compat-grid span[b-4l4gbo7rc7] { display: block; }
.zf-kawaii-facts strong[b-4l4gbo7rc7] { color: var(--primary); font-size: 1.15rem; }
.zf-kawaii-toc[b-4l4gbo7rc7] { display: flex; flex-wrap: wrap; gap: .55rem; align-items: center; padding: .65rem 0; }
.zf-kawaii-toc a[b-4l4gbo7rc7] { color: var(--primary); font-size: .84rem; font-weight: 700; }
.zf-kawaii-story-grid[b-4l4gbo7rc7], .zf-kawaii-use-grid[b-4l4gbo7rc7] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zf-kawaii-type-grid article > b[b-4l4gbo7rc7] { display: block; min-height: 2.2rem; color: var(--primary); font-size: 1.3rem; text-align: center; }
.zf-kawaii-ui-shot[b-4l4gbo7rc7] { min-height: 88px; display: flex; align-items: center; justify-content: space-between; padding: .8rem; border: 1px solid var(--line); border-radius: 12px; text-align: center; }
.zf-kawaii-ui-shot i[b-4l4gbo7rc7] { display: grid; place-items: center; width: 28px; height: 28px; color: #fff; background: var(--primary); border-radius: 8px; font-style: normal; font-weight: 800; }
.zf-kawaii-ui-card[b-4l4gbo7rc7] { gap: .65rem; background: linear-gradient(145deg, #fff, #f5f2ff); }
.zf-kawaii-ui-card small[b-4l4gbo7rc7] { padding: .3rem .5rem; color: var(--primary); background: #eee9ff; border-radius: 999px; font-weight: 800; }
.zf-kawaii-ui-card span[b-4l4gbo7rc7] { flex: 1; font-size: 1.25rem; }
.zf-kawaii-ui-card i[b-4l4gbo7rc7] { color: #fff; background: #ec4899; border-radius: 999px; }
.zf-kawaii-ui-copy[b-4l4gbo7rc7] { gap: .65rem; color: #087464; background: #effcf8; border-color: #a7e4d5; font-weight: 750; }
.zf-kawaii-ui-copy i[b-4l4gbo7rc7] { background: #0f9f91; border-radius: 999px; }
.zf-kawaii-related-note[b-4l4gbo7rc7], .zf-kawaii-free-note[b-4l4gbo7rc7] { margin-top: .8rem; padding: .85rem; background: linear-gradient(145deg, #faf9ff, #f5f2ff); border: 1px solid #e4defe; border-inline-start: 3px solid var(--primary); border-radius: 10px; }
.zf-kawaii-related-note p[b-4l4gbo7rc7], .zf-kawaii-free-note p[b-4l4gbo7rc7] { margin-bottom: 0; }
.zf-kawaii-related-note a[b-4l4gbo7rc7], .zf-kawaii-free-note a[b-4l4gbo7rc7] { color: var(--primary); font-weight: 700; }
.zf-kawaii-faq[b-4l4gbo7rc7] { display: grid; gap: .5rem; }
.zf-kawaii-faq details[b-4l4gbo7rc7] { padding: .75rem .85rem; border: 1px solid var(--line); border-radius: 10px; }
.zf-kawaii-faq summary[b-4l4gbo7rc7] { cursor: pointer; font-weight: 750; }
.zf-kawaii-faq p[b-4l4gbo7rc7] { margin-bottom: 0; }
.zf-kawaii-conclusion a[b-4l4gbo7rc7] { color: var(--primary); font-weight: 750; }

[data-theme="dark"] .zf-kawaii-facts div[b-4l4gbo7rc7],
[data-theme="dark"] .zf-kawaii-ui-card[b-4l4gbo7rc7],
[data-theme="dark"] .zf-kawaii-related-note[b-4l4gbo7rc7],
[data-theme="dark"] .zf-kawaii-free-note[b-4l4gbo7rc7] { background: linear-gradient(145deg, #17142e, #151e35); border-color: #433874; }

@media (max-width: 700px) {
  .zf-kawaii-facts[b-4l4gbo7rc7], .zf-kawaii-type-grid[b-4l4gbo7rc7], .zf-kawaii-how-grid[b-4l4gbo7rc7], .zf-kawaii-compat-grid[b-4l4gbo7rc7], .zf-kawaii-story-grid[b-4l4gbo7rc7], .zf-kawaii-use-grid[b-4l4gbo7rc7] { grid-template-columns: 1fr; }
}
/* _content/Zfont3.Web/Components/Shared/LennyFacesSeoContent.razor.rz.scp.css */
.zf-lenny-seo-content[b-w5e314s1ra] { display: grid; gap: 1rem; margin-top: 1rem; }
.zf-lenny-content-hero[b-w5e314s1ra], .zf-lenny-guide-section[b-w5e314s1ra], .zf-lenny-conclusion[b-w5e314s1ra] { padding: 1rem 0; border-top: 1px solid var(--line); }
.zf-lenny-content-hero[b-w5e314s1ra] { border-top: 0; }
.zf-lenny-content-label[b-w5e314s1ra], .zf-lenny-section-heading > span[b-w5e314s1ra] { color: var(--primary); font-size: .8rem; font-weight: 800; }
h2[b-w5e314s1ra] { margin: .35rem 0 .5rem; color: var(--text); }
h3[b-w5e314s1ra] { margin: .45rem 0 .3rem; font-size: 1rem; }
p[b-w5e314s1ra] { color: var(--muted); line-height: 1.7; }
.zf-lenny-facts[b-w5e314s1ra], .zf-lenny-type-grid[b-w5e314s1ra], .zf-lenny-feature-grid[b-w5e314s1ra], .zf-lenny-how-grid[b-w5e314s1ra], .zf-lenny-compat-grid[b-w5e314s1ra] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: .75rem; }
.zf-lenny-facts div[b-w5e314s1ra], .zf-lenny-type-grid article[b-w5e314s1ra], .zf-lenny-feature-grid article[b-w5e314s1ra], .zf-lenny-how-grid article[b-w5e314s1ra], .zf-lenny-compat-grid article[b-w5e314s1ra] { padding: .8rem; border: 1px solid var(--line); border-radius: 12px; }
.zf-lenny-facts strong[b-w5e314s1ra], .zf-lenny-facts span[b-w5e314s1ra], .zf-lenny-compat-grid strong[b-w5e314s1ra], .zf-lenny-compat-grid span[b-w5e314s1ra] { display: block; }
.zf-lenny-toc[b-w5e314s1ra] { display: flex; flex-wrap: wrap; gap: .55rem; padding: .65rem 0; }
.zf-lenny-toc a[b-w5e314s1ra] { color: var(--primary); font-size: .84rem; font-weight: 700; }
.zf-lenny-story-grid[b-w5e314s1ra], .zf-lenny-use-grid[b-w5e314s1ra] { display: grid; grid-template-columns: repeat(2,minmax(0,1fr)); gap: 1rem; }
.zf-lenny-origin[b-w5e314s1ra] { display: grid; grid-template-columns: minmax(180px,.6fr) 2fr; gap: 1rem; align-items: center; }
.zf-lenny-origin-face[b-w5e314s1ra], .zf-lenny-build-row[b-w5e314s1ra], .zf-lenny-ui-shot[b-w5e314s1ra] { padding: .8rem; border: 1px solid var(--line); border-radius: 12px; text-align: center; }
.zf-lenny-build-row[b-w5e314s1ra] { display: flex; justify-content: center; flex-wrap: wrap; gap: .5rem; }
.zf-lenny-build-row span[b-w5e314s1ra] { padding: .4rem .6rem; font-size: 1.15rem; }
.zf-lenny-how-grid article > b[b-w5e314s1ra] { display: inline-grid; place-items: center; width: 28px; height: 28px; color: #fff; background: var(--primary); border-radius: 8px; }
.zf-lenny-ui-shot[b-w5e314s1ra] { min-height: 88px; display: flex; align-items: center; justify-content: space-between; }
.zf-lenny-ui-card[b-w5e314s1ra] { gap: .65rem; background: linear-gradient(145deg, #fff, #f5f2ff); }
.zf-lenny-ui-card small[b-w5e314s1ra] { padding: .3rem .5rem; color: var(--primary); background: #eee9ff; border-radius: 999px; font-weight: 800; }
.zf-lenny-ui-card span[b-w5e314s1ra] { flex: 1; font-size: 1.25rem; }
.zf-lenny-ui-card i[b-w5e314s1ra] { color: #f59e0b; font-size: 1.25rem; font-style: normal; }
.zf-lenny-ui-copy[b-w5e314s1ra] { gap: .65rem; color: #087464; background: #effcf8; border-color: #a7e4d5; font-weight: 750; }
.zf-lenny-ui-copy i[b-w5e314s1ra] { display: grid; place-items: center; width: 30px; height: 30px; color: #fff; background: #0f9f91; border-radius: 999px; font-style: normal; }
.zf-lenny-guide-image[b-w5e314s1ra] { max-width: 820px; margin: 1rem auto 0; }
.zf-lenny-guide-image img[b-w5e314s1ra] { display: block; width: 100%; height: auto; border-radius: 12px; }
.zf-lenny-guide-image figcaption[b-w5e314s1ra] { margin-top: .4rem; color: var(--muted); font-size: .8rem; text-align: center; }
.zf-lenny-steps[b-w5e314s1ra] { display: grid; gap: .5rem; padding-inline-start: 1.3rem; }
.zf-lenny-free-note[b-w5e314s1ra] { margin-top: .8rem; padding: .8rem; border-inline-start: 3px solid var(--primary); }
.zf-lenny-faq[b-w5e314s1ra] { display: grid; gap: .5rem; }
.zf-lenny-faq details[b-w5e314s1ra] { padding: .7rem .8rem; border: 1px solid var(--line); border-radius: 10px; }
.zf-lenny-faq summary[b-w5e314s1ra] { cursor: pointer; font-weight: 750; }
.zf-lenny-faq p[b-w5e314s1ra] { margin-bottom: 0; }

@media (max-width: 700px) {
  .zf-lenny-facts[b-w5e314s1ra], .zf-lenny-type-grid[b-w5e314s1ra], .zf-lenny-feature-grid[b-w5e314s1ra], .zf-lenny-how-grid[b-w5e314s1ra], .zf-lenny-compat-grid[b-w5e314s1ra], .zf-lenny-story-grid[b-w5e314s1ra], .zf-lenny-use-grid[b-w5e314s1ra], .zf-lenny-origin[b-w5e314s1ra] { grid-template-columns: 1fr; }
}
/* _content/Zfont3.Web/Components/Shared/LocalizedToolSeoContent.razor.rz.scp.css */
.zf-local-seo[b-i0p7bptjdd]{width:min(1180px,calc(100% - 2rem));margin:2rem auto;color:#2e1065}.zf-local-seo__hero[b-i0p7bptjdd],.zf-local-seo__grid section[b-i0p7bptjdd],.zf-local-seo__faq[b-i0p7bptjdd],.zf-local-seo__footer[b-i0p7bptjdd]{background:#fff;border:1px solid #ddd6fe;border-radius:18px;box-shadow:0 12px 32px rgba(76,29,149,.08)}.zf-local-seo__hero[b-i0p7bptjdd]{padding:clamp(1.25rem,3vw,2.5rem);background:linear-gradient(135deg,#f5f3ff,#ede9fe)}.zf-local-seo__hero>span[b-i0p7bptjdd]{display:inline-block;color:#6d28d9;font-weight:800;margin-bottom:.45rem}.zf-local-seo h2[b-i0p7bptjdd]{color:#4c1d95;line-height:1.25;margin:0 0 .7rem}.zf-local-seo p[b-i0p7bptjdd]{line-height:1.9;margin:0;color:#44366b}.zf-local-seo__grid[b-i0p7bptjdd]{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:1rem;margin:1rem 0}.zf-local-seo__grid section[b-i0p7bptjdd]{padding:1.25rem}.zf-local-seo__grid h2[b-i0p7bptjdd]{font-size:1.15rem}.zf-local-seo__faq[b-i0p7bptjdd]{padding:1.25rem;margin-bottom:1rem}.zf-local-seo__faq details[b-i0p7bptjdd]{border-top:1px solid #ede9fe;padding:.8rem 0}.zf-local-seo__faq summary[b-i0p7bptjdd]{cursor:pointer;font-weight:800;color:#5b21b6}.zf-local-seo__faq details p[b-i0p7bptjdd]{padding-top:.55rem}.zf-local-seo__footer[b-i0p7bptjdd]{padding:1.4rem;background:#faf5ff}.zf-local-seo__footer a[b-i0p7bptjdd]{display:inline-block;margin-top:.8rem;color:#6d28d9;font-weight:800}@media(max-width:700px){.zf-local-seo[b-i0p7bptjdd]{width:min(100% - 1rem,1180px);margin:1rem auto}.zf-local-seo__grid[b-i0p7bptjdd]{grid-template-columns:1fr}.zf-local-seo__hero[b-i0p7bptjdd],.zf-local-seo__grid section[b-i0p7bptjdd],.zf-local-seo__faq[b-i0p7bptjdd],.zf-local-seo__footer[b-i0p7bptjdd]{border-radius:13px;padding:1rem}.zf-local-seo p[b-i0p7bptjdd]{line-height:1.75}}
/* _content/Zfont3.Web/Components/Shared/SocialCaptionSeoContent.razor.rz.scp.css */
.zf-caption-seo[b-scz6mgyso0] { display: grid; gap: 1rem; margin-top: 1.25rem; }
.zf-caption-hero[b-scz6mgyso0], .zf-caption-section[b-scz6mgyso0], .zf-caption-conclusion[b-scz6mgyso0] { padding: 1.15rem 0; border-top: 1px solid var(--line); }
.zf-caption-hero[b-scz6mgyso0] { border-top: 0; }
.zf-caption-seo-label[b-scz6mgyso0], .zf-caption-heading > span[b-scz6mgyso0] { color: var(--primary); font-size: .8rem; font-weight: 800; letter-spacing: .01em; }
.zf-caption-seo h2[b-scz6mgyso0] { margin: .35rem 0 .6rem; color: var(--text); line-height: 1.25; }
.zf-caption-seo h3[b-scz6mgyso0] { margin: .45rem 0 .35rem; color: var(--text); font-size: 1rem; }
.zf-caption-seo p[b-scz6mgyso0] { color: var(--muted); line-height: 1.75; }
.zf-caption-seo b[b-scz6mgyso0] { color: var(--primary); }
.zf-caption-facts[b-scz6mgyso0], .zf-caption-step-grid[b-scz6mgyso0], .zf-caption-check-grid[b-scz6mgyso0], .zf-caption-framework-grid[b-scz6mgyso0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.zf-caption-facts div[b-scz6mgyso0], .zf-caption-step-grid article[b-scz6mgyso0], .zf-caption-check-grid article[b-scz6mgyso0], .zf-caption-framework-grid article[b-scz6mgyso0] { padding: .85rem; border: 1px solid var(--line); border-radius: 12px; }
.zf-caption-facts div[b-scz6mgyso0] { background: linear-gradient(145deg, #fff, #f7f4ff); }
.zf-caption-facts strong[b-scz6mgyso0], .zf-caption-facts span[b-scz6mgyso0], .zf-caption-check-grid strong[b-scz6mgyso0], .zf-caption-check-grid span[b-scz6mgyso0] { display: block; }
.zf-caption-facts strong[b-scz6mgyso0] { color: var(--primary); font-size: 1.15rem; }
.zf-caption-facts span[b-scz6mgyso0], .zf-caption-check-grid span[b-scz6mgyso0] { margin-top: .2rem; color: var(--muted); font-size: .87rem; line-height: 1.55; }
.zf-caption-toc[b-scz6mgyso0] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; padding: .7rem 0; }
.zf-caption-toc strong[b-scz6mgyso0] { color: var(--text); }
.zf-caption-toc a[b-scz6mgyso0], .zf-caption-seo article a[b-scz6mgyso0], .zf-caption-note a[b-scz6mgyso0], .zf-caption-faq a[b-scz6mgyso0], .zf-caption-conclusion a[b-scz6mgyso0] { color: var(--primary); font-size: .88rem; font-weight: 750; }
.zf-caption-two-column[b-scz6mgyso0], .zf-caption-use-grid[b-scz6mgyso0], .zf-caption-platform-grid[b-scz6mgyso0] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zf-caption-platform-grid article[b-scz6mgyso0], .zf-caption-use-grid article[b-scz6mgyso0] { padding: .85rem; border: 1px solid var(--line); border-radius: 12px; }
.zf-caption-platform-grid article > b[b-scz6mgyso0] { display: inline-block; padding: .3rem .55rem; border-radius: 999px; background: #f1ebff; }
.zf-caption-step-grid article[b-scz6mgyso0] { position: relative; padding-inline-start: 3.1rem; }
.zf-caption-step-grid i[b-scz6mgyso0] { position: absolute; inset-inline-start: .85rem; top: .85rem; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; color: #fff; background: var(--primary); border-radius: 999px; font-style: normal; font-weight: 800; }
.zf-caption-framework-grid i[b-scz6mgyso0] { display: inline-block; padding: .25rem .5rem; border-radius: 999px; color: #fff; background: var(--primary); font-style: normal; font-size: .78rem; font-weight: 800; }
.zf-caption-tip[b-scz6mgyso0], .zf-caption-note[b-scz6mgyso0] { margin-top: .9rem; padding: .9rem; border: 1px solid #ded6ff; border-inline-start: 3px solid var(--primary); border-radius: 11px; background: linear-gradient(145deg, #faf9ff, #f3efff); }
.zf-caption-tip p[b-scz6mgyso0] { margin-bottom: 0; }
.zf-caption-faq[b-scz6mgyso0] { display: grid; gap: .55rem; }
.zf-caption-faq details[b-scz6mgyso0] { padding: .8rem .9rem; border: 1px solid var(--line); border-radius: 11px; }
.zf-caption-faq summary[b-scz6mgyso0] { cursor: pointer; color: var(--text); font-weight: 750; }
.zf-caption-faq p[b-scz6mgyso0] { margin: .65rem 0 0; }
.zf-caption-conclusion p:last-child[b-scz6mgyso0] { margin-bottom: 0; }

[data-theme='dark'] .zf-caption-facts div[b-scz6mgyso0],
[data-theme='dark'] .zf-caption-tip[b-scz6mgyso0],
[data-theme='dark'] .zf-caption-note[b-scz6mgyso0],
[data-theme='dark'] .zf-caption-platform-grid article > b[b-scz6mgyso0] { background: linear-gradient(145deg, #18152f, #141d35); border-color: #433874; }

@media (max-width: 700px) {
  .zf-caption-facts[b-scz6mgyso0], .zf-caption-step-grid[b-scz6mgyso0], .zf-caption-check-grid[b-scz6mgyso0], .zf-caption-framework-grid[b-scz6mgyso0], .zf-caption-two-column[b-scz6mgyso0], .zf-caption-use-grid[b-scz6mgyso0], .zf-caption-platform-grid[b-scz6mgyso0] { grid-template-columns: 1fr; }
  .zf-caption-seo[b-scz6mgyso0] { margin-top: 1rem; }
  .zf-caption-hero[b-scz6mgyso0], .zf-caption-section[b-scz6mgyso0], .zf-caption-conclusion[b-scz6mgyso0] { padding: 1rem 0; }
}
/* _content/Zfont3.Web/Components/Shared/TextArtSeoContent.razor.rz.scp.css */
.zf-textart-seo[b-s0rz4onb7l] { display: grid; gap: 1rem; margin-top: 1.25rem; }
.zf-textart-hero[b-s0rz4onb7l], .zf-textart-section[b-s0rz4onb7l], .zf-textart-conclusion[b-s0rz4onb7l] { padding: 1.15rem 0; border-top: 1px solid var(--line); }
.zf-textart-hero[b-s0rz4onb7l] { border-top: 0; }
.zf-textart-label[b-s0rz4onb7l], .zf-textart-heading > span[b-s0rz4onb7l] { color: var(--primary); font-size: .8rem; font-weight: 800; letter-spacing: .01em; }
.zf-textart-seo h2[b-s0rz4onb7l] { margin: .35rem 0 .6rem; color: var(--text); line-height: 1.25; }
.zf-textart-seo h3[b-s0rz4onb7l] { margin: .45rem 0 .35rem; color: var(--text); font-size: 1rem; }
.zf-textart-seo p[b-s0rz4onb7l] { color: var(--muted); line-height: 1.75; }
.zf-textart-seo b[b-s0rz4onb7l] { color: var(--primary); }
.zf-textart-facts[b-s0rz4onb7l], .zf-textart-type-grid[b-s0rz4onb7l], .zf-textart-step-grid[b-s0rz4onb7l], .zf-textart-check-grid[b-s0rz4onb7l] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.zf-textart-facts div[b-s0rz4onb7l], .zf-textart-type-grid article[b-s0rz4onb7l], .zf-textart-step-grid article[b-s0rz4onb7l], .zf-textart-check-grid article[b-s0rz4onb7l] { padding: .85rem; border: 1px solid var(--line); border-radius: 12px; }
.zf-textart-facts div[b-s0rz4onb7l] { background: linear-gradient(145deg, #fff, #f7f4ff); }
.zf-textart-facts strong[b-s0rz4onb7l], .zf-textart-facts span[b-s0rz4onb7l], .zf-textart-check-grid strong[b-s0rz4onb7l], .zf-textart-check-grid span[b-s0rz4onb7l] { display: block; }
.zf-textart-facts strong[b-s0rz4onb7l] { color: var(--primary); font-size: 1.15rem; }
.zf-textart-facts span[b-s0rz4onb7l], .zf-textart-check-grid span[b-s0rz4onb7l] { margin-top: .2rem; color: var(--muted); font-size: .87rem; line-height: 1.55; }
.zf-textart-toc[b-s0rz4onb7l] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; padding: .7rem 0; }
.zf-textart-toc strong[b-s0rz4onb7l] { color: var(--text); }
.zf-textart-toc a[b-s0rz4onb7l], .zf-textart-tip a[b-s0rz4onb7l], .zf-textart-faq a[b-s0rz4onb7l], .zf-textart-conclusion a[b-s0rz4onb7l] { color: var(--primary); font-size: .88rem; font-weight: 750; }
.zf-textart-two-column[b-s0rz4onb7l], .zf-textart-use-grid[b-s0rz4onb7l] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zf-textart-type-grid article > b[b-s0rz4onb7l] { display: grid; place-items: center; min-height: 2.8rem; font: 700 1.15rem/1.25 Consolas, monospace; text-align: center; }
.zf-textart-step-grid article[b-s0rz4onb7l] { position: relative; padding-inline-start: 3.1rem; }
.zf-textart-step-grid i[b-s0rz4onb7l] { position: absolute; inset-inline-start: .85rem; top: .85rem; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; color: #fff; background: var(--primary); border-radius: 999px; font-style: normal; font-weight: 800; }
.zf-textart-tip[b-s0rz4onb7l] { margin-top: .9rem; padding: .9rem; border: 1px solid #ded6ff; border-inline-start: 3px solid var(--primary); border-radius: 11px; background: linear-gradient(145deg, #faf9ff, #f3efff); }
.zf-textart-tip p[b-s0rz4onb7l] { margin-bottom: 0; }
.zf-textart-faq[b-s0rz4onb7l] { display: grid; gap: .55rem; }
.zf-textart-faq details[b-s0rz4onb7l] { padding: .8rem .9rem; border: 1px solid var(--line); border-radius: 11px; }
.zf-textart-faq summary[b-s0rz4onb7l] { cursor: pointer; color: var(--text); font-weight: 750; }
.zf-textart-faq p[b-s0rz4onb7l] { margin: .65rem 0 0; }
.zf-textart-conclusion p:last-child[b-s0rz4onb7l] { margin-bottom: 0; }

[data-theme='dark'] .zf-textart-facts div[b-s0rz4onb7l],
[data-theme='dark'] .zf-textart-tip[b-s0rz4onb7l] { background: linear-gradient(145deg, #18152f, #141d35); border-color: #433874; }

@media (max-width: 700px) {
  .zf-textart-facts[b-s0rz4onb7l], .zf-textart-type-grid[b-s0rz4onb7l], .zf-textart-step-grid[b-s0rz4onb7l], .zf-textart-check-grid[b-s0rz4onb7l], .zf-textart-two-column[b-s0rz4onb7l], .zf-textart-use-grid[b-s0rz4onb7l] { grid-template-columns: 1fr; }
  .zf-textart-seo[b-s0rz4onb7l] { margin-top: 1rem; }
  .zf-textart-hero[b-s0rz4onb7l], .zf-textart-section[b-s0rz4onb7l], .zf-textart-conclusion[b-s0rz4onb7l] { padding: 1rem 0; }
}
/* _content/Zfont3.Web/Components/Shared/TextDecoratorSeoContent.razor.rz.scp.css */
.zf-decorator-seo[b-j6o471movz] { display: grid; gap: 1rem; margin-top: 1.25rem; }
.zf-decorator-hero[b-j6o471movz], .zf-decorator-section[b-j6o471movz], .zf-decorator-conclusion[b-j6o471movz] { padding: 1.15rem 0; border-top: 1px solid var(--line); }
.zf-decorator-hero[b-j6o471movz] { border-top: 0; }
.zf-decorator-label[b-j6o471movz], .zf-decorator-heading > span[b-j6o471movz] { color: var(--primary); font-size: .8rem; font-weight: 800; letter-spacing: .01em; }
.zf-decorator-seo h2[b-j6o471movz] { margin: .35rem 0 .6rem; color: var(--text); line-height: 1.25; }
.zf-decorator-seo h3[b-j6o471movz] { margin: .45rem 0 .35rem; color: var(--text); font-size: 1rem; }
.zf-decorator-seo p[b-j6o471movz] { color: var(--muted); line-height: 1.75; }
.zf-decorator-seo b[b-j6o471movz] { color: var(--primary); }
.zf-decorator-facts[b-j6o471movz], .zf-decorator-style-grid[b-j6o471movz], .zf-decorator-step-grid[b-j6o471movz], .zf-decorator-check-grid[b-j6o471movz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: .75rem; }
.zf-decorator-facts div[b-j6o471movz], .zf-decorator-style-grid article[b-j6o471movz], .zf-decorator-step-grid article[b-j6o471movz], .zf-decorator-check-grid article[b-j6o471movz] { padding: .85rem; border: 1px solid var(--line); border-radius: 12px; }
.zf-decorator-facts div[b-j6o471movz] { background: linear-gradient(145deg, #fff, #f7f4ff); }
.zf-decorator-facts strong[b-j6o471movz], .zf-decorator-facts span[b-j6o471movz], .zf-decorator-check-grid strong[b-j6o471movz], .zf-decorator-check-grid span[b-j6o471movz] { display: block; }
.zf-decorator-facts strong[b-j6o471movz] { color: var(--primary); font-size: 1.15rem; }
.zf-decorator-facts span[b-j6o471movz], .zf-decorator-check-grid span[b-j6o471movz] { margin-top: .2rem; color: var(--muted); font-size: .87rem; line-height: 1.55; }
.zf-decorator-toc[b-j6o471movz] { display: flex; flex-wrap: wrap; align-items: center; gap: .55rem; padding: .7rem 0; }
.zf-decorator-toc strong[b-j6o471movz] { color: var(--text); }
.zf-decorator-toc a[b-j6o471movz], .zf-decorator-seo article a[b-j6o471movz], .zf-decorator-tip a[b-j6o471movz], .zf-decorator-note a[b-j6o471movz], .zf-decorator-faq a[b-j6o471movz], .zf-decorator-conclusion a[b-j6o471movz] { color: var(--primary); font-size: .88rem; font-weight: 750; }
.zf-decorator-two-column[b-j6o471movz], .zf-decorator-use-grid[b-j6o471movz] { display: grid; grid-template-columns: repeat(2, minmax(0, 1fr)); gap: 1rem; }
.zf-decorator-style-grid article > b[b-j6o471movz] { display: grid; place-items: center; min-height: 2.6rem; font-size: 1.12rem; text-align: center; }
.zf-decorator-step-grid article[b-j6o471movz] { position: relative; padding-inline-start: 3.1rem; }
.zf-decorator-step-grid i[b-j6o471movz] { position: absolute; inset-inline-start: .85rem; top: .85rem; display: grid; place-items: center; width: 1.75rem; height: 1.75rem; color: #fff; background: var(--primary); border-radius: 999px; font-style: normal; font-weight: 800; }
.zf-decorator-tip[b-j6o471movz], .zf-decorator-note[b-j6o471movz] { margin-top: .9rem; padding: .9rem; border: 1px solid #ded6ff; border-inline-start: 3px solid var(--primary); border-radius: 11px; background: linear-gradient(145deg, #faf9ff, #f3efff); }
.zf-decorator-tip p[b-j6o471movz] { margin-bottom: 0; }
.zf-decorator-faq[b-j6o471movz] { display: grid; gap: .55rem; }
.zf-decorator-faq details[b-j6o471movz] { padding: .8rem .9rem; border: 1px solid var(--line); border-radius: 11px; }
.zf-decorator-faq summary[b-j6o471movz] { cursor: pointer; color: var(--text); font-weight: 750; }
.zf-decorator-faq p[b-j6o471movz] { margin: .65rem 0 0; }
.zf-decorator-conclusion p:last-child[b-j6o471movz] { margin-bottom: 0; }

[data-theme='dark'] .zf-decorator-facts div[b-j6o471movz],
[data-theme='dark'] .zf-decorator-tip[b-j6o471movz],
[data-theme='dark'] .zf-decorator-note[b-j6o471movz] { background: linear-gradient(145deg, #18152f, #141d35); border-color: #433874; }

@media (max-width: 700px) {
  .zf-decorator-facts[b-j6o471movz], .zf-decorator-style-grid[b-j6o471movz], .zf-decorator-step-grid[b-j6o471movz], .zf-decorator-check-grid[b-j6o471movz], .zf-decorator-two-column[b-j6o471movz], .zf-decorator-use-grid[b-j6o471movz] { grid-template-columns: 1fr; }
  .zf-decorator-seo[b-j6o471movz] { margin-top: 1rem; }
  .zf-decorator-hero[b-j6o471movz], .zf-decorator-section[b-j6o471movz], .zf-decorator-conclusion[b-j6o471movz] { padding: 1rem 0; }
}