#talkmail-design-preview { width:100%; }
#talkmail-design-preview .tm-app {
  color-scheme:light dark;
  --tm-bg:light-dark(#ffffff,#2d2e30);
  --tm-ink:light-dark(#1f1f1f,#dfdfdf);
  --tm-sub:light-dark(#777777,#a3a3a3);
  --tm-line:light-dark(#e5e5e5,#37383a);
  --tm-soft:light-dark(#f5f5f5,#4a4a4a);
  --tm-chat:light-dark(#ffffff,#2d2e30);
  --tm-green:light-dark(#07b53b,#44ad53);
  --tm-green-ink:light-dark(#078d30,#86d97b);
  --tm-green-soft:light-dark(#edf8ee,#373d37);
  --tm-incoming:light-dark(#efefef,#555555);
  --tm-out:light-dark(#c3f69d,#86d97b);
  --tm-out-ink:#1f1f1f;
  --tm-rail:light-dark(#2a334a,#1f1f1f);
  --tm-rail-ink:light-dark(#9ca5b9,#949494);
  --tm-rail-selected:light-dark(#3b455d,#333333);
  --tm-selected:light-dark(#f0f0f0,#3b3c3e);
  --tm-date:light-dark(#f5f5f5,#262729);
  --tm-gmail:light-dark(#b35043,#efac9f);
  --tm-gmail-bg:light-dark(#fff1ed,#48302b);
  --tm-yahoo:light-dark(#a13f61,#efadc5);
  --tm-yahoo-bg:light-dark(#fff0f5,#442c38);
  --tm-radius:17px;
  --tm-row-space:16px;
  font:400 14px/1.65 -apple-system,BlinkMacSystemFont,"Segoe UI","Yu Gothic UI","Meiryo",sans-serif;
  color:var(--tm-ink); background:var(--tm-bg); border:1px solid var(--tm-line);
  border-radius:16px; min-width:0; overflow:clip; text-align:left;
}
#talkmail-design-preview .tm-app * { box-sizing:border-box; }
#talkmail-design-preview .tm-app button,
#talkmail-design-preview .tm-app input,
#talkmail-design-preview .tm-app textarea,
#talkmail-design-preview .tm-app select { font:inherit; color:inherit; }
#talkmail-design-preview .tm-app button { border:0; margin:0; background:none; }
#talkmail-design-preview .tm-app button:disabled { opacity:.45; }
#talkmail-design-preview .tm-app [hidden] { display:none !important; }
#talkmail-design-preview .tm-app i[data-lucide],
#talkmail-design-preview .tm-app svg.lucide { width:19px; height:19px; flex-shrink:0; vertical-align:middle; }
#talkmail-design-preview .tm-top { min-height:61px; display:flex; align-items:center; justify-content:space-between; gap:16px; padding:12px 24px; border-bottom:1px solid var(--tm-line); }
#talkmail-design-preview .tm-wordmark { display:flex; gap:10px; align-items:center; font-size:20px; font-weight:700; letter-spacing:-.7px; }
#talkmail-design-preview .tm-brand-icon { display:grid; place-items:center; height:32px; width:32px; border-radius:10px; color:#fff; background:var(--tm-green); }
#talkmail-design-preview .tm-brand-icon svg.lucide { width:21px; height:21px; }
#talkmail-design-preview .tm-top-right { display:flex; align-items:center; gap:12px; margin-right:82px; }
#talkmail-design-preview .tm-mode-picker { display:flex; align-items:center; gap:4px; padding:3px 6px 3px 9px; border:1px solid var(--tm-line); border-radius:7px; background:var(--tm-bg); color:var(--tm-sub); min-height:32px; }
#talkmail-design-preview .tm-mode-picker svg.lucide { width:14px; height:14px; }
#talkmail-design-preview .tm-mode-picker select { font-size:11px; border:0; padding:3px 0; min-width:58px; background:var(--tm-bg); color:var(--tm-ink); }
#talkmail-design-preview .tm-preview-label { display:flex; gap:6px; align-items:center; color:var(--tm-sub); font-size:11px; letter-spacing:.025em; }
#talkmail-design-preview .tm-preview-label svg.lucide { width:13px; height:13px; }
#talkmail-design-preview .tm-me { width:29px; height:29px; border:1px solid var(--tm-line); background:var(--tm-soft); display:grid; place-items:center; border-radius:50%; font-size:10px; font-weight:700; }
#talkmail-design-preview .tm-layout { display:grid; grid-template-columns:68px 292px minmax(0,1fr); min-height:708px; }
#talkmail-design-preview .tm-rail { background:var(--tm-rail); border-right:1px solid var(--tm-line); padding:22px 7px 12px; display:flex; flex-direction:column; align-items:center; gap:15px; }
#talkmail-design-preview .tm-rail-button { width:52px; min-height:56px; padding:4px 0 !important; display:flex; flex-direction:column; align-items:center; justify-content:center; gap:4px; border-radius:12px; color:var(--tm-rail-ink); font-size:10px; position:relative; white-space:nowrap; }
#talkmail-design-preview .tm-rail-button svg.lucide { width:22px; height:22px; }
#talkmail-design-preview .tm-rail .tm-rail-button { color:var(--tm-rail-ink); }
#talkmail-design-preview .tm-rail-button:hover { background:var(--tm-rail-selected); }
#talkmail-design-preview .tm-rail .tm-rail-button.is-active { color:#ffffff; background:var(--tm-rail-selected); }
#talkmail-design-preview .tm-rail-button.tm-rail-bottom { margin-top:auto; }
#talkmail-design-preview .tm-rail-dot { position:absolute; top:1px; right:2px; min-width:19px; height:19px; padding:0 4px; display:grid; place-items:center; background:#ff526c; color:#fff; border-radius:12px; font-size:10px; font-weight:600; border:2px solid var(--tm-rail); }
#talkmail-design-preview .tm-inbox { min-width:0; border-right:1px solid var(--tm-line); background:var(--tm-bg); }
#talkmail-design-preview .tm-inbox-head { padding:23px 20px 17px; }
#talkmail-design-preview .tm-title-row { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-bottom:15px; }
#talkmail-design-preview .tm-title { font-size:21px; line-height:1.4; font-weight:700; letter-spacing:.04em; }
#talkmail-design-preview .tm-title-count { font-size:11px; padding:2px 8px; border-radius:12px; background:var(--tm-green-soft); color:var(--tm-green-ink); white-space:nowrap; }
#talkmail-design-preview .tm-search { border:1px solid transparent; background:var(--tm-soft); border-radius:9px; padding:9px 11px; display:flex; gap:8px; align-items:center; color:var(--tm-sub); }
#talkmail-design-preview .tm-search svg.lucide { width:16px; height:16px; }
#talkmail-design-preview .tm-search input { width:100%; min-width:0; padding:0; border:0; background:none; font-size:12px; }
#talkmail-design-preview .tm-search:focus-within { border-color:var(--tm-green); }
#talkmail-design-preview .tm-search input:focus-visible { outline-offset:4px; }
#talkmail-design-preview .tm-filters { display:flex; gap:5px; padding:12px 0 0; }
#talkmail-design-preview .tm-filter { min-height:30px; padding:3px 10px; border-radius:7px; font-size:11px; color:var(--tm-sub); display:flex; align-items:center; gap:5px; }
#talkmail-design-preview .tm-filter.is-active { background:var(--tm-ink); color:var(--tm-bg); }
#talkmail-design-preview .tm-filter:hover:not(.is-active) { background:var(--tm-soft); }
#talkmail-design-preview .tm-provider-dot { display:inline-block; width:5px; height:5px; border-radius:50%; background:currentColor; }
#talkmail-design-preview .tm-inbox-options { display:flex; align-items:center; justify-content:space-between; gap:8px; padding:0 20px 10px; color:var(--tm-sub); font-size:11px; }
#talkmail-design-preview .tm-toggle-unread { display:flex; align-items:center; gap:6px; padding:0; min-height:26px; }
#talkmail-design-preview .tm-toggle-unread i[data-lucide],
#talkmail-design-preview .tm-toggle-unread svg.lucide { width:13px; height:13px; }
#talkmail-design-preview .tm-toggle-unread[aria-pressed="true"] { color:var(--tm-green-ink); }
#talkmail-design-preview .tm-contact { position:relative; width:100%; padding:var(--tm-row-space) 17px; display:flex; gap:12px; align-items:center; text-align:left; border-left:3px solid transparent !important; }
#talkmail-design-preview .tm-contact:hover { background:var(--tm-soft); }
#talkmail-design-preview .tm-contact.is-selected { background:var(--tm-selected); }
#talkmail-design-preview .tm-avatar { width:43px; height:43px; display:grid; place-items:center; border-radius:50%; background:light-dark(#e8eeea,#34463b); color:light-dark(#496255,#c4d8ca); font-size:14px; font-weight:500; flex-shrink:0; letter-spacing:.03em; }
#talkmail-design-preview .tm-avatar.tm-warm { background:light-dark(#f3eadd,#493d2d); color:light-dark(#8c6d42,#e1cda9); }
#talkmail-design-preview .tm-avatar.tm-blue { background:light-dark(#e4edf4,#2d4050); color:light-dark(#5b7891,#c0d5e6); }
#talkmail-design-preview .tm-avatar.tm-rose { background:light-dark(#f0e5e9,#49343d); color:light-dark(#936f7c,#e5c0ce); }
#talkmail-design-preview .tm-contact-body { flex:1; min-width:0; }
#talkmail-design-preview .tm-contact-top { display:flex; align-items:center; justify-content:space-between; gap:5px; }
#talkmail-design-preview .tm-contact-name { font-size:13px; font-weight:500; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; }
#talkmail-design-preview .tm-contact.has-unread .tm-contact-name { font-weight:700; }
#talkmail-design-preview .tm-contact-time { font-size:10px; color:var(--tm-sub); white-space:nowrap; }
#talkmail-design-preview .tm-contact.has-unread .tm-contact-time { color:var(--tm-green-ink); }
#talkmail-design-preview .tm-contact-bottom { display:flex; gap:8px; align-items:center; margin-top:3px; }
#talkmail-design-preview .tm-snippet { color:var(--tm-sub); font-size:12px; white-space:nowrap; overflow:hidden; text-overflow:ellipsis; flex:1; }
#talkmail-design-preview .tm-unread { min-width:19px; height:19px; display:grid; place-items:center; padding:0 5px; font-size:10px; font-weight:700; border-radius:50%; background:var(--tm-green); color:#fff; flex-shrink:0; }
#talkmail-design-preview .tm-contact-accounts { display:flex; gap:5px; align-items:center; margin-top:5px; }
#talkmail-design-preview .tm-source { font-size:9px; line-height:1.5; padding:1px 5px; border-radius:4px; white-space:nowrap; background:var(--tm-gmail-bg); color:var(--tm-gmail); }
#talkmail-design-preview .tm-source.is-yahoo { background:var(--tm-yahoo-bg); color:var(--tm-yahoo); }
#talkmail-design-preview .tm-pin { color:var(--tm-sub); }
#talkmail-design-preview .tm-pin svg.lucide { width:10px; height:10px; }
#talkmail-design-preview .tm-list-foot { margin:13px 20px 20px; display:flex; align-items:center; gap:7px; font-size:10px; color:var(--tm-sub); }
#talkmail-design-preview .tm-list-foot svg.lucide { width:12px; height:12px; }
#talkmail-design-preview .tm-chat { min-width:0; display:flex; flex-direction:column; background:var(--tm-chat); position:relative; }
#talkmail-design-preview .tm-chat-head { padding:18px 23px 15px; display:flex; gap:11px; align-items:center; border-bottom:1px solid var(--tm-line); background:var(--tm-bg); min-height:83px; }
#talkmail-design-preview .tm-chat-person { flex:1; min-width:0; }
#talkmail-design-preview .tm-chat-name { font-size:15px; font-weight:700; display:flex; align-items:center; gap:7px; }
#talkmail-design-preview .tm-chat-sub { color:var(--tm-sub); font-size:10px; margin-top:2px; }
#talkmail-design-preview .tm-chat-actions { display:flex; gap:4px; }
#talkmail-design-preview .tm-icon-button { display:grid; place-items:center; width:32px; height:32px; color:var(--tm-sub); border-radius:8px; }
#talkmail-design-preview .tm-icon-button:hover { background:var(--tm-soft); color:var(--tm-ink); }
#talkmail-design-preview .tm-icon-button.is-starred { color:light-dark(#a57e23,#ecd18b); }
#talkmail-design-preview .tm-back { display:none; }
#talkmail-design-preview .tm-thread-strip { padding:10px 23px; background:var(--tm-bg); font-size:11px; display:flex; align-items:center; gap:7px; color:var(--tm-sub); border-bottom:1px solid var(--tm-line); }
#talkmail-design-preview .tm-thread-strip svg.lucide { width:13px; height:13px; }
#talkmail-design-preview .tm-thread-strip strong { font-weight:500; color:var(--tm-ink); }
#talkmail-design-preview .tm-thread-strip span:last-child { margin-left:auto; white-space:nowrap; font-size:10px; }
#talkmail-design-preview .tm-messages { padding:20px 22px 22px; flex:1; display:flex; flex-direction:column; gap:17px; }
#talkmail-design-preview .tm-date { text-align:center; color:var(--tm-sub); font-size:10px; margin-bottom:1px; }
#talkmail-design-preview .tm-date span { background:var(--tm-date); padding:4px 13px; border-radius:20px; }
#talkmail-design-preview .tm-message { display:flex; align-items:flex-end; gap:7px; }
#talkmail-design-preview .tm-message.is-me { flex-direction:row-reverse; }
#talkmail-design-preview .tm-message.is-me > .tm-avatar { display:none; }
#talkmail-design-preview .tm-message .tm-avatar { width:26px; height:26px; font-size:9px; align-self:flex-start; margin-top:21px; margin-right:9px; }
#talkmail-design-preview .tm-message-body { min-width:0; max-width:83%; }
#talkmail-design-preview .tm-message-meta { font-size:10px; color:var(--tm-sub); display:flex; flex-wrap:wrap; gap:4px 6px; align-items:center; margin:0 3px 5px; }
#talkmail-design-preview .is-me .tm-message-meta { justify-content:flex-end; }
#talkmail-design-preview .tm-bubble { position:relative; padding:12px 15px; background:var(--tm-incoming); border-radius:var(--tm-radius); font-size:13px; line-height:1.85; overflow-wrap:anywhere; }
#talkmail-design-preview .tm-bubble::before { content:""; position:absolute; top:calc(var(--tm-radius) * .4); left:-7px; width:14px; height:14px; background:var(--tm-incoming); clip-path:path("M 14 0 C 10 4 5 5 0 2 C 2 10 8 14 14 14 Z"); pointer-events:none; }
#talkmail-design-preview .is-me .tm-bubble { background:var(--tm-out); color:var(--tm-out-ink); border-radius:var(--tm-radius); }
#talkmail-design-preview .is-me .tm-bubble::before { left:auto; right:-7px; background:var(--tm-out); transform:scaleX(-1); }
#talkmail-design-preview .tm-message-time { padding-bottom:2px; color:var(--tm-sub); font-size:9px; white-space:nowrap; }
#talkmail-design-preview .tm-letter-meta { display:none; }
#talkmail-design-preview .tm-attachment { display:flex; align-items:center; gap:9px; width:100%; margin-top:10px !important; padding:9px 10px !important; border:1px solid var(--tm-line) !important; border-radius:9px; text-align:left; background:var(--tm-soft) !important; }
#talkmail-design-preview .tm-file-icon { width:30px; height:35px; border-radius:5px; display:grid; place-items:center; color:var(--tm-gmail); background:var(--tm-gmail-bg); }
#talkmail-design-preview .tm-attachment strong { font-weight:500; font-size:11px; display:block; }
#talkmail-design-preview .tm-attachment small { font-size:9px; color:var(--tm-sub); display:block; }
#talkmail-design-preview .tm-composer { background:var(--tm-bg); border-top:1px solid var(--tm-line); padding:12px 20px 10px; }
#talkmail-design-preview .tm-reply-account { display:flex; align-items:center; gap:5px; font-size:10px; color:var(--tm-sub); margin-bottom:8px; }
#talkmail-design-preview .tm-reply-account svg.lucide { width:12px; height:12px; }
#talkmail-design-preview .tm-reply-account select { border:0; background:var(--tm-bg); font-size:10px; max-width:calc(100% - 65px); padding:2px; }
#talkmail-design-preview .tm-compose-box { border:1px solid var(--tm-line); border-radius:11px; background:var(--tm-soft); padding:10px 12px; }
#talkmail-design-preview .tm-compose-box textarea { width:100%; min-height:36px; max-height:160px; display:block; resize:vertical; border:0; background:none; font-size:12px; line-height:1.7; }
#talkmail-design-preview .tm-compose-bottom { display:flex; align-items:center; justify-content:space-between; gap:8px; margin-top:5px; }
#talkmail-design-preview .tm-compose-note { color:var(--tm-sub); font-size:9px; }
#talkmail-design-preview .tm-send { padding:6px 13px !important; min-height:31px; display:flex; align-items:center; gap:6px; background:var(--tm-green) !important; color:#fff !important; border-radius:7px; font-size:11px !important; font-weight:500 !important; }
#talkmail-design-preview .tm-send svg.lucide { width:13px; height:13px; }
#talkmail-design-preview .tm-demo-foot { margin-top:6px; font-size:9px; color:var(--tm-sub); text-align:center; }
#talkmail-design-preview .tm-empty { color:var(--tm-sub); padding:32px 20px; text-align:center; font-size:12px; }
#talkmail-design-preview .tm-feedback { color:var(--tm-green-ink); font-size:10px; padding:4px 0 0; text-align:center; min-height:1px; }
#talkmail-design-preview .tm-dialog-layer { position:absolute; inset:0; background:light-dark(#1c302b33,#00000066); display:grid; place-items:center; padding:20px; z-index:6; }
#talkmail-design-preview .tm-dialog { background:var(--tm-bg); border:1px solid var(--tm-line); border-radius:17px; width:min(100%,390px); padding:24px; box-shadow:0 16px 70px #0000001a; }
#talkmail-design-preview .tm-dialog-head { display:flex; gap:12px; justify-content:space-between; align-items:center; margin-bottom:18px; }
#talkmail-design-preview .tm-dialog-title { font-size:16px; font-weight:600; }
#talkmail-design-preview .tm-dialog p { margin:10px 0; font-size:12px; line-height:1.8; }
#talkmail-design-preview .tm-dialog-row { border-top:1px solid var(--tm-line); padding:12px 0; display:flex; gap:10px; align-items:center; font-size:12px; }
#talkmail-design-preview .tm-dialog-row small { display:block; color:var(--tm-sub); font-size:10px; overflow-wrap:anywhere; }
#talkmail-design-preview .tm-dialog-muted { color:var(--tm-sub); font-size:11px !important; }
#talkmail-design-preview .tm-letter .tm-layout { grid-template-columns:292px minmax(0,1fr); }
#talkmail-design-preview .tm-letter .tm-rail { display:none; }
#talkmail-design-preview .tm-letter .tm-top { padding-bottom:12px; }
#talkmail-design-preview .tm-top-nav { display:none; }
#talkmail-design-preview .tm-letter .tm-top-nav { display:flex; gap:7px; margin-left:22px; margin-right:auto; }
#talkmail-design-preview .tm-top-nav button { padding:5px 9px; color:var(--tm-sub); font-size:11px; border-radius:6px; }
#talkmail-design-preview .tm-top-nav button.is-active { background:var(--tm-green-soft); color:var(--tm-green-ink); }
#talkmail-design-preview .tm-letter .tm-messages { gap:13px; background:var(--tm-soft); }
#talkmail-design-preview .tm-letter .tm-message { display:block; }
#talkmail-design-preview .tm-letter .tm-message .tm-avatar,
#talkmail-design-preview .tm-letter .tm-message-time,
#talkmail-design-preview .tm-letter .tm-message-meta { display:none; }
#talkmail-design-preview .tm-letter .tm-message-body { max-width:100%; }
#talkmail-design-preview .tm-letter .tm-bubble { border:1px solid var(--tm-line); border-radius:10px; padding:13px 16px; background:var(--tm-bg); color:var(--tm-ink); }
#talkmail-design-preview .tm-letter .tm-bubble::before { display:none; }
#talkmail-design-preview .tm-letter .is-me .tm-bubble { border-left:3px solid var(--tm-green); }
#talkmail-design-preview .tm-letter .tm-letter-meta { display:flex; align-items:center; gap:6px; justify-content:space-between; margin-bottom:9px; padding-bottom:7px; border-bottom:1px solid var(--tm-line); font-size:10px; color:var(--tm-sub); }
#talkmail-design-preview .tm-letter .tm-letter-meta strong { font-weight:500; color:var(--tm-ink); }
#talkmail-design-preview .tm-letter .tm-thread-strip { padding-top:12px; padding-bottom:12px; }
#talkmail-design-preview .tm-letter .tm-message-letter-subject { font-size:10px; color:var(--tm-sub); margin-top:3px; }
#talkmail-design-preview .tm-chat a { color:var(--tm-green-ink); }
#talkmail-design-preview .tm-address-detail { overflow-wrap:anywhere; }
@media (max-width:1000px) {
  #talkmail-design-preview .tm-preview-label { display:none; }
  #talkmail-design-preview .tm-top-right { gap:8px; }
  #talkmail-design-preview .tm-letter .tm-top-nav { margin-left:10px; gap:0; }
}
@media (min-width:1250px) {
  #talkmail-design-preview .tm-layout { grid-template-columns:76px 320px minmax(0,1fr); }
  #talkmail-design-preview .tm-letter .tm-layout { grid-template-columns:320px minmax(0,1fr); }
  #talkmail-design-preview .tm-messages { padding-left:32px; padding-right:32px; }
  #talkmail-design-preview .tm-message-body { max-width:75%; }
}
@media (max-width:850px) {
  #talkmail-design-preview .tm-layout { grid-template-columns:55px 252px minmax(0,1fr); }
  #talkmail-design-preview .tm-letter .tm-layout { grid-template-columns:252px minmax(0,1fr); }
  #talkmail-design-preview .tm-rail { padding-left:2px; padding-right:2px; }
  #talkmail-design-preview .tm-rail-button { width:46px; }
  #talkmail-design-preview .tm-inbox-head { padding-left:15px; padding-right:15px; }
  #talkmail-design-preview .tm-contact { padding-left:12px; padding-right:12px; gap:9px; }
  #talkmail-design-preview .tm-contact .tm-avatar { width:36px; height:36px; font-size:12px; }
  #talkmail-design-preview .tm-chat-head { padding:16px; }
  #talkmail-design-preview .tm-thread-strip { padding-left:16px; padding-right:16px; }
  #talkmail-design-preview .tm-thread-strip span:last-child { display:none; }
  #talkmail-design-preview .tm-messages { padding:18px 14px; }
  #talkmail-design-preview .tm-message-body { max-width:87%; }
  #talkmail-design-preview .tm-message > .tm-avatar { display:none; }
  #talkmail-design-preview .tm-composer { padding-left:12px; padding-right:12px; }
}
@media (max-width:620px) {
  #talkmail-design-preview .tm-app { border-radius:12px; }
  #talkmail-design-preview .tm-top { padding:12px 15px; }
  #talkmail-design-preview .tm-wordmark { font-size:19px; }
  #talkmail-design-preview .tm-top-right { margin-right:0; }
  #talkmail-design-preview .tm-preview-label { font-size:10px; }
  #talkmail-design-preview .tm-me { display:none; }
  #talkmail-design-preview .tm-layout,
  #talkmail-design-preview .tm-letter .tm-layout { grid-template-columns:minmax(0,1fr); min-height:735px; }
  #talkmail-design-preview .tm-rail { display:none; }
  #talkmail-design-preview .tm-inbox { border-right:0; }
  #talkmail-design-preview .tm-inbox-head { padding-top:19px; }
  #talkmail-design-preview .tm-contact { padding:15px 19px; }
  #talkmail-design-preview .tm-contact .tm-avatar { height:44px; width:44px; font-size:14px; }
  #talkmail-design-preview .tm-contact-name { font-size:14px; }
  #talkmail-design-preview .tm-snippet { font-size:12px; }
  #talkmail-design-preview .tm-chat { display:none; }
  #talkmail-design-preview .tm-app.is-mobile-chat .tm-inbox { display:none; }
  #talkmail-design-preview .tm-app.is-mobile-chat .tm-chat { display:flex; }
  #talkmail-design-preview .tm-back { display:grid; width:25px; margin-left:-7px !important; }
  #talkmail-design-preview .tm-chat-head { gap:8px; padding:15px 12px; }
  #talkmail-design-preview .tm-chat-head > .tm-avatar { width:35px; height:35px; font-size:12px; }
  #talkmail-design-preview .tm-chat-name { font-size:14px; }
  #talkmail-design-preview .tm-chat-sub { font-size:9px; }
  #talkmail-design-preview .tm-chat-actions { gap:0; }
  #talkmail-design-preview .tm-chat-actions .tm-icon-button { width:30px; }
  #talkmail-design-preview .tm-letter .tm-top-nav { display:none; }
  #talkmail-design-preview .tm-top-right { gap:0; }
  #talkmail-design-preview .tm-chat-name { overflow-wrap:anywhere; }
  #talkmail-design-preview .tm-thread-strip { font-size:10px; }
  #talkmail-design-preview .tm-compose-note { font-size:9px; }
  #talkmail-design-preview .tm-messages { padding-top:21px; gap:20px; }
  #talkmail-design-preview .tm-message-body { max-width:86%; }
  #talkmail-design-preview .tm-search input,
  #talkmail-design-preview .tm-compose-box textarea,
  #talkmail-design-preview .tm-reply-account select { font-size:16px; }
  #talkmail-design-preview .tm-compose-note { display:none; }
  #talkmail-design-preview .tm-compose-bottom { justify-content:flex-end; }
  #talkmail-design-preview .tm-reply-account select { font-size:12px; min-height:35px; }
}
@media (pointer:coarse) {
  #talkmail-design-preview .tm-icon-button { min-width:44px; min-height:44px; }
  #talkmail-design-preview .tm-filter,
  #talkmail-design-preview .tm-send,
  #talkmail-design-preview .tm-toggle-unread { min-height:44px; }
}
@media (prefers-reduced-motion:no-preference) {
  #talkmail-design-preview .tm-contact,
  #talkmail-design-preview .tm-filter,
  #talkmail-design-preview .tm-icon-button { transition:background-color .14s ease; }
}