:root{font-family:system-ui,-apple-system,sans-serif;color:#25222b;background:#f7f5f4}*{box-sizing:border-box}main{max-width:780px;margin:auto;padding:16px}header{padding:20px 4px}small{letter-spacing:.12em;color:#6f5865;font-weight:700}h1{font-size:2rem;margin:.3em 0}h2{font-size:1.12rem;margin:0 0 12px}.panel{background:white;border:1px solid #e5dfe1;border-radius:14px;padding:18px;margin-bottom:16px;box-shadow:0 2px 8px #00000005}label{display:block;font-size:.88rem;font-weight:600;margin:12px 0 6px}input,select,textarea{width:100%;border:1px solid #cfc7cd;border-radius:8px;padding:11px;font:inherit;background:white;color:inherit;margin-top:5px}textarea{resize:vertical}button,.upload{border:0;border-radius:8px;background:#534653;color:white;padding:11px 13px;font:inherit;font-size:.88rem;cursor:pointer;margin:0;font-weight:600}.upload{display:inline-block}.danger{background:#9d4343}.actions{display:flex;flex-wrap:wrap;gap:8px;margin:12px 0}.muted{color:#756f75;font-size:.85rem;line-height:1.5}#status{padding:12px;background:#f3eff4;border-radius:8px;white-space:pre-wrap}.block{border:1px solid #e6e1e4;border-radius:10px;padding:12px;margin:12px 0;background:#fcfbfc}.block button{background:#776b77}.block .row{display:flex;gap:7px;flex-wrap:wrap}.preview-topic{padding:10px;border-bottom:1px solid #ddd}#previewbody h3{margin-bottom:4px}#previewbody li{margin:4px 0}@media(max-width:500px){main{padding:10px}.panel{padding:13px}button,.upload{flex-grow:1}}