*{box-sizing:border-box}body{margin:0;background:#f7f4ed;color:#223d35;font-family:Arial,sans-serif}.panel{max-width:1200px;margin:auto;padding:32px}header{display:flex;justify-content:space-between;align-items:center;border-bottom:1px solid #d6dacd;padding-bottom:25px}h1,h2{font-family:Georgia;font-weight:normal}h1{font-size:32px;margin:0}header small{font-size:10px;letter-spacing:2px}a{color:inherit}.grid{display:grid;grid-template-columns:280px 1fr;gap:40px;margin-top:30px}button{cursor:pointer;padding:12px 18px;border:1px solid #bbc5b4;color:#223d35;background:transparent;font-size:13px}.primary{background:#223d35;color:white}.new{width:100%;margin-bottom:20px}.row{display:block;text-align:left;width:100%;margin-bottom:10px;background:#eeefe5}.row strong{display:block;font:18px Georgia;margin-bottom:8px}.row small{font-size:10px;text-transform:uppercase;letter-spacing:1px}.row.selected{border:2px solid #223d35}label{display:block;font-size:12px;margin:20px 0 8px}input,textarea{width:100%;padding:13px;background:#fffdf8;border:1px solid #cbd1c1;font:16px/1.6 Arial;color:#223d35}textarea{resize:vertical}#content{min-height:360px;font:18px/1.8 Georgia}.actions{display:flex;gap:10px;flex-wrap:wrap;margin-top:20px}.status{min-height:40px;font-size:14px;line-height:1.6}.preview{padding:24px;background:#fffdf8;border:1px solid #cbd1c1}.preview h2{font-size:34px}.preview p{font:18px/1.8 Georgia;white-space:pre-wrap}.hint{font-size:12px;line-height:1.7;color:#65705e}button:disabled{opacity:.5;cursor:wait}@media(max-width:700px){.panel{padding:20px}.grid{grid-template-columns:1fr;gap:15px}header{align-items:start;gap:15px}h1{font-size:26px}aside{max-height:300px;overflow:auto}}
.login{max-width:460px;margin:40px auto}.login button{margin-top:20px}.row strong,.row small{display:block}.row small{margin-top:8px}#previewBox{padding:25px;background:#fffdf8;border:1px solid #ccc}#previewBox p{white-space:pre-wrap;font:18px/1.8 Georgia}#content{min-height:350px}#status{line-height:1.6}