:root{font-family:system-ui,-apple-system,sans-serif;color:#273c37;background:#f1f4f0}*{box-sizing:border-box}body{margin:0}main{max-width:850px;margin:32px auto;padding:24px}header p:first-child{letter-spacing:.2em;font-size:12px;color:#587767}h1{font-size:30px}section{background:#fff;padding:24px;border-radius:18px;margin-top:24px;border:1px solid #dce5de}label{display:block}input,textarea{display:block;width:100%;padding:12px;border:1px solid #bacbc0;border-radius:8px;font:inherit;margin:8px 0 16px}button,.upload{border:1px solid #becfc3;border-radius:8px;background:#eef4ef;padding:10px 16px;font:inherit;cursor:pointer}button:disabled{opacity:.5;cursor:wait}#send,#loginForm button{background:#285d49;color:white}.toolbar{display:flex;gap:12px;justify-content:space-between;align-items:center}.upload input{max-width:230px;font-size:12px;margin:4px 0;padding:0;border:0}.msg{margin:20px 0;padding:16px;border-radius:12px;background:#f3f6f3}.msg.user{background:#e8f0ec}.msg p{white-space:pre-wrap;line-height:1.7}.images{display:flex;flex-wrap:wrap;gap:10px}.images img{max-width:140px;max-height:180px;object-fit:contain;border-radius:8px}.images a{max-width:145px;font-size:12px;text-decoration:none;color:inherit}.images span{display:block}.note{font-size:12px;line-height:1.7;color:#627669}#error{color:#a23b29}#progress{color:#587767;font-size:13px}#previews{display:flex;gap:10px;flex-wrap:wrap}#previews img{max-width:90px;max-height:100px}#previews button{display:block;padding:3px 8px;font-size:12px}@media(max-width:600px){main{padding:14px;margin:0}section{padding:16px}.toolbar{flex-wrap:wrap}.images img{max-width:110px}}