.scanner-container[data-v-c9ce6e8c]{max-width:800px;margin:20px auto;padding:20px;-webkit-box-shadow:0 4px 8px rgba(0,0,0,.1);box-shadow:0 4px 8px rgba(0,0,0,.1);border-radius:8px;font-family:Arial,sans-serif;text-align:center}.camera-container[data-v-c9ce6e8c]{position:relative;width:100%;background:#2c3e50;border-radius:8px;overflow:hidden}.camera-feed[data-v-c9ce6e8c]{width:100%;height:auto;display:block}.hidden-canvas[data-v-c9ce6e8c]{display:none}.status-message[data-v-c9ce6e8c]{padding:15px;border-radius:5px;background-color:#eaf4ff;color:#0056b3;margin-bottom:20px}.status-message.error[data-v-c9ce6e8c]{background-color:#ffebee;color:#c62828}.controls[data-v-c9ce6e8c]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center;gap:15px}button[data-v-c9ce6e8c]{padding:12px 25px;font-size:16px;cursor:pointer;background-color:#3498db;color:#fff;border:none;border-radius:5px;-webkit-transition:background-color .3s;transition:background-color .3s}button[data-v-c9ce6e8c]:disabled{background-color:#bdc3c7;cursor:not-allowed}button[data-v-c9ce6e8c]:hover:not(:disabled){background-color:#2980b9}.icon[data-v-c9ce6e8c]{margin-right:8px}.gallery[data-v-c9ce6e8c]{margin-top:20px;display:-webkit-box;display:-ms-flexbox;display:flex;-ms-flex-wrap:wrap;flex-wrap:wrap;gap:10px;-webkit-box-pack:center;-ms-flex-pack:center;justify-content:center}.thumbnail img[data-v-c9ce6e8c]{width:120px;height:auto;border:2px solid #ddd;border-radius:4px}