/* Autumn composer responsive sizing fix. React owns textarea height. */
html[data-season="autumn"] .composer-editor { width:100% !important; min-width:0 !important; max-width:100% !important; }
html[data-season="autumn"] .composer-editor textarea { box-sizing:border-box !important; display:block !important; width:100% !important; min-width:0 !important; max-width:100% !important; min-height:84px !important; max-height:420px !important; overflow-x:hidden !important; overflow-y:auto !important; overflow-wrap:anywhere !important; word-break:break-word !important; resize:none !important; }
@media (max-width:680px) {
 html[data-season="autumn"] .composer, html[data-season="autumn"] .composer-body, html[data-season="autumn"] .composer-editor, html[data-season="autumn"] .composer-editor textarea { width:100% !important; min-width:0 !important; max-width:100% !important; }
 html[data-season="autumn"] .composer-editor textarea { min-height:84px !important; max-height:min(420px,calc(100dvh - 160px)) !important; font-size:14px !important; line-height:1.5 !important; padding-right:0 !important; }
 html[data-season="autumn"] .composer-inline-tools { width:100% !important; min-width:0 !important; max-width:100% !important; overflow-x:auto !important; overflow-y:visible !important; }
}
@media (max-width:380px) { html[data-season="autumn"] .composer-editor textarea { max-height:min(420px,calc(100dvh - 140px)) !important; } }

html[data-season="autumn"] .composer-format-button { position:relative !important; display:inline-grid !important; place-items:center !important; font-size:0 !important; line-height:1 !important; overflow:hidden !important; }
html[data-season="autumn"] .composer-format-button > *, html[data-season="autumn"] .composer-format-button svg, html[data-season="autumn"] .composer-format-button span, html[data-season="autumn"] .composer-format-button::after { display:none !important; content:none !important; }
html[data-season="autumn"] .composer-format-button::before { content:"✦" !important; display:block !important; color:#fff !important; font-family:sans-serif !important; font-size:19px !important; line-height:1 !important; font-weight:700 !important; }
html[data-season="autumn"] .ai-toggle-button > svg, html[data-season="autumn"] .ai-toggle-button > span.icon, html[data-season="autumn"] .ai-toggle-button::before, html[data-season="autumn"] .ai-toggle-button::after { display:none !important; content:none !important; }
html[data-season="autumn"] .composer-formatting { position:relative !important; flex:0 0 auto !important; max-width:100% !important; }
html[data-season="autumn"] .composer-format-menu { box-sizing:border-box !important; width:min(320px,calc(100vw - 24px)) !important; max-width:calc(100vw - 24px) !important; max-height:min(70vh,460px) !important; overflow-x:hidden !important; overflow-y:auto !important; overscroll-behavior:contain !important; -webkit-overflow-scrolling:touch !important; padding:8px !important; z-index:100 !important; pointer-events:auto !important; }
html[data-season="autumn"] .composer-format-menu button { box-sizing:border-box !important; width:100% !important; min-width:0 !important; max-width:100% !important; min-height:38px !important; height:auto !important; display:grid !important; grid-template-columns:max-content minmax(0,1fr) max-content !important; align-items:center !important; gap:8px !important; padding:8px 9px !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; text-align:left !important; pointer-events:auto !important; touch-action:manipulation !important; -webkit-tap-highlight-color:transparent !important; }
html[data-season="autumn"] .composer-format-menu button > span { min-width:0 !important; max-width:100% !important; white-space:normal !important; overflow-wrap:anywhere !important; word-break:break-word !important; }
html[data-season="autumn"] .composer-format-menu kbd { white-space:nowrap !important; flex-shrink:0 !important; }
html[data-season="autumn"] .composer-inline-tools { min-width:0 !important; max-width:100% !important; touch-action:manipulation !important; pointer-events:auto !important; -webkit-user-select:none !important; user-select:none !important; }
html[data-season="autumn"] .composer-inline-tools > button { touch-action:manipulation !important; pointer-events:auto !important; -webkit-tap-highlight-color:transparent !important; }
@media (max-width:680px) {
 html[data-season="autumn"] .composer-inline-tools { margin-right:0 !important; gap:4px !important; overflow-x:auto !important; overflow-y:visible !important; scrollbar-width:none !important; -webkit-overflow-scrolling:touch !important; }
 html[data-season="autumn"] .composer-inline-tools::-webkit-scrollbar { display:none !important; }
 html[data-season="autumn"] .composer-inline-tools-open > button { flex:0 0 36px !important; width:36px !important; min-width:36px !important; height:36px !important; min-height:36px !important; }
 html[data-season="autumn"] .composer-inline-tools-open .composer-formatting { flex:0 0 36px !important; width:36px !important; min-width:36px !important; }
 html[data-season="autumn"] .composer-inline-tools-open .composer-format-button { width:36px !important; min-width:36px !important; height:36px !important; min-height:36px !important; }
 html[data-season="autumn"] .composer-format-menu { position:fixed !important; top:auto !important; right:10px !important; bottom:calc(env(safe-area-inset-bottom,0px) + 72px) !important; left:10px !important; width:auto !important; max-width:none !important; max-height:min(58vh,420px) !important; overflow-x:hidden !important; overflow-y:auto !important; z-index:200 !important; border-radius:10px !important; padding:8px !important; }
 html[data-season="autumn"] .composer-format-menu button { min-height:44px !important; padding:9px 10px !important; gap:8px !important; font-size:13px !important; }
}
@media (max-width:380px) {
 html[data-season="autumn"] .composer-inline-tools-open > button, html[data-season="autumn"] .composer-inline-tools-open .composer-formatting, html[data-season="autumn"] .composer-inline-tools-open .composer-format-button { flex-basis:34px !important; width:34px !important; min-width:34px !important; height:34px !important; min-height:34px !important; }
}
@media (min-width:681px) { html[data-season="autumn"] .composer-format-menu { pointer-events:auto !important; } }
@media (min-width:481px) and (max-width:900px) { html[data-season="autumn"] .composer-format-menu { width:min(320px,calc(100vw - 28px)) !important; max-width:calc(100vw - 28px) !important; } }
@media (min-width:901px) { html[data-season="autumn"] .composer-format-menu { width:320px !important; max-width:min(320px,calc(100vw - 40px)) !important; } }
html[data-season="autumn"] .composer, html[data-season="autumn"] .composer-body, html[data-season="autumn"] .composer-footer, html[data-season="autumn"] .composer-actions { min-width:0 !important; max-width:100% !important; }