/* nOngMolZ special-character generator — vanilla styling, matches the nongmolz theme. */
.nmz-gen{--v:#7c3aed;--c:#06b6d4;--ink:#2b2238;--muted:#6b6577;--grad:linear-gradient(135deg,#7c3aed,#06b6d4);max-width:880px;margin:0 auto}
.nmz-gen *{box-sizing:border-box}

.nmz-gen__box{position:relative;display:flex;align-items:center;gap:10px;border:2px solid #efe7fc;border-radius:18px;background:#fff;box-shadow:0 10px 34px rgba(124,58,237,.08);padding:8px 8px 8px 18px}
.nmz-gen__box:focus-within{border-color:var(--v)}
.nmz-gen__input{flex:1;border:0;outline:0;font:inherit;font-size:18px;color:var(--ink);background:transparent;padding:12px 0}
.nmz-gen__input::placeholder{color:#a59ec0}
.nmz-gen__hint{font-size:13px;color:var(--muted);margin:10px 2px 0}

.nmz-gen__status{min-height:20px;margin:14px 2px 0;font-size:14px;color:var(--muted)}

.nmz-gen__section{margin-top:22px}
.nmz-gen__section-title{font-size:16px;font-weight:600;color:var(--v);margin:0 0 10px;display:inline-block;padding:4px 14px;background:#f6f0ff;border-radius:999px}
.nmz-gen__grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:12px}

.nmz-gen__chip{cursor:pointer;text-align:left;border:1.5px solid #ececf3;border-radius:14px;background:#fff;padding:14px 16px;display:flex;flex-direction:column;gap:4px;transition:.13s;font:inherit}
.nmz-gen__chip:hover{border-color:var(--v);background:#faf5ff;transform:translateY(-2px);box-shadow:0 7px 18px rgba(124,58,237,.16)}
.nmz-gen__chip:active{transform:translateY(0)}
.nmz-gen__chip-text{font-size:20px;line-height:1.35;color:var(--ink);word-break:break-word}
.nmz-gen__chip-label{font-size:12px;color:var(--muted)}

.nmz-gen__toast{position:fixed;left:50%;bottom:30px;transform:translateX(-50%) translateY(20px);background:var(--grad);color:#fff;padding:12px 24px;border-radius:999px;font-weight:600;font-size:16px;opacity:0;pointer-events:none;transition:.25s;z-index:99999;box-shadow:0 10px 30px rgba(124,58,237,.35)}
.nmz-gen__toast.is-show{opacity:1;transform:translateX(-50%) translateY(0)}

@media(max-width:600px){
  .nmz-gen__input{font-size:16px}
  .nmz-gen__chip-text{font-size:18px}
  .nmz-gen__grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr))}
}