.letter-stage{padding:20px;background:#e6edf2;border:1px solid var(--line);border-radius:9px;min-height:440px;max-height:800px;overflow:auto}.letter-stage canvas{display:block;width:100%;height:auto;background:white;}.letter-placeholder{min-height:500px;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;background:white;color:var(--muted)}.letter-placeholder strong{font-size:3rem;color:#c2cfd9;font-family:serif;font-style:italic}.letter-layout{display:grid;grid-template-columns:1fr 1fr;gap:22px;align-items:start}.em-status-badge{font-size:.65rem}.letter-preview-thumb{width:100%;border:1px solid var(--line);margin:10px 0;background:white}.em-table tbody tr[data-label]{cursor:pointer}.em-stat-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:15px}.em-letter-protocol{display:flex;gap:6px;flex-wrap:wrap;margin-top:15px;font-family:Consolas,monospace;font-size:.7rem;color:var(--blue)}.em-letter-protocol span{border:1px solid var(--line);padding:4px 6px;border-radius:4px}.em-decoded{width:100%;min-height:100px;font-family:Consolas,monospace;background:white;border:1px solid var(--line);border-radius:6px;padding:12px}.em-gallery-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(125px,1fr));gap:10px}.em-gallery-grid figure{margin:0;border:1px solid var(--line);background:white;padding:12px;border-radius:7px}.em-gallery-grid canvas{width:56px;height:56px;image-rendering:pixelated}.em-gallery-grid figcaption{font-size:.72rem;color:var(--muted)}
@media(max-width:950px){.letter-layout{grid-template-columns:1fr}.letter-stage{max-height:780px}.em-stat-grid{grid-template-columns:1fr 1fr}}@media(max-width:600px){.letter-stage{padding:10px;min-height:280px;max-height:580px}.letter-placeholder{min-height:360px}}@media print{body[data-page^="emnist"] .print-card{width:180mm;height:auto;margin:0 auto}body[data-page^="emnist"] #print-sheet p{display:none}}