.mail{grid-template-columns:300px 1fr 300px;min-height:560px;display:grid}.mail-list .m{border-bottom:1px solid var(--line);cursor:pointer;gap:3px;padding:14px 16px;transition:background .15s;display:grid}.mail-list .m:hover{background:#00000006}.mail-list .m.on{background:var(--white);box-shadow:inset 2px 0 0 var(--ink)}.mail-list .m .r{justify-content:space-between;gap:8px;font-size:13px;display:flex}.mail-list .m .r b{font-weight:600}.mail-list .m .s{color:var(--ink-2);white-space:nowrap;text-overflow:ellipsis;font-size:12.5px;overflow:hidden}.mail-list .m .p{color:var(--ink-3);white-space:nowrap;text-overflow:ellipsis;font-size:12px;overflow:hidden}.compose{background:var(--white);flex-direction:column;display:flex}.compose .hdr{border-bottom:1px solid var(--line);align-items:center;gap:10px;padding:12px 22px;font-size:13.5px;display:flex}.compose .hdr .k{color:var(--ink-3);width:56px}.compose .body{color:var(--ink);letter-spacing:-.005em;flex:1;padding:22px;font-size:15px;line-height:1.65}.compose .body p{margin:0 0 14px}.hl{cursor:help;border-radius:4px;padding:1px 3px;transition:background .2s;position:relative}.hl-a{background:#e8edfe}.hl-b{background:#f1ecfe}.hl-c{background:#e7f7f0}.hl-d{background:#fdf3e3}.hl.pulse{box-shadow:0 0 0 2px}.compose .foot{border-top:1px solid var(--line);align-items:center;gap:8px;padding:12px 22px;display:flex}.anno{gap:8px;padding:14px;display:grid}.anno .a{background:var(--white);border:1px solid var(--line);cursor:default;border-radius:10px;gap:4px;padding:11px 12px;font-size:12.5px;transition:border-color .15s,box-shadow .15s;display:grid}.anno .a:hover{border-color:var(--line-2);box-shadow:var(--shadow-sm)}.anno .a b{align-items:center;gap:7px;font-size:13px;font-weight:600;display:flex}.anno .a b i{border-radius:3px;width:10px;height:10px;display:block}.anno .a span{color:var(--ink-2);line-height:1.45}.case-hero{background:var(--panel);border:1px solid var(--line);border-radius:20px;grid-template-columns:1.1fr 1fr;display:grid;overflow:hidden}.case-hero .l{border-right:1px solid var(--line);align-content:start;gap:22px;padding:44px;display:grid}.case-hero .r{background:var(--white);align-content:start;gap:28px;padding:44px;display:grid}.funnel{gap:14px;display:grid}.funnel .f{grid-template-columns:150px 1fr;align-items:center;gap:14px;font-size:13.5px;display:grid}.funnel .bars{gap:4px;display:grid}.funnel .b{height:12px;transition:width 1.4s var(--ease);border-radius:0 4px 4px 0;align-items:center;width:0;display:flex}.funnel .b.before{background:#c8c9cd}.funnel .b.after{background:linear-gradient(90deg,#2437b8,#4d6ff5)}.funnel .vals{font-family:var(--mono);color:var(--ink-3);justify-content:space-between;margin-top:2px;font-size:11.5px;display:flex}.funnel .vals b{color:var(--ink);font-weight:500}.legend{color:var(--ink-2);gap:16px;font-size:12.5px;display:flex}.legend span{align-items:center;gap:6px;display:inline-flex}.legend i{border-radius:2px;width:10px;height:10px;display:block}.compare{grid-template-columns:1fr 1fr;gap:16px;display:grid}.emailcard{background:var(--white);border:1px solid var(--line);border-radius:16px;overflow:hidden}.emailcard .t{border-bottom:1px solid var(--line);justify-content:space-between;align-items:center;padding:14px 18px;font-size:13px;display:flex}.emailcard .c{color:var(--ink-2);padding:20px 18px;font-size:14.5px;line-height:1.6}.emailcard .c p{margin:0 0 12px}.emailcard.bad .c{color:var(--ink-3)}.emailcard .m{border-top:1px solid var(--line);font-family:var(--mono);color:var(--ink-3);gap:18px;padding:12px 18px;font-size:12px;display:flex}.emailcard .m b{color:var(--ink);font-weight:500}.cases{grid-template-columns:repeat(3,1fr);gap:16px;display:grid}.case{align-content:start;gap:14px;padding:28px;display:grid}.case .big{font-family:var(--display);letter-spacing:-.05em;font-size:56px;font-weight:600;line-height:1}.case p{color:var(--ink-2);margin:0}.rw-for{gap:10px}.rw-for .seg{grid-auto-columns:auto}.rw-for .seg button{white-space:nowrap;padding:0 11px}.rw-kbd{font-family:var(--mono);opacity:.6;margin-left:2px;font-size:11px}.rw{grid-template-columns:minmax(0,1fr) minmax(0,1fr);display:grid}.rw .compose{min-width:0}.rw-in{border-right:1px solid var(--line)}.rw-out{background:var(--panel)}.rw-presets{flex-wrap:wrap;row-gap:8px}.rw-chips{flex-wrap:wrap;gap:6px;display:flex}.rw-chips .chip{cursor:pointer;height:26px;font:inherit;padding:0 10px;font-size:12.5px;transition:background .15s,border-color .15s}.rw-chips .chip:not(.dark):hover{border-color:var(--line-2);background:var(--panel)}.rw-subj{min-width:0;font:inherit;color:var(--ink);background:0 0;border:0;outline:none;flex:1;padding:0;font-size:13.5px;font-weight:600}.rw-text{width:100%;font:inherit;letter-spacing:-.005em;color:var(--ink);resize:vertical;background:0 0;border:0;outline:none;flex:1;min-height:200px;padding:22px;font-size:15px;line-height:1.65;display:block}.demo-app .rw-text:focus-visible,.demo-app .rw-subj:focus-visible{outline:0}.rw-in:focus-within .rw-text{box-shadow:inset 2px 0 0 var(--blue)}.rw-mirror{flex-wrap:wrap;align-items:center;gap:6px;padding:0 22px 16px;font-size:12.5px;display:flex}.rw-mirror[hidden]{display:none}.rw-mirror .lbl{font-family:var(--mono);color:var(--ink-3);margin-right:2px;font-size:11px}.rw-mirror .x{color:#a53030;background:#fdecec;border-radius:4px;padding:1px 6px;text-decoration:line-through #a530308c;transition:box-shadow .15s}.rw-mirror .x.amber{color:#8d5a12;background:#fdf3e3;text-decoration-color:#8d5a1280}.rw-mirror .x.on{box-shadow:0 0 0 1.5px}.rw-lintbar{align-items:flex-start;gap:14px}.rw-lint{flex-wrap:wrap;flex:1;gap:6px;min-width:0;display:flex}.rw-lint .chip{cursor:default;transition:transform .2s var(--ease), box-shadow .2s}.rw-lint .chip.rw-flash{transform:translateY(-2px);box-shadow:0 0 0 2px}.rw-pos{color:var(--ink-3);white-space:nowrap;font-size:12px;line-height:22px}.rw-pos b{color:var(--ink);font-weight:500}.rw-pos.bad b{color:#a53030}.rw-note{border-top:1px solid var(--line);color:var(--ink-3);padding:10px 22px 12px;font-size:11.5px;line-height:1.5}.rw-stage{flex-direction:column;flex:1;min-height:300px;display:flex}.rw-stage .body,.rw-stage .hdr{background:var(--white)}.rw-empty{color:var(--ink-3);text-align:center;margin:auto;padding:24px;font-size:14px}.rw-empty b{color:var(--ink);font-weight:600}.rw-status{width:min(420px,100% - 44px);box-shadow:var(--shadow);margin:auto}.rw-status .log{font-size:12.5px}.rw-metrics{border-top:1px solid var(--line);background:var(--white);grid-template-columns:repeat(5,minmax(0,1fr));display:grid}.rw-metrics .mt{border-right:1px solid var(--line);gap:3px;min-width:0;padding:12px 14px;display:grid}.rw-metrics .mt:last-child{border-right:0}.rw-metrics .mt>span{font-family:var(--mono);color:var(--ink-3);white-space:nowrap;font-size:11px}.rw-metrics .mt>div{font-variant-numeric:tabular-nums;white-space:nowrap;align-items:baseline;gap:6px;display:flex}.rw-metrics .bf{color:var(--ink-3);font-size:13px}.rw-metrics i{color:var(--ink-4);font-size:12px;font-style:normal}.rw-metrics b{font-family:var(--display);letter-spacing:-.03em;color:var(--ink);font-size:19px;font-weight:600}.rw-anno{border-top:1px solid var(--line);grid-template-columns:1fr 1fr}.rw-anno .a{transition:opacity .3s,border-color .15s,box-shadow .15s}.rw-anno .a.dim{opacity:.5}.rw-anno .a.hot,.rw-anno .a:focus-visible{border-color:var(--line-2);box-shadow:var(--shadow-sm)}@media (width<=1100px){.rw{grid-template-columns:minmax(0,1fr)}.rw-in{border-right:0;border-bottom:1px solid var(--line)}}@media (width<=720px){.hide-sm{display:none!important}[data-demo=rewrite] .app-top>.cell:nth-child(-n+3){display:none}[data-demo=rewrite] .app-top .cell{padding:0 10px}.rw-for .seg button{padding:0 8px}.rw-text{padding:18px;font-size:14.5px}.rw-mirror{padding:0 18px 14px}.rw .compose .hdr,.rw .compose .foot,.rw-note{padding-left:18px;padding-right:18px}.rw .compose .body{padding:18px;font-size:14.5px}.rw-lintbar{flex-direction:column;gap:10px}.rw-metrics{grid-template-columns:repeat(3,minmax(0,1fr))}.rw-metrics .mt{border-bottom:1px solid var(--line);padding:10px 12px}.rw-metrics .mt:nth-child(3){border-right:0}.rw-metrics b{font-size:17px}.rw-anno{grid-template-columns:1fr}}@media (width<=1100px){.mail{grid-template-columns:1fr}.mail-list,.anno-col{display:none}.case-hero,.compare,.cases{grid-template-columns:1fr}.case-hero .l{border-right:0;border-bottom:1px solid var(--line)}}