.font-picker{display:block;min-width:0;margin-top:7px}
.font-picker>.font-picker-button{display:block;width:100%;min-width:0;min-height:44px;padding:10px 12px;border:1px solid var(--card-border,var(--line));border-radius:7px;background:var(--card-input,var(--panel));color:var(--text);font-size:16px;line-height:1.4;text-align:left;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;box-shadow:inset 0 1px 0 #ffffff0a,0 2px 0 #00000018}
.font-picker>.font-picker-button:hover:not(:disabled){background:var(--card-hover,var(--raised));border-color:var(--accent)}
.font-picker>.font-picker-button:focus-visible,.font-picker>.font-picker-button[aria-expanded=true]{outline:2px solid var(--accent);outline-offset:2px}
.font-picker-list{position:fixed;z-index:1000;overflow:auto;overscroll-behavior:contain;min-width:0;padding:5px;border:1px solid var(--line);border-radius:10px;background:var(--panel);color:var(--text);box-shadow:0 14px 38px #0005,0 3px 0 #0002;scroll-padding:5px}
.font-picker-option{display:flex;align-items:center;min-height:44px;padding:9px 12px;border:1px solid transparent;border-radius:6px;font-size:16px;line-height:1.4;cursor:pointer;overflow-wrap:anywhere}
.font-picker-option[aria-selected=true]{border-color:var(--accent);font-weight:600}
.font-picker-option[data-active=true]{background:var(--raised)}
.font-picker-option[aria-disabled=true]{opacity:.4;cursor:default}
:root:not([data-theme=dark]) .font-picker-list{box-shadow:0 14px 38px #171a2329,0 3px 0 #171a2310}
@media(prefers-reduced-motion:no-preference){.font-picker-button{transition:background .12s,border-color .12s}}