.ai-task-workspace{border:1px solid var(--border);border-radius:16px;background:var(--surface);overflow:hidden}.ai-task-toolbar{display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:12px;padding:20px;border-bottom:1px solid var(--border)}.ai-task-columns{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.ai-task-result,.ai-task-source{min-width:0;padding:20px}.ai-task-result{border-left:1px solid var(--border);background:color-mix(in srgb,var(--surface) 97%,#3b82f6 3%)}.ai-task-workspace .field{width:100%;background:var(--input-bg,var(--surface));font-size:14px;font-weight:400}.ai-task-textarea{min-height:260px;resize:vertical;line-height:1.65}.ai-task-output{min-height:490px;resize:vertical;line-height:1.7}.ai-task-workspace button{white-space:nowrap}.ai-task-workspace .btn-primary,.ai-task-workspace .btn-secondary{font-size:12px;padding:8px 12px;min-height:36px}.ai-task-workspace :is(button,input,textarea,select,summary):focus-visible{outline:2px solid #60a5fa;outline-offset:3px}@media(max-width:800px){.ai-task-columns{grid-template-columns:minmax(0,1fr)}.ai-task-result{border-left:0;border-top:1px solid var(--border)}.ai-task-output{min-height:320px}.ai-task-result,.ai-task-source,.ai-task-toolbar{padding:16px}}