#font-family.has-font-preview { display: none !important; }
#font-preview-trigger {
    flex: 1 1 0; min-width: 0; height: 32px; padding: 5px 25px 5px 9px;
    border: 1px solid #d9e2ee; border-radius: 6px; background: white;
    color: #35445c; text-align: left; white-space: nowrap; overflow: hidden;
    text-overflow: ellipsis; font: 12px/20px Arial, sans-serif; cursor: pointer;
    position: relative;
}
#font-preview-trigger::after { content: '⌄'; position: absolute; right: 8px; top: 3px; font-size: 17px; }
#font-preview-trigger:focus-visible, #font-preview-trigger[aria-expanded="true"] {
    outline: 2px solid #7c9eff; outline-offset: 1px;
}
#font-preview-trigger:disabled { opacity: .5; cursor: default; }
#font-preview-trigger[hidden], #font-preview-popup[hidden] { display: none !important; }
#font-preview-popup {
    position: fixed; z-index: 30000; display: flex; flex-direction: column;
    overflow: hidden; background: white; border: 1px solid #d7e1ed;
    border-radius: 9px; box-shadow: 0 8px 28px #152b4f29;
    box-sizing: border-box; color: #243752;
}
#font-preview-list { min-height: 0; overflow: auto; overscroll-behavior: contain; padding: 5px; }
.font-preview-option {
    padding: 9px 10px; min-height: 36px; box-sizing: border-box;
    font: 400 14px/1.35 Arial, sans-serif;
    cursor: pointer; border-radius: 5px; overflow-wrap: anywhere;
}
.font-preview-option.is-preview { color: #174ea6; background: #e9f1ff; box-shadow: inset 3px 0 #397df4; }
#font-family, #font-family option { font-family: Arial, sans-serif !important; font-weight: 400 !important; }