.page-message[data-view=compose] .page-hero,.page-message[data-view=read] .page-hero{padding:34px 0 26px}.page-message[data-view=compose] .page-hero .container,.page-message[data-view=read] .page-hero .container{gap:10px}.page-message[data-view=compose] .page-hero h1,.page-message[data-view=read] .page-hero h1{letter-spacing:-.03em;max-width:none;font-size:clamp(1.35rem,2.6vw,1.9rem)}.page-message[data-view=compose] .page-hero .lead,.page-message[data-view=compose] .page-hero .page-meta,.page-message[data-view=read] .page-hero .lead,.page-message[data-view=read] .page-hero .page-meta{display:none}.page-message[data-view=compose] .msg-layout,.page-message[data-view=read] .msg-layout{padding-top:28px}.msg-layout{grid-template-columns:minmax(0,1.55fr) minmax(0,1fr);align-items:start;gap:28px;padding-top:48px;padding-bottom:112px;display:grid}.msg-main,.msg-view,.msg-stack{gap:20px;min-width:0;display:grid}.msg-stack{gap:18px}.msg-panel{border:1px solid var(--line-strong);background:linear-gradient(180deg, #ffffff0a, #ffffff03), var(--bg-2);min-width:0;box-shadow:var(--shadow);border-radius:18px;gap:18px;padding:28px;display:grid}.msg-panel:focus{outline:none}.msg-panel-head{justify-content:space-between;align-items:flex-start;gap:16px;display:flex}.msg-panel-head h2{letter-spacing:-.03em;margin-top:10px;font-size:clamp(1.3rem,2.2vw,1.55rem)}.msg-panel-head .tag{margin-top:2px}.msg-result{border-color:#5be3a14d}.msg-verdict[data-state=ok]{border-color:#5be3a159}.msg-verdict[data-state=bad]{border-color:#ff6b6b66}.msg-copy{max-width:66ch;color:var(--ink-2)}.msg-fine{max-width:72ch;color:var(--ink-3);font-size:.86rem;line-height:1.55}.msg-fine.mono{font-size:.76rem}.msg-label,.msg-meta dt{font:500 .68rem var(--mono);letter-spacing:.1em;text-transform:uppercase;color:var(--ink-3)}.msg-error{color:var(--bad);font-size:.9rem}.msg-field{gap:7px;min-width:0;display:grid}.msg-field textarea{border:1px solid var(--line-strong);background:var(--surface-2);width:100%;min-width:0;color:var(--ink);font:1rem/1.55 var(--sans);resize:vertical;border-radius:12px;padding:12px 14px;display:block}.msg-field textarea::placeholder{color:var(--ink-4)}.msg-field textarea:focus-visible{outline:2px solid var(--accent);outline-offset:2px}.msg-field textarea.msg-link{font:.78rem/1.5 var(--mono);color:var(--ink-2);word-break:break-all}.msg-count{color:var(--ink-3);margin-top:-8px;font-size:.76rem}.msg-count[data-over]{color:var(--bad)}.msg-actions{flex-wrap:wrap;align-items:center;gap:10px;display:flex}.btn-danger{border-color:var(--bad);background:var(--bad);color:#1c0606}.btn-danger:hover:not(:disabled){background:#ff8585;border-color:#ff8585}.msg-fp{border:1px solid var(--line);background:#ffffff05;border-radius:14px;gap:10px;padding:16px 18px;display:grid}.fp{letter-spacing:.04em;color:var(--ink);grid-template-columns:repeat(4,max-content);gap:6px 16px;font-size:.95rem;display:grid}.msg-meta{border-top:1px solid var(--line);grid-template-columns:repeat(3,minmax(0,1fr));gap:16px;margin:0;padding-top:16px;display:grid}.msg-meta dd{color:var(--ink);margin:5px 0 0;font-size:.92rem}.msg-danger{border-top:1px solid var(--line);justify-items:start;gap:12px;padding-top:14px;display:grid}.msg-danger>.btn{margin-left:-13px}.msg-confirm{background:var(--bad-bg);color:var(--ink-2);border:1px solid #ff6b6b59;border-radius:12px;gap:12px;padding:14px 16px;font-size:.92rem;display:grid}.msg-text{border:1px solid var(--line-strong);background:var(--surface-2);color:var(--ink);white-space:pre-wrap;overflow-wrap:anywhere;border-radius:14px;padding:18px 20px;font-size:1.05rem;line-height:1.6}.msg-text:empty:before{content:"(empty message)";color:var(--ink-4)}.msg-panel .callout{margin:0;font-size:.92rem}.msg-aside{top:calc(var(--header-h) + 24px);gap:20px;min-width:0;display:grid;position:sticky}.msg-note{border:1px solid var(--line);background:#ffffff05;border-radius:16px;gap:14px;padding:22px 24px;display:grid}.msg-note h2{letter-spacing:-.015em;font-size:1.02rem}.msg-steps,.msg-limits{color:var(--ink-2);gap:10px;margin:0;padding-left:1.15em;font-size:.92rem;display:grid}.msg-steps li::marker{color:var(--accent);font-family:var(--mono);font-size:.82em}.msg-limits li::marker{color:var(--ink-4)}.msg-steps strong,.msg-limits strong{color:var(--ink);font-weight:560}@media (max-width:960px){.msg-layout{grid-template-columns:minmax(0,1fr)}.msg-aside{position:static}}@media (max-width:560px){.msg-layout{padding-top:32px;padding-bottom:80px}.msg-panel{padding:20px}.msg-meta{grid-template-columns:minmax(0,1fr);gap:12px}.fp{gap:6px 12px;font-size:.88rem}}
