:root{--paper: #FBFAF7;--paper-sunk: #F3F1EC;--ink: #14161A;--muted: #6B6F76;--rule: #E2DED6;--air-red: #C8102E;--air-blue: #1B3A6B;--ok: #1F7A5C;--mono: ui-monospace, "SF Mono", "JetBrains Mono", Menlo, Consolas, monospace;--sans: system-ui, -apple-system, "Segoe UI", sans-serif;--gap: 20px}*{box-sizing:border-box}[hidden]{display:none!important}body{margin:0;background:var(--paper);color:var(--ink);font-family:var(--mono);font-size:13px;line-height:1.5;-webkit-font-smoothing:antialiased}.airmail{height:6px;background:repeating-linear-gradient(-45deg,var(--air-red) 0 10px,var(--paper) 10px 20px,var(--air-blue) 20px 30px,var(--paper) 30px 40px)}.bar{display:flex;align-items:baseline;gap:var(--gap);padding:14px var(--gap);border-bottom:1px solid var(--rule)}.wordmark{margin:0;font-size:13px;font-weight:600;letter-spacing:-.01em}.route{margin:0;color:var(--ink)}.who{margin:0 0 0 auto;color:var(--muted)}.dim{color:var(--muted);font-weight:400}.gate{display:grid;place-items:center;min-height:70vh;padding:var(--gap)}.gate-card{max-width:380px;padding:28px;border:1px solid var(--rule);background:#fff}.gate-card h2{margin:14px 0 8px;font-family:var(--sans);font-size:20px;letter-spacing:-.02em}.prose{margin:0 0 20px;font-family:var(--sans);color:var(--muted);line-height:1.55}.desk{display:grid;grid-template-columns:220px minmax(320px,1fr) minmax(360px,1.1fr);align-items:start;gap:0;min-height:calc(100vh - 55px)}.pane{padding:var(--gap)}.pane-envelope,.pane-render{border-left:1px solid var(--rule)}.pane-render{background:var(--paper-sunk)}.pane-title{margin:0 0 14px;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.09em}.group+.group{margin-top:24px;padding-top:20px;border-top:1px solid var(--rule)}.group-name{margin:0;font-size:12px;font-weight:700;letter-spacing:.06em;text-transform:uppercase}.group-note{margin:4px 0 10px;color:var(--muted);font-family:var(--sans);font-size:12px;line-height:1.45}.list{margin:0;padding:0;list-style:none}.list button{display:block;width:100%;padding:9px 10px;border:0;border-left:2px solid transparent;background:none;color:var(--ink);font:inherit;text-align:left;cursor:pointer}.list button:hover{background:var(--paper-sunk)}.list button[aria-current=true]{border-left-color:var(--air-red);background:#fff;font-weight:600}.list .family{display:block;color:var(--muted);font-size:11px;font-weight:400}.note{margin:22px 0 0;padding-top:14px;border-top:1px solid var(--rule);color:var(--muted);font-family:var(--sans);font-size:12px;line-height:1.5}.envelope{display:block;width:100%;min-height:380px;padding:14px;border:1px solid var(--rule);background:#fff;color:var(--ink);font:inherit;line-height:1.65;resize:vertical;tab-size:2}.envelope:focus-visible{outline:2px solid var(--air-blue);outline-offset:-1px}.err{margin:10px 0 0;padding:9px 11px;border-left:2px solid var(--air-red);background:#fff;color:var(--air-red);white-space:pre-wrap;word-break:break-word}.actions{display:flex;gap:8px;margin-top:14px}.btn{padding:8px 14px;border:1px solid var(--ink);background:#fff;color:var(--ink);font:inherit;cursor:pointer}.btn:hover{background:var(--ink);color:var(--paper)}.btn:focus-visible{outline:2px solid var(--air-blue);outline-offset:2px}.btn[disabled]{opacity:.4;cursor:progress}.btn-solid{background:var(--ink);color:var(--paper)}.btn-solid:hover{background:var(--air-blue);border-color:var(--air-blue)}.btn-send{border-color:var(--air-red);color:var(--air-red)}.btn-send:hover{background:var(--air-red);border-color:var(--air-red);color:#fff}.render-head{display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:10px;margin-bottom:12px}.tabs,.devices{display:flex}.tab,.device{padding:6px 12px;border:1px solid var(--rule);background:#fff;color:var(--muted);font:inherit;cursor:pointer}.tab+.tab,.device+.device{border-left:0}.tab:hover,.device:hover{color:var(--ink)}.tab:focus-visible,.device:focus-visible{outline:2px solid var(--air-blue);outline-offset:1px}.tab[aria-selected=true],.device[aria-pressed=true]{border-color:var(--ink);background:var(--ink);color:var(--paper)}.subject{margin:0 0 10px;font-weight:600;word-break:break-word}.sheet{position:relative;border:1px solid var(--rule);background:#fff}.viewport{margin:0 auto;transition:max-width .18s ease}.viewport[data-device=pc]{max-width:100%}.viewport[data-device=mobile]{max-width:375px;border-left:1px solid var(--rule);border-right:1px solid var(--rule)}.preview{display:block;width:100%;height:560px;border:0}.code{margin:0;padding:14px;max-height:560px;overflow:auto;font-family:var(--mono);font-size:12px;line-height:1.6;white-space:pre-wrap;word-break:break-word;color:var(--ink)}.stamp{display:inline-block;margin:0;padding:3px 8px;border:2px solid currentColor;font-size:10px;font-weight:700;text-transform:uppercase;letter-spacing:.14em;transform:rotate(-3deg)}.stamp-red{color:var(--air-red)}.stamp-sent{color:var(--ok)}.sheet .stamp{position:absolute;top:12px;right:12px;z-index:1;background:#fff}.meta{margin:10px 0 0;color:var(--muted);word-break:break-all}@media(max-width:900px){.desk{grid-template-columns:1fr}.pane-envelope,.pane-render{border-left:0;border-top:1px solid var(--rule)}.preview{height:420px}}@media(prefers-reduced-motion:reduce){*{transition:none!important;animation:none!important}}