*,:before,:after{box-sizing:border-box;margin:0;padding:0}body,html{background-color:#f8f9fa;width:100%;height:100%;font-family:Arial,sans-serif}.verification-container{background-color:#fff;border-radius:8px;max-width:800px;margin:30px auto 0;padding:20px;box-shadow:0 2px 10px #0000001a}.logo-container{text-align:center;margin-bottom:20px}.logo{max-width:200px;height:auto}.content{padding:0 15px}.content h1{color:#333;text-align:center;margin-bottom:15px;font-size:24px}.content p{color:#555;margin-bottom:20px;line-height:1.6}.upload-area{text-align:center;cursor:pointer;border:2px dashed #ccc;border-radius:8px;margin-bottom:20px;padding:40px 20px;transition:all .3s}.upload-area:hover,.upload-area.drag-over{background-color:#f8f9fa;border-color:#007bff}.upload-prompt{color:#666}.upload-icon{margin-bottom:15px}.upload-prompt .small{color:#888;margin-top:10px;font-size:14px}.file-input{display:none}.preview-container{margin-bottom:20px}.preview-image{border-radius:8px;max-width:100%;max-height:300px;margin-bottom:15px;display:block;box-shadow:0 2px 5px #0000001a}.button-row{justify-content:space-between;gap:10px;display:flex}.cancel-btn,.verification-container .submit-btn{cursor:pointer;border:none;border-radius:4px;flex:1;padding:10px 20px;font-size:14px;font-weight:700;transition:background-color .3s}.cancel-btn{color:#333;background-color:#f1f1f1}.cancel-btn:hover{background-color:#e0e0e0}.verification-container .submit-btn{color:#fff;background-color:#007bff}.verification-container .submit-btn:hover{background-color:#0069d9}.verification-container .submit-btn:disabled{opacity:.7;cursor:not-allowed}.status-message{text-align:center;border-radius:4px;margin-top:15px;padding:15px;font-weight:700}.status-message.success{color:#155724;background-color:#d4edda}.status-message.error{color:#721c24;background-color:#f8d7da}@media (width<=600px){.verification-container{margin-top:10px;padding:15px}.content h1{font-size:20px}.upload-area{padding:20px 10px}.button-row{flex-direction:column}.cancel-btn,.verification-container .submit-btn{margin-bottom:10px}}.image-list{background:#fff;border-radius:8px;width:100%;max-width:800px;margin:20px auto;padding:0 15px;font-family:Arial,Helvetica,sans-serif;box-shadow:0 2px 4px #0000001a}.image-list h1{text-align:center;color:#333;margin:20px 0;font-family:Arial,Helvetica,sans-serif}.list-item{background-color:#f9f9f9;border-bottom:1px solid #eee;border-radius:6px;flex-direction:column;margin-bottom:10px;padding:15px;display:flex}@media (width>=768px){.list-item{flex-direction:row;align-items:flex-start}}.list-item:last-child{border-bottom:none}.image-container{flex:none;margin-bottom:15px}@media (width>=768px){.image-container{width:200px;margin-bottom:0;margin-right:15px}}.image-container img{border-radius:4px;width:100%;max-width:200px;height:auto;transition:transform .2s}.image-container img:hover{transform:scale(1.05)}.input-container{flex-direction:column;flex:1;display:flex}@media (width>=768px){.input-container{flex-direction:column;justify-content:space-between;height:100%}}.color-input{border:1px solid #ddd;border-radius:4px;width:100%;margin-bottom:10px;padding:10px;font-size:16px}.button-container{flex-direction:column;width:100%;display:flex}@media (width>=768px){.button-container{flex-direction:row;justify-content:flex-end}}.image-list .submit-btn,.skip-btn{color:#fff;cursor:pointer;box-sizing:border-box;background:#28a745;border:none;border-radius:4px;width:100%;margin-bottom:10px;padding:10px 16px;font-size:14px;transition:background .2s}.image-list .submit-btn:hover{background:#218838}@media (width>=768px){.image-list .submit-btn,.skip-btn{width:auto;min-width:100px}.image-list .submit-btn{margin-bottom:0;margin-right:10px}}.skip-btn{background:#6c757d;margin-bottom:0}.skip-btn:hover{background:#5a6268}.ai-btn{color:#fff;cursor:pointer;background:#17a2b8;border:none;border-radius:4px;width:100%;margin-bottom:10px;padding:10px 16px;font-size:14px;transition:background .2s}.ai-btn:hover{background:#138496}@media (width>=768px){.ai-btn{width:auto;min-width:100px}}