.ava-workspace { max-width: 60rem; margin: 0 auto; padding: 1.25rem; font: 1rem/1.5 system-ui, sans-serif; color: #182334; background: #f7f9fc; border-radius: 1rem; }
.ava-workspace-heading { margin: 0 0 1rem; }
.ava-workspace [hidden] { display: none; }
.ava-workspace-work-review { white-space: pre-wrap; overflow-wrap: anywhere; max-height: 18rem; overflow: auto; margin: 1rem .5rem; padding: .75rem; border: 1px solid #64748b; border-radius: .5rem; background: #fff; }
.ava-workspace .ava-work-result { border-left: 4px solid #234e9b; }
.ava-workspace-work-picker { display: block; margin: 1rem .5rem; font-weight: 600; }
.ava-workspace-work-select { display: block; box-sizing: border-box; width: 100%; margin-top: .5rem; min-height: 2.75rem; padding: .5rem; font: inherit; color: inherit; background: #fff; border: 1px solid #64748b; border-radius: .5rem; }
.ava-workspace-transcript { min-height: 12rem; max-height: 55vh; overflow-y: auto; display: flex; flex-direction: column; gap: .75rem; padding: .5rem; }
.ava-workspace .ava-message { max-width: 90%; padding: .75rem 1rem; border-radius: .75rem; background: #fff; border: 1px solid #dce3ed; white-space: pre-wrap; overflow-wrap: anywhere; }
.ava-workspace .ava-message-user { align-self: flex-end; background: #e8efff; }
.ava-workspace .ava-transcription { border-style: dashed; }
.ava-workspace-label { display: block; margin-top: 1rem; font-weight: 600; }
.ava-workspace-input { display: block; box-sizing: border-box; width: 100%; resize: vertical; margin-top: .5rem; padding: .75rem; border: 1px solid #64748b; border-radius: .5rem; font: inherit; }
.ava-workspace-status { min-height: 1.5em; margin: .5rem 0; }
.ava-workspace-capture { min-width: 0; }
.ava-workspace-file, .ava-workspace-capture-type, .ava-workspace-capture-select { display: block; box-sizing: border-box; width: 100%; min-width: 0; max-width: 100%; min-height: 2.75rem; margin-top: .5rem; font: inherit; }
.ava-workspace-capture-summary { overflow-wrap: anywhere; }
.ava-workspace-task-summary { white-space: pre-wrap; max-height: 18rem; overflow: auto; }
.ava-workspace-controls { display: flex; flex-wrap: wrap; gap: .5rem; }
.ava-workspace-button { min-height: 2.75rem; padding: .5rem .75rem; border: 1px solid #64748b; border-radius: .5rem; background: #fff; color: #182334; font: inherit; cursor: pointer; }
.ava-workspace-button[aria-pressed="true"] { background: #dce8ff; border-color: #234e9b; }
.ava-workspace-button:disabled { opacity: .55; cursor: default; }
.ava-workspace :focus-visible { outline: 3px solid #234e9b; outline-offset: 3px; }
@media (max-width: 36rem) { .ava-workspace { padding: .75rem; } .ava-workspace .ava-message { max-width: 100%; } }

.ava-workspace-panel { min-width: 0; margin-top: 1rem; padding: .75rem; border: 1px solid #64748b; border-radius: .5rem; }
.ava-workspace-panel-heading { min-height: 2.75rem; line-height: 2.75rem; font-weight: 600; cursor: pointer; }