/* HF248-FIX5: constrained editor only; does not alter homepage/theme layouts. */
#hf248fix5FontManager{margin:12px 0 16px;padding:12px;border:1px solid #cbd5e1;border-radius:12px;background:#f8fafc;color:#172554;max-width:100%;box-sizing:border-box}
#hf248fix5FontManager .hf248fix5-heading{font-weight:700;font-size:14px;margin-bottom:6px}
#hf248fix5FontManager .hf248fix5-muted{font-size:12px;color:#64748b;line-height:1.55}
#hf248fix5FontManager .hf248fix5-upload-row{display:flex;flex-wrap:wrap;gap:6px;align-items:center;margin:10px 0}
#hf248fix5FontManager .hf248fix5-upload-row input[type=file]{flex:1 1 160px;min-width:0;max-width:100%}
#hf248fix5FontManager .hf248fix5-upload-row input[type=text]{flex:1 1 140px;min-width:0;padding:8px}
#hf248fix5FontManager .hf248fix5-font-row{display:flex;gap:8px;align-items:center;justify-content:space-between;border-top:1px solid #dbe3ed;padding:9px 0;flex-wrap:wrap}
#hf248fix5FontManager .hf248fix5-font-info{min-width:160px;flex:1 1 210px;overflow-wrap:anywhere}
#hf248fix5FontManager .hf248fix5-font-preview{font-size:18px;line-height:1.6;margin-top:4px}
#hf248fix5FontManager .hf248fix5-font-tools{display:flex;gap:6px}
#hf248fix5FontManager .hf248fix5-font-tools button{padding:6px 12px;min-height:34px}

/* HF248-FIX7 capacity controls inside existing managed-font editor */
#hf248fix5FontManager .hf248fix7-policy{display:flex;align-items:end;flex-wrap:wrap;gap:10px;margin:10px 0;padding:10px;border:1px solid #dbe3ed;border-radius:10px}#hf248fix5FontManager .hf248fix7-policy strong{width:100%}#hf248fix5FontManager .hf248fix7-policy label{display:grid;gap:3px;font-size:12px;font-weight:700}#hf248fix5FontManager .hf248fix7-policy input{box-sizing:border-box;max-width:120px;width:105px;padding:7px;border-radius:7px;border:1px solid #becde5}#hf248fix5FontManager .hf248fix7-policy #hf248fix7LimitUsage{width:100%}

/* HF248-FIX8: consolidated seven-region font editor */
.hf248fix8-role-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(190px,1fr));gap:10px;margin:12px 0}
.hf248fix8-role-field{display:flex;flex-direction:column;gap:5px;font-size:13px;font-weight:600;color:#334155}
#hf248fix8FontRolePanel{margin-top:16px;padding:15px;border:1px solid #cbd5e1;border-radius:12px}
#hf248fix8FontRolePanel select{width:100%;min-width:0;max-width:100%;padding:8px;border:1px solid #cbd5e1;border-radius:8px;background:white;color:#0f172a}
#hf248fix8FontRolePanel>label{display:block;max-width:480px;margin:10px 0}
#hf248fix8FontRolePanel>button{margin-right:10px;margin-bottom:6px}