.compose-page .compose-tools{--tool-ink:#29364e;--tool-muted:#5d6c82;--tool-purple:#6153a5;--tool-border:#ddd8ed;color:var(--tool-ink)}
.compose-page .compose-tool-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}
body[data-ui="unified"] main .compose-page .compose-tool-tabs button{display:flex;align-items:center;justify-content:space-between;gap:8px;width:100%;min-width:0;min-height:44px;padding:11px 14px;border:1px solid var(--tool-border);border-radius:10px;background:#fff;color:var(--tool-ink);font:inherit;font-size:14px;font-weight:500;line-height:1.5;text-align:left;cursor:pointer}
body[data-ui="unified"] main .compose-page .compose-tool-tabs button:hover{background:#f8f6fc;border-color:#b6a9d7}
body[data-ui="unified"] main .compose-page .compose-tool-tabs button[aria-expanded=true]{background:#f0ecf9;border-color:#9d8bc8;color:#51438c}
.compose-page .compose-tool-tabs .compose-tool-chevron{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;flex:0 0 28px;border-radius:8px;background:#f3f1f8;color:#817399;transition:background .18s ease,color .18s ease}
.compose-page .compose-tool-tabs .compose-tool-chevron svg{display:block;width:16px;height:16px;max-width:16px;max-height:16px;fill:none;stroke:currentColor;transition:transform .18s ease}
.compose-page .compose-tool-tabs button[aria-expanded=true] .compose-tool-chevron{background:#e3dcf1;color:#6153a5}
.compose-page .compose-tool-tabs button[aria-expanded=true] .compose-tool-chevron svg{transform:rotate(180deg)}
.compose-page .compose-tool-content{padding:16px;margin-top:10px;border:1px solid var(--tool-border);border-radius:12px;background:#faf9fd;min-width:0;overflow-wrap:anywhere}
.compose-page .compose-tool-content[hidden]{display:none!important}
.compose-page .compose-assistance-tools{margin-top:24px}.compose-page .compose-assistance-tools .compose-tool-content> :first-child{margin-top:0}
.compose-page .compose-variable-list p{color:var(--tool-muted);font-size:13px;line-height:1.7;margin:0 0 12px}.compose-page .compose-variable-list>div{display:flex;flex-wrap:wrap;gap:8px}.compose-page .compose-variable-list code{background:#eeebf5;color:#514478;border-radius:6px;padding:5px 8px;font-size:12px;white-space:normal;overflow-wrap:anywhere}
body[data-ui="unified"] main .compose-page .compose-tool-content .mail-upload-box{margin:0;border:0;padding:0;background:transparent}
body[data-ui="unified"] main .compose-page #compose-upload .mail-upload-box h3{display:none}
body[data-ui="unified"] main .compose-page .mail-upload-box input[data-mail-upload]{display:block;box-sizing:border-box;width:100%;min-height:48px;height:auto;padding:8px;background:#f3f0fa;color:#514478;border:1px dashed #bcb0d5;border-radius:9px;font:inherit;font-size:13px;line-height:1.6}
body[data-ui="unified"] main .compose-page .mail-upload-box input[data-mail-upload]::file-selector-button{border:1px solid #6153a5;border-radius:7px;background:#6153a5;color:#fff;padding:8px 12px;margin-right:12px;font:inherit;font-weight:500;cursor:pointer}
body[data-ui="unified"] main .compose-page .mail-upload-box input[data-mail-upload]::file-selector-button:hover{background:#51438c}
.compose-page :is(.compose-tool-tabs button,.mail-upload-box input[data-mail-upload]):focus-visible{outline:2px solid #6153a5;outline-offset:3px}
@media(max-width:640px){.compose-page .compose-tool-tabs{gap:8px}body[data-ui="unified"] main .compose-page .compose-tool-tabs button{padding:10px;font-size:13px}.compose-page .compose-tool-content{padding:12px}.compose-page .compose-variable-list code{font-size:12px}}
@media(prefers-reduced-motion:reduce){.compose-page .compose-tool-tabs .compose-tool-chevron,.compose-page .compose-tool-tabs .compose-tool-chevron svg{transition:none}}
body[data-ui="unified"] main .compose-page .compose-mentor-homepage{color:inherit;text-decoration:none;border-bottom:1px solid transparent;overflow-wrap:anywhere}
body[data-ui="unified"] main .compose-page .compose-mentor-homepage:hover{color:#6153a5;border-bottom-color:#bcb0d5}
.compose-page .compose-mentor-homepage span{font-size:12px;color:#75639c;font-weight:400;white-space:nowrap}
.compose-page .compose-mentor-homepage:focus-visible{outline:2px solid #6153a5;outline-offset:4px;border-radius:3px}
body[data-ui="unified"] main .compose-page #chain-pane{border-top:0}
.compose-page .compose-rewrite-prompt{margin-top:20px;padding:16px;border:1px solid #e2ddee;border-radius:12px;background:#faf9fd}
.compose-page .compose-rewrite-heading{display:flex;align-items:center;justify-content:space-between;gap:16px;flex-wrap:wrap}
.compose-page .compose-rewrite-heading>div{flex:1 1 260px;min-width:0}
.compose-page .compose-rewrite-prompt h3{font-size:14px;font-weight:600;color:#23334e}
.compose-page .compose-rewrite-prompt p,.compose-page .compose-rewrite-prompt a{font-size:12px;line-height:1.7;color:#65738b;margin:6px 0;overflow-wrap:anywhere}
body[data-ui] .compose-page .compose-rewrite-prompt button{min-height:44px;padding:10px 14px;border:1px solid #d9d1ed;border-radius:9px;background:#fff;color:#6153a5;font-size:13px;cursor:pointer}
.compose-page .compose-rewrite-prompt label{display:block;font-size:13px;color:#23334e;margin:12px 0 6px}
.compose-page .compose-rewrite-prompt textarea{box-sizing:border-box;width:100%;min-height:72px;resize:vertical;padding:10px 12px;border:1px solid #d9d1ed;border-radius:9px;background:#fff;color:#23334e;font-size:14px}
.compose-page .compose-rewrite-prompt button:disabled{opacity:.6;cursor:wait}
.compose-page .compose-rewrite-prompt :is(button,textarea,a):focus-visible{outline:2px solid #6153a5;outline-offset:3px}
.compose-page .compose-rewrite-feedback button{margin:8px 8px 0 0}
.compose-page .compose-rewrite-prompt [hidden]{display:none!important}
.compose-page .compose-prompt-options{margin-top:8px}
.compose-page .compose-rewrite-heading>.compose-prompt-actions{display:flex;align-items:stretch;gap:8px;flex:0 1 auto;min-width:0}
.compose-page #compose-prompt-options-toggle{display:flex;align-items:center;justify-content:center;gap:8px}
.compose-page #compose-prompt-options-toggle::before{content:'';width:7px;height:7px;flex:0 0 7px;border-right:1.5px solid currentColor;border-bottom:1.5px solid currentColor;transform:rotate(-45deg)}
.compose-page #compose-prompt-options-toggle[aria-expanded=true]::before{transform:rotate(45deg)}
@media(max-width:640px){.compose-page .compose-rewrite-heading{gap:8px}.compose-page .compose-rewrite-heading>div{flex-basis:100%}.compose-page .compose-rewrite-heading>.compose-prompt-actions{flex:1 1 100%}.compose-page .compose-prompt-actions button{flex:1 1 0;min-width:0;white-space:normal}}