*{box-sizing:border-box}body{margin:0;background:#f4f1e9;color:#26382e;font-family:system-ui,sans-serif;line-height:1.6}main{max-width:1100px;margin:auto;padding:24px}h1{font-size:1.8rem}a{color:#235c47}label{display:block;margin:12px 0}input,select,textarea,button{font:inherit;padding:10px;border:1px solid #a7b4a9;border-radius:6px;max-width:100%}input,textarea{width:100%}textarea{font-family:monospace;min-height:420px}button{background:#275943;color:white;cursor:pointer;margin:4px}button:disabled{opacity:.5}nav,.actions{display:flex;flex-wrap:wrap;gap:8px;align-items:center}.grid{display:grid;grid-template-columns:280px minmax(0,1fr);gap:24px}#list{max-height:650px;overflow:auto}#list button{display:block;width:95%;text-align:left}pre{white-space:pre-wrap;overflow-wrap:anywhere;background:white;padding:16px;border-radius:8px}#message{position:sticky;top:0;background:#fff8d8;padding:12px;z-index:1}#preview{overflow-wrap:anywhere}.notice{padding:12px;border-left:4px solid #a77b39;background:#fff7e6}@media(max-width:700px){.grid{grid-template-columns:1fr}main{padding:14px}#list{max-height:220px}}