.th-character-customization{grid-column:1/-1;display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:5px;padding-top:5px;border-top:1px solid var(--line)}
.th-character-customization label{display:grid;gap:3px;color:var(--muted);font-size:8px;font-weight:700}
.th-character-customization .field{width:100%;height:28px;min-height:28px;padding:3px 5px;font-size:9px}
.th-character-preview-button{position:static!important;grid-column:1/-1;width:100%!important;height:auto!important;padding:8px!important;border:1px solid #8d6be0!important;border-radius:9px!important;background:#f2edff!important;color:#5d31bd!important;font:800 10px/1.4 "Tajawal",Arial,sans-serif!important;cursor:pointer!important}
.th-character-preview-button:disabled{opacity:.5;cursor:not-allowed!important}
.th-character-preview-state{grid-column:1/-1;color:var(--muted);font-size:8px;line-height:1.5}
@media(max-width:720px){.th-character-customization{grid-template-columns:1fr}}