*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{color:#111;background:#fff;padding:8px 24px 24px;font-family:Segoe UI,sans-serif;font-size:13px}:root{--table-width:542px;--card-width:180px}button,input{font:inherit}button{color:#111;text-transform:uppercase;letter-spacing:.5px;cursor:pointer;background:#fff;border:1px solid #111;border-radius:0;padding:6px 10px;font-size:11px;font-weight:700}button:hover{color:#fff;background:#111}button:disabled{opacity:.45;cursor:not-allowed;color:#888;background:#eee;border-color:#bbb}button:disabled:hover{color:#888;background:#eee}.hidden{display:none}header{border-bottom:2px solid #111;align-items:center;gap:12px;margin-bottom:18px;padding-bottom:12px;display:flex}.brand{flex:1;align-items:center;gap:0;display:flex}.brand img{object-fit:contain;width:40px;height:40px}.brand span{letter-spacing:-.2px;font-size:15px;font-weight:700}main h1{text-transform:uppercase;letter-spacing:.4px;color:#111;width:var(--table-width);text-align:center;background:#f5f5f5;border:1px solid #111;border-bottom:none;margin:0 auto;padding:8px 14px;font-size:15px;font-weight:900}.slots{grid-template-columns:repeat(3, var(--card-width));width:var(--table-width);border:1px solid #111;justify-content:center;margin:0 auto;display:grid}.card{width:var(--card-width);background:#fff;border-right:1px solid #111;min-width:0;position:relative}.card:last-child{border-right:none}.card h2{text-transform:uppercase;letter-spacing:.8px;color:#555;text-align:center;background:#f5f5f5;border-bottom:1px solid #111;padding:8px 14px;font-size:10px;font-weight:700}.card img{width:100%;height:var(--card-width);object-fit:cover;background:#fafafa;border-bottom:1px solid #111;display:block}.uploadRow{padding:14px}.uploadBtn{width:100%;margin:0}.modal:not(.hidden){background:#00000040;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.modalBox{width:var(--card-width);background:#fff;border:1px solid #111;max-width:100%}.modalBox h2{text-transform:uppercase;letter-spacing:.8px;color:#555;background:#f5f5f5;border-bottom:1px solid #111;padding:10px 14px;font-size:10px;font-weight:700}.modalBox input,.modalBox p,.modalBox button{margin-left:14px;margin-right:14px}.modalBox input{border:1px solid #111;border-radius:0;outline:none;width:calc(100% - 28px);margin-top:14px;padding:8px 10px;font-size:13px}.modalBox input:last-of-type{margin-top:10px}.modalBox button{margin-top:12px}#message{color:#b91c1c;min-height:18px;margin-top:10px;margin-bottom:14px;font-size:12px}@media (width<=760px){body{padding:8px 12px 16px}header{gap:8px;margin-bottom:14px;padding-bottom:10px}.brand img{width:32px;height:32px}.brand span{font-size:14px}main h1{width:100%;padding:8px 10px;font-size:13px}.slots{grid-template-columns:1fr;width:100%}.modalBox{width:100%}.card{border-bottom:1px solid #111;border-right:none;width:100%}.card img{aspect-ratio:1;height:auto}.uploadRow{padding:12px}.card:last-child{border-bottom:none}}