.composition-settings{flex-wrap:wrap;align-items:end;gap:16px;display:flex}.composition-settings label{flex-direction:column;gap:8px;max-inline-size:100%;display:flex}.composition-settings input[type=range],.composition-settings select{min-block-size:44px}.composition-settings .composition-direction{flex-direction:row;align-items:center;min-block-size:44px}.composition-container{inline-size:100%;min-inline-size:0;container-type:inline-size}.composition-shell{gap:16px;min-inline-size:0;display:grid}.composition-shell>[hidden]{display:none}.composition-list,.composition-task,.composition-context{border:1px solid var(--color-muted-foreground);border-radius:var(--radius-md);min-inline-size:0;padding:16px}.composition-shell p,.composition-shell h3,.composition-shell h4,.composition-shell label{overflow-wrap:anywhere}.composition-list ul{gap:16px;margin:16px 0 0;padding:0;list-style:none;display:grid}.composition-list li,.composition-task,.composition-context{flex-direction:column;gap:12px;display:flex}.composition-task label{flex-direction:column;gap:8px;display:flex}.composition-task textarea{min-block-size:120px;inline-size:100%}.composition-actions{flex-wrap:wrap;gap:12px;display:flex}.composition-shell .mt-btn{white-space:normal;overflow-wrap:anywhere;block-size:auto;min-block-size:44px;max-inline-size:100%}.composition-task h3{scroll-margin-block-start:96px}.composition-container[data-mode=feed] .composition-list li{border-block-end:1px solid var(--color-muted-foreground);padding-block-end:16px}@container (min-width:640px){.composition-container[data-mode=list-detail] .composition-shell{grid-template-columns:minmax(0,var(--composition-leading)) minmax(0,var(--composition-trailing))}.composition-container[data-mode=feed] .composition-list ul{grid-template-columns:repeat(2,minmax(0,1fr))}}@container (min-width:900px){.composition-container[data-mode=supporting] .composition-shell{grid-template-columns:minmax(0,var(--composition-leading)) minmax(0,var(--composition-trailing))}.composition-container[data-mode=feed] .composition-list ul{grid-template-columns:repeat(3,minmax(0,1fr))}}@media (forced-colors:active){.composition-list,.composition-task,.composition-context,.composition-list li{border-color:canvastext}}