.reasoning-toolbar { display: flex; justify-content: flex-end; margin: 0 0 6px; }
.reasoning-control { position: relative; font-size: 12px; color: #d5e2eb; }
.reasoning-control[hidden] { display: none; }
.reasoning-control summary { cursor: pointer; padding: 5px 10px; border: 1px solid #35554e; border-radius: 8px; background: #152522; color: #8cd7b1; }
.reasoning-control summary:focus-visible { outline: 2px solid #8cd7b1; outline-offset: 2px; }
.reasoning-popover { position: absolute; bottom: calc(100% + 6px); right: 0; z-index: 30; width: min(310px, calc(100vw - 48px)); box-sizing: border-box; padding: 12px; border: 1px solid #35554e; border-radius: 10px; background: #131e26; box-shadow: 0 8px 24px #0008; }
.reasoning-note { margin: 0 0 12px; line-height: 1.5; overflow-wrap: anywhere; }
.reasoning-popover label { display: flex; justify-content: space-between; align-items: center; gap: 10px; }
.reasoning-popover select { background: #0e171e; color: #d5e2eb; border: 1px solid #35554e; border-radius: 5px; padding: 5px; }
.reasoning-status { margin-top: 8px; line-height: 1.4; overflow-wrap: anywhere; }
.reasoning-status:empty { display: none; }
@media (max-width: 600px) {
    .reasoning-toolbar { justify-content: flex-start; }
    .reasoning-popover { left: 0; right: auto; width: min(310px, calc(100vw - 100px)); }
}