*{box-sizing:border-box}body{margin:0;background:#f5f3ef;color:#24262b;font:16px/1.55 -apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}header{background:#202735;color:white;padding:28px 5vw}header h1{font-size:26px;margin:0}header p{margin:5px 0;color:#dbd3bf}main{max-width:1120px;margin:30px auto;padding:0 20px 70px}section,.panel{background:white;border:1px solid #ddd8ce;border-radius:14px;padding:24px;margin-bottom:22px}h2{font-size:22px;margin-top:0}h3{margin-bottom:8px}label{display:block;margin:13px 0 5px}input:not([type=checkbox]),select{width:100%;padding:12px;border:1px solid #c5c4c0;border-radius:7px;font:inherit}button,.button{background:#816138;color:white;border:0;padding:11px 17px;border-radius:7px;font:inherit;cursor:pointer;display:inline-block;text-decoration:none;margin:6px 6px 6px 0}button.secondary{background:#e9e7e1;color:#222}button.danger{background:#a43636}button:disabled{opacity:.5;cursor:wait}a{color:#79582f}.row{display:grid;grid-template-columns:1fr 1fr;gap:20px}.grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(185px,1fr));gap:16px}.photo{border:2px solid #e3e0da;border-radius:9px;overflow:hidden;padding:10px}.photo.picked{border-color:#816138;background:#f5eee2}.photo img{display:block;width:100%;height:220px;object-fit:contain;background:#eee;user-select:none;-webkit-user-drag:none;-webkit-touch-callout:none;cursor:zoom-in}.photo p{overflow-wrap:anywhere;font-size:13px;margin:5px 0}.muted{color:#666;font-size:14px}.notice{background:#f4ead9;padding:15px;border-radius:8px;overflow-wrap:anywhere}.error{color:#a21c1c;white-space:pre-wrap}#message{position:sticky;top:0;background:#fff3d6;padding:12px;z-index:5;display:none;white-space:pre-wrap}.hidden,[hidden]{display:none!important}.login{max-width:480px;margin:45px auto}dialog{border:0;border-radius:12px;max-width:650px;width:90%;padding:25px}dialog::backdrop{background:#000a}dialog img{max-width:100%;max-height:75vh;display:block;margin:auto;user-select:none;-webkit-touch-callout:none}code{overflow-wrap:anywhere}footer{text-align:center;color:#666;padding:20px}.gallery-item{border-bottom:1px solid #ddd;padding:15px 0}input[type=checkbox]{width:20px;height:20px;vertical-align:middle}@media(max-width:650px){.row{grid-template-columns:1fr}.grid{grid-template-columns:repeat(2,minmax(0,1fr))}.photo img{height:170px}section{padding:16px}header h1{font-size:22px}}
