#one-email{padding:3.5rem 0;background:var(--bg-soft)}
#one-email .oe-grid{display:grid;grid-template-columns:1.6fr 1fr;gap:2rem;align-items:start}
@media(max-width:820px){#one-email .oe-grid{grid-template-columns:1fr}}
.oe-stage{background:#fff;border:1px solid var(--line);border-radius:var(--radius);box-shadow:var(--shadow);padding:1rem;display:grid;grid-template-columns:1fr 1fr;gap:1rem;min-height:330px}
@media(max-width:560px){.oe-stage{grid-template-columns:1fr}}
.oe-mail{border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.9rem}
.oe-mail .bar{background:var(--bg-soft);padding:.45rem .7rem;font-weight:600;font-size:.8rem;color:var(--muted)}
.oe-row{padding:.45rem .7rem;border-top:1px solid var(--line);min-height:1.4em}
.oe-row b{color:var(--muted);font-weight:500;margin-right:.4rem}
.oe-body{padding:.6rem .7rem;border-top:1px solid var(--line);min-height:4.2em;color:var(--ink);white-space:pre-line}
.oe-send{margin:.6rem .7rem;border:0;border-radius:999px;background:#000;color:#fff;padding:.4rem 1.1rem;font-weight:600;transition:transform .15s}
.oe-send.press{transform:scale(.92);background:var(--focus)}
.oe-status{font-size:.8rem;color:var(--ok);padding:0 .7rem .6rem;min-height:1.2em}
.oe-site{border:1px solid var(--line);border-radius:12px;overflow:hidden;font-size:.88rem}
.oe-site .bar{background:#1d1d1f;color:#fff;padding:.45rem .7rem;font-size:.78rem}
.oe-site .inner{padding:.7rem}
.oe-caret{display:inline-block;width:1px;height:1em;background:var(--ink);vertical-align:-2px;animation:oeblink 1s steps(1) infinite}
@keyframes oeblink{50%{opacity:0}}
.oe-card{display:flex;gap:.6rem;align-items:center;border:1px solid var(--line);border-radius:10px;padding:.5rem;margin-bottom:.45rem;transition:opacity .5s,transform .5s}
.oe-card .av{width:34px;height:34px;border-radius:50%;background:#d9d9de;flex:none}
.oe-card.new{opacity:0;transform:translateY(8px)}.oe-card.new.in{opacity:1;transform:none;border-color:var(--ok)}
.oe-mini{background:var(--bg-soft);border-radius:10px;padding:.5rem .6rem;margin:.4rem 0;font-size:.8rem;opacity:0;transition:opacity .4s}
.oe-mini.in{opacity:1}
.oe-li{display:flex;justify-content:space-between;padding:.3rem 0;border-bottom:1px solid var(--line);transition:background .4s,opacity .5s}
.oe-li.new{opacity:0}.oe-li.new.in{opacity:1;background:#fff4e5}
.oe-grid7{display:grid;grid-template-columns:3.2em repeat(5,1fr);gap:2px;font-size:.75rem;text-align:center}
.oe-grid7 div{background:var(--bg-soft);padding:.3rem 0;border-radius:4px;transition:background .4s}
.oe-grid7 .hd{background:none;color:var(--muted);font-weight:600}
.oe-grid7 .on{background:#e3f2e7;color:var(--ok);font-weight:600}
.oe-steps{display:flex;gap:.4rem;margin-top:.8rem;justify-content:center}
.oe-steps span{font-size:.78rem;padding:.2rem .7rem;border-radius:999px;background:#fff;border:1px solid var(--line);color:var(--muted)}
.oe-steps span.on{background:#000;color:#fff}
.oe-menu{list-style:none;margin:.6rem 0 0;padding:0;display:flex;flex-wrap:wrap;gap:.4rem}
.oe-menu li{border:1px solid var(--line-strong);border-radius:999px;padding:.3rem .8rem;background:#fff;font-size:.9rem}
.oe-menu li.live{background:#000;color:#fff;border-color:#000}
.oe-note{font-size:.8rem;color:var(--muted);margin-top:.8rem}
@media(prefers-reduced-motion:reduce){.oe-caret{animation:none}.oe-card,.oe-mini,.oe-li{transition:none}}