body{font-family:Arial,sans-serif;margin:20px;background:#f8f9fa;color:#333}h1{text-align:center;margin-bottom:20px}#dropzone{border:2px dashed #007bff;border-radius:10px;background:#fff;padding:20px;text-align:center;color:#007bff;font-weight:700;margin-bottom:15px;transition:border-color .3s,background .3s}#dropzone.dz-drag-hover{border-color:#0056b3;background:#e9f5ff}button{padding:10px 20px;margin:5px;font-size:16px;border:none;border-radius:5px;cursor:pointer;color:#fff;background-color:#007bff;transition:background-color .3s}button:hover{background-color:#0056b3}#progress{display:block;margin:10px 0;font-weight:700}#container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;margin-top:20px}#container canvas{border:1px solid #ccc;border-radius:5px;max-width:100%;height:auto}ol{margin-bottom:15px}