.google-font-dialog{width:min(560px,calc(100vw - 24px))}
.google-font-dialog .modal-body{min-height:0;overflow:auto}
.google-font-dialog .text-field{display:flex;flex-direction:column;gap:6px}
.google-font-dialog input{width:100%;box-sizing:border-box;min-height:40px}
.google-font-list{display:flex;flex-direction:column;gap:6px;max-height:48vh;overflow-y:auto;margin:12px 0}
.google-font-row{display:flex;align-items:center;justify-content:space-between;gap:12px;padding:12px;border:1px solid var(--border);border-radius:8px;background:var(--bg-input)}
.google-font-row>div{display:flex;flex-direction:column;gap:5px;min-width:0}
.google-font-row strong{overflow-wrap:anywhere}
.google-font-row small{color:var(--text-dim)}
.google-font-row button{min-height:40px;flex-shrink:0}
.google-font-row button:focus-visible{outline:2px solid var(--accent);outline-offset:2px}