.preview-font{display:grid;gap:var(--space-2xs);min-width:0;max-width:100%}.preview-font label{font:600 var(--text-sm)/1.4 var(--font-body);color:var(--color-ink)}.preview-font select{width:100%;min-width:0;min-height:44px;padding:var(--space-xs);padding-right:36px;border:var(--rule) solid var(--color-rule);border-radius:var(--radius-sm);background:var(--color-paper) url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%231e1713' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E") no-repeat right 12px center / 16px 16px;color:var(--color-ink);font:500 var(--text-sm)/1.4 var(--font-body);cursor:pointer;appearance:none;-webkit-appearance:none}@media (prefers-color-scheme: dark){:root:not([data-theme=light]) .preview-font select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23f3f0e8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}}:root[data-theme=dark] .preview-font select{background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 16 16'%3E%3Cpath d='M4 6l4 4 4-4' fill='none' stroke='%23f3f0e8' stroke-width='1.8' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E")}@media (hover: hover){.preview-font select:hover{border-color:var(--color-ink)}}.preview-font select:focus-visible{outline:2px solid var(--color-focus);outline-offset:2px}.preview-font select:active{background:var(--color-paper-2)}.preview-font select:disabled{opacity:.5;cursor:not-allowed}.preview-font select[aria-invalid=true]{border-color:var(--color-red-text)}.preview-font select[aria-busy=true]{cursor:progress}.dcard--library .preview-font{grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr);align-items:center}.dcard--library .preview-font select{min-height:44px}