.plan-composer-actions { grid-column: 1 / -1; display: flex; flex-wrap: wrap; align-items: center; gap: 8px; width: 100%; }
.plan-composer-actions button { min-height: 32px; padding: 5px 10px; font-size: 12px; border: 1px solid var(--line); border-radius: 18px; background: var(--panel); color: var(--text); cursor: pointer; }
.plan-composer-actions button[aria-pressed="true"] { border-color: var(--blue); color: var(--blue); }
#plan-composer-help { color: var(--muted); font-size: 12px; }
.plan-outcome { white-space: pre-wrap; line-height: 1.5; overflow-wrap: anywhere; }
.plan-step-status { font-size: 11px; color: var(--muted); }
.artifact-task details { color: var(--muted); font-size: 12px; }
.artifact-task summary { cursor: pointer; padding: 8px 0; }
.plan-artifact-head { flex-wrap: wrap; }
#plan-review { display: none; }
.planning-welcome { margin: 16px 0; }
.plan-brief { padding: 14px; background: var(--panel); border: 1px solid var(--line); border-radius: 12px; }
.plan-brief h3, .plan-brief h4 { margin: 0 0 8px; }
.plan-brief h4 { margin-top: 16px; font-size: 12px; }
.plan-brief p, .plan-brief li { font-size: 13px; line-height: 1.5; white-space: pre-wrap; overflow-wrap: anywhere; }
.plan-brief ul { padding-left: 20px; }
.plan-muted { color: var(--muted); }
.plan-brief form, .plan-brief label { display: grid; gap: 8px; }
.plan-brief form { gap: 12px; }
.plan-brief textarea { box-sizing: border-box; width: 100%; min-width: 0; resize: vertical; }
.plan-brief small { color: var(--muted); font-size: 11px; }
.plan-widget-error { color: #a32336; }
.plan-task-heading { display: flex; align-items: flex-start; gap: 9px; }
.plan-task-heading h3 { flex: 1; margin: 0; font-size: 13px; overflow-wrap: anywhere; }
.plan-task-heading input { width: 16px; height: 16px; min-height: 0; margin: 2px 0; accent-color: var(--blue); }
.plan-task-row[data-state="completed"] .plan-task-heading h3 { color: var(--muted); }
.plan-task-row p { white-space: pre-wrap; overflow-wrap: anywhere; }
.plan-widget { display: grid; gap: 12px; min-width: 0; }
.plan-widget progress, .plan-artifact-body > progress { width: 100%; accent-color: var(--blue); }
.plan-task-row { min-width: 0; margin: 0; }
.plan-task-row[draggable="true"] { cursor: grab; }
.plan-widget button, .plan-brief button, .plan-artifact-body > button { min-height: 36px; border: 1px solid var(--line); border-radius: 9px; padding: 7px 10px; color: var(--text); background: var(--panel); cursor: pointer; }
.plan-task-result { border-top: 1px solid var(--line); padding-top: 10px; }
@media (max-width: 600px) {
  #chat-view #composer { flex-wrap: wrap; }
  #composer .plan-composer-actions { flex: 0 0 100%; }
  #plan-composer-help { display: none; }
  #plan-review:not([hidden]) { display: inline-block; }
  #mobile-sheet-content .plan-artifact { display: block; position: static; width: 100%; max-height: none; margin: 12px 0; }
  #mobile-sheet-content .plan-artifact[hidden] { display: none; }
}