:root{font-family:system-ui,sans-serif;color:#192c38;background:#f2f5f7}body{margin:0}header{background:#153e4d;color:white;padding:20px 5vw}h1{margin:0;font-size:26px}main{max-width:1400px;margin:auto;padding:24px}input,select,button{font:inherit;padding:9px;margin:5px;border:1px solid #b8c9d0;border-radius:6px}button{cursor:pointer;background:#15657a;color:white}button:disabled{opacity:.4;cursor:default}.panel,article{background:white;border:1px solid #dce3e6;border-radius:10px;padding:16px}.panel h2{margin-top:0}.camera{display:flex;align-items:center;gap:10px;flex-wrap:wrap}.camera span{flex:1}.toolbar{display:flex;flex-wrap:wrap;align-items:center;margin:20px 0}#photos{display:grid;grid-template-columns:repeat(auto-fill,minmax(220px,1fr));gap:16px}article img{width:100%;height:210px;object-fit:contain;background:#eef1f4}article p{overflow-wrap:anywhere}article small{display:block}#message{color:#a52d25;white-space:pre-wrap}input[type=password]{min-width:260px}