:root{--font:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;--accent:#4f7cff;--accent-strong:#3f6bea;--star:#f0a020;--danger:#e5484d;--success:#2f9e44;--radius:10px;--radius-lg:14px}:root,:root[data-theme=light]{--bg:#f4f6fb;--surface:#fff;--surface-2:#f8fafd;--sunken:#eef2f8;--border:#e3e8f1;--border-strong:#d1d9e6;--text:#151f2e;--text-2:#48566b;--muted:#7c879b;--accent-soft:#eaf0ff;--hover:#f1f5fc;--shadow:0 18px 40px #11203c24;--shadow-soft:0 1px 2px #11203c0f}:root[data-theme=dark]{--bg:#0b1119;--surface:#121b26;--surface-2:#0e1621;--sunken:#0c1420;--border:#1d2735;--border-strong:#2b3748;--text:#e7eef8;--text-2:#a7b5c8;--muted:#78879c;--accent-soft:#1a2740;--hover:#16202d;--shadow:0 20px 48px #00000080;--shadow-soft:0 1px 2px #0006}*{box-sizing:border-box}html,body,#root{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);-webkit-font-smoothing:antialiased;margin:0;font-size:14px;overflow:hidden}button,input,select{font:inherit;color:inherit}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-thumb{background:var(--border-strong);background-clip:content-box;border:3px solid #0000;border-radius:999px}::-webkit-scrollbar-thumb:hover{background:var(--muted);background-clip:content-box}::-webkit-scrollbar-track{background:0 0}.app{grid-template-rows:52px minmax(0,1fr);height:100%;display:grid}.workspace{grid-template-columns:244px 372px minmax(320px,1fr);min-height:0;display:grid;overflow:hidden}.workspace.single{flex-direction:column;justify-content:center;align-items:center;gap:18px;padding:40px;display:flex}.splash{flex-direction:column;justify-content:center;align-items:center;gap:6px;height:100%;animation:.24s ease-out fade-in;display:flex}.splash h1{letter-spacing:-.02em;margin:10px 0 2px;font-size:20px}.splash p{color:var(--muted);margin:0;font-size:13px}@keyframes fade-in{0%{opacity:0;transform:translateY(4px)}}.web-auth-page{background:radial-gradient(ellipse at 18% 18%, #4f7cff29, transparent 36%), radial-gradient(ellipse at 88% 86%, #37b79a1c, transparent 34%), var(--bg);place-items:center;min-height:100%;padding:28px;display:grid;overflow:auto}.web-auth-card{border:1px solid var(--border);background:var(--surface);width:min(100%,430px);box-shadow:var(--shadow);border-radius:22px;padding:38px;animation:.22s ease-out fade-in}.web-auth-brand{letter-spacing:-.03em;align-items:center;gap:12px;margin-bottom:38px;font-size:17px;font-weight:700;display:flex}.web-auth-heading h1,.web-auth-success h1{letter-spacing:-.045em;margin:0;font-size:clamp(25px,5vw,30px)}.web-auth-heading p,.web-auth-success p{color:var(--muted);margin:8px 0 28px;line-height:1.55}.web-auth-form{flex-direction:column;gap:9px;display:flex}.web-auth-form label{color:var(--text-2);margin-top:7px;font-size:12px;font-weight:650}.web-auth-form input{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:10px;outline:none;width:100%;height:46px;padding:0 13px;transition:border-color .12s,box-shadow .12s}.web-auth-form input:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff29}.web-auth-form input::placeholder{color:var(--muted)}.web-auth-submit{color:#fff;cursor:pointer;background:linear-gradient(#5d87ff,#466fe8);border:0;border-radius:10px;width:100%;min-height:46px;margin-top:13px;font-weight:650;transition:filter .12s,transform .12s;box-shadow:0 7px 18px #4f7cff3d}.web-auth-submit:hover:not(:disabled){filter:brightness(1.06)}.web-auth-submit:active:not(:disabled){transform:translateY(1px)}.web-auth-submit:disabled{opacity:.65;cursor:wait}.web-auth-note{color:var(--muted);text-align:center;margin:22px 0 0;font-size:12px;line-height:1.55}.web-auth-error{color:var(--danger);background:#e5484d17;border:1px solid #e5484d47;border-radius:9px;margin:6px 0 0;padding:10px 12px;font-size:12.5px;line-height:1.45}.web-auth-success .web-auth-submit{margin-top:4px}@media (width<=520px){.web-auth-page{padding:16px}.web-auth-card{border-radius:18px;padding:28px 22px}.web-auth-brand{margin-bottom:30px}}.web-admin-page{align-items:start;padding-block:36px}.web-admin-card{width:min(100%,760px)}.web-admin-label{color:var(--accent-strong);background:var(--accent-soft);letter-spacing:.08em;border-radius:999px;margin-left:auto;padding:5px 9px;font-size:10px;font-weight:750}.web-admin-heading{justify-content:space-between;align-items:flex-start;gap:16px;margin-bottom:24px;display:flex}.web-admin-heading h1{letter-spacing:-.045em;margin:0;font-size:clamp(25px,5vw,30px)}.web-admin-heading p{color:var(--muted);margin:8px 0 0}.web-admin-signout,.web-admin-delete{border:1px solid var(--border-strong);background:var(--surface);color:var(--text-2);cursor:pointer;border-radius:9px;padding:8px 12px}.web-admin-signout:hover,.web-admin-delete:hover{background:var(--hover)}.web-admin-create{border:1px solid var(--border);background:var(--surface-2);border-radius:14px;grid-template-columns:1fr 1fr;gap:10px 14px;padding:20px;display:grid}.web-admin-create h2{grid-column:1/-1;margin:0 0 3px;font-size:16px}.web-admin-create label{color:var(--text-2);grid-column:1/-1;margin-top:5px;font-size:12px;font-weight:650}.web-admin-create input,.web-admin-create select{border:1px solid var(--border-strong);background:var(--surface);border-radius:9px;outline:none;grid-column:1/-1;width:100%;min-height:42px;padding:0 12px}.web-admin-create input:focus,.web-admin-create select:focus{border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff24}.web-admin-create .web-auth-submit{grid-column:1/-1}.web-admin-users{margin-top:26px}.web-admin-users h2{align-items:center;gap:9px;margin:0 0 12px;font-size:16px;display:flex}.web-admin-users h2 span{min-width:23px;height:23px;color:var(--accent-strong);background:var(--accent-soft);border-radius:999px;place-items:center;padding:0 6px;font-size:11px;display:inline-grid}.web-admin-users ul{gap:8px;margin:0;padding:0;list-style:none;display:grid}.web-admin-users li{border:1px solid var(--border);background:var(--surface);border-radius:11px;justify-content:space-between;align-items:center;gap:14px;padding:12px 14px;display:flex}.web-admin-users li div{gap:4px;min-width:0;display:grid}.web-admin-users li strong{overflow-wrap:anywhere}.web-admin-users li small{color:var(--muted);text-transform:capitalize}.web-admin-delete{color:var(--danger);border-color:#e5484d40}.web-admin-current{color:var(--muted);font-size:12px}.web-auth-notice{color:var(--success);background:#2f9e4414;border:1px solid #2f9e4440;border-radius:9px;margin:0 0 14px;padding:10px 12px;font-size:12.5px}.web-auth-note a{color:var(--accent-strong)}@media (width<=560px){.web-admin-page{padding:16px}.web-admin-card{padding:24px 18px}.web-admin-create{padding:16px}.web-admin-heading{flex-direction:column}}.titlebar{background:var(--surface);border-bottom:1px solid var(--border);-webkit-app-region:drag;z-index:20;align-items:center;gap:16px;padding:0 14px 0 16px;display:flex}:root[data-platform=win32] .titlebar{padding-right:150px}:root[data-platform=linux] .titlebar{padding-right:24px}:root[data-platform=darwin] .titlebar{padding-left:88px}.titlebar button,.titlebar input{-webkit-app-region:no-drag}.brand{flex:none;align-items:center;gap:9px;display:flex}.brand-mark{color:#fff;background:linear-gradient(150deg,#6f95ff,#3f63e0);border-radius:8px;place-items:center;width:27px;height:27px;display:grid;box-shadow:0 4px 10px #4f7cff59}.brand-mark.large{border-radius:13px;width:46px;height:46px}.brand-name{letter-spacing:-.02em;font-size:14.5px;font-weight:650}.search-field{background:var(--sunken);max-width:460px;height:34px;color:var(--muted);border:1px solid #0000;border-radius:9px;flex:1;align-items:center;gap:8px;padding:0 10px;transition:border-color .12s,background .12s;display:flex}.search-field:focus-within{background:var(--surface);border-color:var(--accent);box-shadow:0 0 0 3px #4f7cff24}.search-field input{min-width:0;color:var(--text);background:0 0;border:0;outline:none;flex:1;font-size:13px}.search-field input::placeholder{color:var(--muted)}.titlebar-actions{align-items:center;gap:6px;margin-left:auto;display:flex}.primary-button{color:#fff;cursor:pointer;background:linear-gradient(#5d87ff,#466fe8);border:0;border-radius:9px;align-items:center;gap:7px;height:34px;padding:0 15px;font-size:13px;font-weight:600;transition:filter .12s,transform .12s;display:inline-flex;box-shadow:0 1px 2px #1838944d,0 6px 16px #4f7cff42}.primary-button:hover:not(:disabled){filter:brightness(1.06)}.primary-button:active:not(:disabled){transform:translateY(1px)}.primary-button:disabled{opacity:.55;cursor:default;box-shadow:none}.primary-button.compact{height:32px;padding:0 13px;font-size:12.5px}.secondary-button{border:1px solid var(--border-strong);background:var(--surface);height:34px;color:var(--text);cursor:pointer;border-radius:9px;padding:0 14px;font-size:13px;font-weight:550}.secondary-button:hover:not(:disabled){background:var(--hover)}.ghost-button{height:34px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:9px;padding:0 12px;font-size:13px}.ghost-button:hover:not(:disabled){background:var(--hover);color:var(--text)}.ghost-button.small{height:26px;padding:0 9px;font-size:12px}.ghost-icon{width:30px;height:30px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;place-items:center;transition:background .12s,color .12s;display:grid}.ghost-icon:hover:not(:disabled){background:var(--hover);color:var(--text)}.ghost-icon.tiny{width:22px;height:22px}.ghost-icon.danger:hover{color:var(--danger);background:#e5484d1f}.ghost-icon.is-starred{color:var(--star)}.ghost-icon:disabled{opacity:.6;cursor:default}.ghost-icon.is-busy svg{animation:.9s linear infinite spin}.text-button{color:var(--accent);cursor:pointer;white-space:nowrap;background:0 0;border:0;padding:0 2px;font-size:12.5px;font-weight:550}.text-button:hover{text-decoration:underline}@keyframes spin{to{transform:rotate(360deg)}}.sidebar{background:var(--surface-2);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex;overflow:hidden}.sidebar-block{flex-direction:column;min-height:0;padding:12px 10px 4px;display:flex}.sidebar-block.grow{flex:1;overflow:hidden}.sidebar-heading{letter-spacing:.07em;text-transform:uppercase;color:var(--muted);justify-content:space-between;align-items:center;padding:4px 8px 8px;font-size:11px;font-weight:650;display:flex}.account-list{flex-direction:column;gap:2px;display:flex}.account-row{cursor:pointer;text-align:left;background:0 0;border:1px solid #0000;border-radius:9px;align-items:center;gap:10px;width:100%;padding:7px 8px;display:flex}.account-row:hover{background:var(--hover)}.account-row.is-active{background:var(--surface);border-color:var(--border);box-shadow:var(--shadow-soft)}.account-text{flex-direction:column;min-width:0;line-height:1.3;display:flex}.account-name{text-overflow:ellipsis;white-space:nowrap;font-size:12.8px;font-weight:600;overflow:hidden}.account-mail{color:var(--muted);text-overflow:ellipsis;white-space:nowrap;font-size:11.5px;overflow:hidden}.pill{background:var(--accent-soft);color:var(--accent-strong);letter-spacing:.03em;text-transform:uppercase;border-radius:999px;margin-left:auto;padding:2px 7px;font-size:10.5px;font-weight:650}.folder-list{flex-direction:column;gap:1px;padding-bottom:8px;display:flex;overflow-y:auto}.folder-row{width:100%;color:var(--text-2);cursor:pointer;text-align:left;background:0 0;border:0;border-radius:9px;align-items:center;gap:10px;padding:8px 10px;font-size:13px;transition:background .12s,color .12s;display:flex}.folder-row span:first-of-type{text-overflow:ellipsis;white-space:nowrap;flex:1;overflow:hidden}.folder-row:hover{background:var(--hover);color:var(--text)}.folder-row.is-active{background:var(--accent-soft);color:var(--accent-strong);font-weight:600}.folder-count{background:var(--sunken);min-width:20px;color:var(--text-2);text-align:center;border-radius:999px;padding:1px 6px;font-size:11px;font-weight:600}.folder-row.is-active .folder-count{color:var(--accent-strong);background:#4f7cff29}.sidebar-footer{border-top:1px solid var(--border);justify-content:space-between;align-items:center;gap:8px;padding:10px 12px;display:flex}.footer-button{color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:8px;align-items:center;gap:8px;padding:6px 8px;font-size:12.2px;display:inline-flex}.footer-button:hover{background:var(--hover);color:var(--text)}.version{color:var(--muted);font-size:11px}.list-pane{background:var(--surface);border-right:1px solid var(--border);flex-direction:column;min-height:0;display:flex}.list-header{border-bottom:1px solid var(--border);flex-direction:column;gap:10px;padding:14px 14px 10px;display:flex}.list-heading{justify-content:space-between;align-items:flex-start;gap:8px;display:flex}.list-heading h2{letter-spacing:-.02em;margin:0;font-size:16px;font-weight:660}.list-subtitle{color:var(--muted);margin:2px 0 0;font-size:11.8px}.segmented{background:var(--sunken);border-radius:8px;align-self:flex-start;gap:2px;padding:2px;display:inline-flex}.segmented button{color:var(--muted);cursor:pointer;background:0 0;border:0;border-radius:6px;padding:4px 11px;font-size:11.8px;font-weight:550}.segmented button:hover{color:var(--text)}.segmented button.is-active{background:var(--surface);color:var(--text);box-shadow:var(--shadow-soft)}.list-scroll{flex:1;min-height:0;overflow-y:auto}.list-pane.is-loading .list-scroll{opacity:.55;transition:opacity .16s}.message-row{border-bottom:1px solid var(--border);cursor:pointer;outline:none;grid-template-columns:auto minmax(0,1fr) auto;align-items:flex-start;gap:11px;padding:12px 13px;transition:background .12s;display:grid;position:relative}.message-row:hover{background:var(--hover)}.message-row:focus-visible{box-shadow:inset 0 0 0 2px var(--accent)}.message-row.is-selected{background:var(--accent-soft)}.message-row.is-selected:before{content:"";background:var(--accent);width:3px;position:absolute;top:0;bottom:0;left:0}.row-body{min-width:0}.row-top{align-items:baseline;gap:8px;display:flex}.row-from{color:var(--text-2);text-overflow:ellipsis;white-space:nowrap;flex:1;font-size:13px;overflow:hidden}.message-row.is-unread .row-from{color:var(--text);font-weight:650}.row-time{color:var(--muted);white-space:nowrap;flex:none;font-size:11px}.row-subject{color:var(--text);text-overflow:ellipsis;white-space:nowrap;margin-top:2px;font-size:13px;overflow:hidden}.message-row.is-unread .row-subject{font-weight:650}.message-row:not(.is-unread) .row-subject{color:var(--text-2)}.row-snippet{color:var(--muted);-webkit-line-clamp:2;-webkit-box-orient:vertical;margin-top:3px;font-size:12.2px;line-height:1.45;display:-webkit-box;overflow:hidden}.row-flags{flex-direction:column;align-items:center;gap:6px;padding-top:1px;display:flex}.star-button{width:22px;height:22px;color:var(--border-strong);cursor:pointer;opacity:0;background:0 0;border:0;border-radius:6px;place-items:center;transition:opacity .12s,color .12s;display:grid}.message-row:hover .star-button,.star-button.is-on,.message-row.is-selected .star-button{opacity:1}.star-button:hover{color:var(--star);background:#f0a0201f}.star-button.is-on{color:var(--star)}.row-clip{color:var(--muted)}.unread-dot{background:var(--accent);border-radius:999px;width:8px;height:8px;box-shadow:0 0 0 3px #4f7cff2e}.empty-list{text-align:center;color:var(--muted);padding:56px 26px}.empty-title{color:var(--text);margin:12px 0 4px;font-size:14px;font-weight:620}.empty-hint{color:var(--muted);margin:0;max-width:300px;margin-inline:auto;font-size:12.5px;line-height:1.55}.reader{background:var(--bg);flex-direction:column;min-width:0;min-height:0;display:flex}.reader-toolbar{border-bottom:1px solid var(--border);background:var(--surface);flex:none;justify-content:space-between;align-items:center;gap:12px;height:52px;padding:0 14px;display:flex}.toolbar-group{align-items:center;gap:4px;display:flex}.tool-button{height:32px;color:var(--text-2);cursor:pointer;background:0 0;border:1px solid #0000;border-radius:8px;align-items:center;gap:7px;padding:0 11px;font-size:12.8px;display:inline-flex}.tool-button:hover{background:var(--hover);color:var(--text)}.reader-head{background:var(--surface);flex:none;padding:18px 24px 14px}.reader-subject{letter-spacing:-.02em;color:var(--text);word-break:break-word;margin:0 0 14px;font-size:21px;font-weight:670;line-height:1.28}.reader-meta{align-items:flex-start;gap:12px;display:flex}.reader-meta-text{flex:1;min-width:0}.reader-from{flex-wrap:wrap;align-items:baseline;gap:8px;font-size:13.5px;display:flex}.reader-from strong{font-weight:640}.reader-address{color:var(--muted);font-size:12.3px}.reader-to{color:var(--muted);cursor:pointer;background:0 0;border:0;align-items:center;gap:4px;margin-top:3px;padding:0;font-size:12.2px;display:inline-flex}.reader-to:hover{color:var(--accent)}.reader-details{background:var(--surface-2);border:1px solid var(--border);color:var(--text-2);border-radius:9px;gap:5px;margin-top:10px;padding:10px 12px;font-size:12.2px;animation:.14s ease-out fade-in;display:grid}.reader-details span{width:46px;color:var(--muted);display:inline-block}.reader-date{color:var(--muted);white-space:nowrap;flex:none;padding-top:2px;font-size:12px}.attachments{background:var(--surface);flex-wrap:wrap;flex:none;gap:8px;padding:0 24px 14px;display:flex}.attachment{border:1px solid var(--border);background:var(--surface-2);max-width:300px;color:var(--text-2);cursor:pointer;border-radius:9px;align-items:center;gap:8px;padding:7px 11px;font-size:12.4px;display:inline-flex}.attachment:hover{border-color:var(--accent);color:var(--text)}.attachment-name{text-overflow:ellipsis;white-space:nowrap;max-width:180px;overflow:hidden}.attachment-size{color:var(--muted);font-size:11.4px}.attachment-save{opacity:.6}.attachment:hover .attachment-save{opacity:1;color:var(--accent)}.reader-body{border:0;border-top:1px solid var(--border);background:#fff;flex:1;width:100%;min-height:0}:root[data-theme=dark] .reader-body{border-top:0;border-radius:10px;width:calc(100% - 24px);margin:0 12px 12px;box-shadow:0 10px 30px #00000059}.reader-empty{text-align:center;margin:auto;padding:40px;animation:.22s ease-out fade-in}.reader-empty-icon{background:var(--surface);border:1px solid var(--border);width:62px;height:62px;color:var(--muted);box-shadow:var(--shadow-soft);border-radius:18px;place-items:center;margin:0 auto 4px;display:grid}.avatar{letter-spacing:.02em;-webkit-user-select:none;user-select:none;border-radius:999px;flex:none;justify-content:center;align-items:center;font-weight:660;display:inline-flex}.avatar.avatar-square{border-radius:9px}.flip{transform:rotate(180deg)}.modal-backdrop{z-index:50;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);background:#0a111c70;justify-content:center;align-items:center;padding:28px;animation:.13s ease-out fade-in;display:flex;position:fixed;inset:0}.modal{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(560px,100%);max-height:calc(100vh - 80px);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.modal-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:flex-start;gap:12px;padding:18px 20px 14px;display:flex}.modal-head h2{letter-spacing:-.02em;margin:0;font-size:16px}.modal-head p{color:var(--muted);margin:4px 0 0;font-size:12.4px}.modal-body{flex-direction:column;gap:12px;padding:16px 20px;display:flex;overflow-y:auto}.modal-foot{border-top:1px solid var(--border);background:var(--surface-2);justify-content:flex-end;gap:8px;padding:12px 20px;display:flex}.field-row{grid-template-columns:1fr 1fr;gap:10px;display:grid}.field{border-bottom:1px solid var(--border);align-items:center;gap:10px;display:flex}.field>span{width:54px;color:var(--muted);flex:none;font-size:12.4px}.field input{background:0 0;border:0;outline:none;flex:1;min-width:0;padding:11px 0;font-size:13px}.field:focus-within{border-bottom-color:var(--accent);box-shadow:0 1px 0 0 var(--accent)}.field.stacked{border-bottom:0;flex-direction:column;align-items:stretch;gap:6px;display:flex}.field.stacked>span{letter-spacing:.03em;text-transform:uppercase;width:auto;color:var(--muted);font-size:11.6px;font-weight:600}.field.stacked input,.field.stacked select{border:1px solid var(--border-strong);background:var(--surface-2);border-radius:9px;outline:none;height:36px;padding:0 11px}.field.stacked input:focus,.field.stacked select:focus{border-color:var(--accent);background:var(--surface);box-shadow:0 0 0 3px #4f7cff26}.field.stacked input::placeholder{color:var(--muted)}.hint-row{color:var(--muted);flex-wrap:wrap;align-items:center;gap:6px;margin:0;font-size:12.2px;line-height:1.5;display:flex}.advanced-toggle{align-self:flex-start}.advanced{background:var(--surface-2);border:1px solid var(--border);border-radius:10px;flex-direction:column;gap:10px;padding:12px;animation:.14s ease-out fade-in;display:flex}.server-group{border:0;align-items:center;gap:8px;margin:0;padding:0;display:flex}.server-group legend{letter-spacing:.03em;text-transform:uppercase;color:var(--muted);padding:0 0 6px;font-size:11.6px;font-weight:600}.server-group input{border:1px solid var(--border-strong);background:var(--surface);border-radius:8px;outline:none;height:34px;padding:0 10px}.server-group input.host{flex:1;min-width:0}.server-group input.port{width:76px}.check{color:var(--text-2);align-items:center;gap:5px;font-size:12px;display:inline-flex}.form-error,.compose-error{color:#d33a3f;background:#e5484d1a;border:1px solid #e5484d47;border-radius:8px;margin:0;padding:9px 11px;font-size:12.4px;line-height:1.5}:root[data-theme=dark] .form-error,:root[data-theme=dark] .compose-error{color:#ff8f92}.connected{border-top:1px solid var(--border);flex-direction:column;gap:8px;padding-top:12px;display:flex}.connected h3{letter-spacing:.05em;text-transform:uppercase;color:var(--muted);margin:0;font-size:11.6px;font-weight:650}.connected-row{align-items:center;gap:9px;font-size:12.6px;display:flex}.connected-mail{text-overflow:ellipsis;white-space:nowrap;color:var(--text-2);flex:1;overflow:hidden}.dot{border-radius:999px;flex:none;width:9px;height:9px}.compose{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius-lg);width:min(780px,100%);height:min(640px,100vh - 90px);box-shadow:var(--shadow);flex-direction:column;display:flex;overflow:hidden}.compose-head{border-bottom:1px solid var(--border);justify-content:space-between;align-items:center;padding:14px 18px;display:flex}.compose-head h2{letter-spacing:-.01em;margin:0;font-size:14.5px;font-weight:640}.compose-fields{flex:none;padding:4px 18px 0}.compose-fields .field:last-child{border-bottom:0}.compose-toolbar{border-top:1px solid var(--border);border-bottom:1px solid var(--border);background:var(--surface-2);flex:none;align-items:center;gap:3px;padding:7px 14px;display:flex}.compose-toolbar button{min-width:28px;height:26px;color:var(--text-2);cursor:pointer;background:0 0;border:0;border-radius:6px;justify-content:center;align-items:center;padding:0 6px;font-size:12.5px;display:inline-flex}.compose-toolbar button:hover{background:var(--hover);color:var(--text)}.toolbar-divider{background:var(--border);width:1px;height:16px;margin:0 4px}.compose-body{color:var(--text);outline:none;flex:1;min-height:0;padding:16px 20px;font-size:13.5px;line-height:1.62;overflow-y:auto}.compose-body:empty:before{content:"Write your message…";color:var(--muted)}.compose-body a{color:var(--accent)}.compose-error{margin:0 18px 10px}.compose-foot{border-top:1px solid var(--border);background:var(--surface-2);flex:none;justify-content:space-between;align-items:center;gap:12px;padding:12px 18px;display:flex}.compose-actions{align-items:center;gap:8px;display:flex}.compose-hint{color:var(--muted);text-align:right;font-size:11.6px}.toast{z-index:80;background:var(--surface);border:1px solid var(--border);max-width:min(520px,100vw - 48px);box-shadow:var(--shadow);color:var(--text);border-radius:10px;align-items:center;gap:9px;padding:10px 12px 10px 14px;font-size:12.8px;animation:.18s ease-out toast-in;display:flex;position:fixed;bottom:22px;left:50%;transform:translate(-50%)}.toast-error{color:var(--danger);border-color:#e5484d66}.toast-success{color:var(--success);border-color:#2f9e4466}.toast-close{color:inherit;opacity:.6;cursor:pointer;background:0 0;border:0;place-items:center;padding:2px;display:grid}.toast-close:hover{opacity:1}@keyframes toast-in{0%{opacity:0;transform:translate(-50%,8px)}}@media (width<=1200px){.workspace{grid-template-columns:220px 336px minmax(280px,1fr)}.tool-button span{display:none}}