.message-render:has(> .fh-model-rating) { flex-wrap: wrap; }
.message-render:has(> .fh-model-rating) > .agent-turn { flex: 1 1 0; min-width: 0; }
.message-render > .fh-model-rating { flex-basis: 100%; }
.fh-model-rating { display: flex; flex-wrap: wrap; align-items: center; gap: 8px; margin: 12px 0 4px; color: #60646b; font-size: 13px; }
.fh-model-rating button { border: 1px solid #ccd1d8; border-radius: 6px; padding: 4px 10px; color: inherit; background: transparent; cursor: pointer; font: inherit; }
.fh-model-rating button[aria-pressed="true"] { background: #e6f0ff; color: #154b87; border-color: #3878c8; }
.fh-model-rating button:disabled { opacity: .5; cursor: default; }
.fh-model-rating button:focus-visible { outline: 2px solid #3878e4; outline-offset: 2px; }
.fh-model-rating [role="status"]:empty { display: none; }
.dark .fh-model-rating { color: #bdc4cf; }
.dark .fh-model-rating button { border-color: #59616d; }
.dark .fh-model-rating button[aria-pressed="true"] { color: #e9f3ff; background: #254a78; border-color: #6d9ad4; }
@media (prefers-color-scheme: dark) { :root:not(.light):not(.dark) .fh-model-rating { color: #bdc4cf; } :root:not(.light):not(.dark) .fh-model-rating button[aria-pressed="true"] { color: #e9f3ff; background: #254a78; border-color: #6d9ad4; } }