*{box-sizing:border-box}body{margin:0;font-family:Tahoma,sans-serif;background:#f4f5f7;color:#222}
.wrap{max-width:720px;margin:auto;padding:12px}
.bar{display:flex;gap:12px;align-items:center;padding:8px 0;font-size:14px}.bar span{margin-inline-end:auto;color:#666}
input,textarea,button{font:inherit;width:100%;padding:10px;margin:4px 0;border:1px solid #ccc;border-radius:8px}
button{background:#1f6feb;color:#fff;border:0;cursor:pointer}button.sm{width:auto;padding:4px 10px;font-size:13px;background:#777}
.row{display:flex;gap:8px}.row input,.row button{width:auto;flex:1}.row button{flex:0 0 auto}
label{display:block;width:100%;padding:12px;background:#fff;border:1px dashed #999;border-radius:8px}
label input{display:none}.list{list-style:none;padding:0}.list li{background:#fff;padding:12px;margin:6px 0;border-radius:8px}
.item{background:#fff;padding:10px;margin:10px 0;border-radius:8px}.item img,.item video{max-width:100%;border-radius:6px}
.item audio{width:100%}.off{opacity:.5}.err{color:#c00}a{color:#1f6feb;text-decoration:none}
label.plain{background:none;border:0;padding:6px 0 0;font-size:14px;color:#555}.okmsg{color:#0a7a2f}
select{font:inherit;width:100%;padding:10px;margin:4px 0;border:1px solid #ccc;border-radius:8px;background:#fff}