*{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:linear-gradient(135deg,#667eea,#764ba2);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;min-height:100vh}code{font-family:source-code-pro,Menlo,Monaco,Consolas,Courier New,monospace}.camera-container{margin:0 auto;max-width:600px;width:100%}.camera-wrapper{background-color:#fff;border-radius:12px;box-shadow:0 4px 20px #00000026;overflow:hidden;position:relative}.camera-placeholder{align-items:center;background-color:#f8f9fa;display:flex;flex-direction:column;justify-content:center;min-height:400px;padding:4rem 2rem;text-align:center}.camera-icon{font-size:4rem;margin-bottom:1rem;opacity:.6}.camera-placeholder p{color:#6c757d;font-size:1rem}.camera-video,.captured-image{background-color:#000;display:block;max-height:70vh;object-fit:cover;width:100%}.camera-guide{height:100%;left:0;pointer-events:none;position:absolute;top:0;width:100%;z-index:10}.camera-guide,.guide-frame{align-items:center;display:flex;justify-content:center}.guide-frame{aspect-ratio:3/2;border:3px solid #fffc;border-radius:8px;box-shadow:0 0 0 9999px #0000004d,inset 0 0 20px #ffffff1a;max-width:450px;position:relative;width:80%}.person-guide{filter:invert(1);height:85%;opacity:.3;pointer-events:none;width:auto}.guide-frame:after,.guide-frame:before{background:#fffc;content:"";position:absolute}.guide-frame:before{border-left:3px solid #ffffffe6;border-top:3px solid #ffffffe6;height:30px;left:-3px;top:-3px;width:30px}.guide-frame:after{border-bottom:3px solid #ffffffe6;border-right:3px solid #ffffffe6;bottom:-3px;height:30px;right:-3px;width:30px}.camera-controls{background-color:#f8f9fa;display:flex;flex-wrap:wrap;gap:.75rem;padding:1rem}.btn,.camera-controls{justify-content:center}.btn{align-items:center;border:none;border-radius:8px;cursor:pointer;display:inline-flex;font-size:1rem;font-weight:600;min-width:120px;padding:.75rem 1.5rem;transition:all .3s ease}.btn:disabled{cursor:not-allowed;opacity:.6}.btn-primary{background:linear-gradient(135deg,#667eea,#764ba2);box-shadow:0 4px 15px #667eea66;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 6px 20px #667eea80;transform:translateY(-2px)}.btn-large{font-size:1.125rem;margin:1rem;min-width:200px;padding:1rem 2rem}.btn-capture{background:linear-gradient(135deg,#f093fb,#f5576c);box-shadow:0 4px 15px #f5576c66;color:#fff}.btn-capture:hover:not(:disabled){box-shadow:0 6px 20px #f5576c80;transform:translateY(-2px)}.btn-send{background:linear-gradient(135deg,#4facfe,#00f2fe);box-shadow:0 4px 15px #4facfe66;color:#fff}.btn-send:hover:not(:disabled){box-shadow:0 6px 20px #4facfe80;transform:translateY(-2px)}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover:not(:disabled){background-color:#5a6268;transform:translateY(-2px)}.error-message{background-color:#f8d7da;border:1px solid #f5c6cb;border-radius:8px;color:#721c24;margin-top:1rem;padding:1rem;text-align:center}@media (max-width:768px){.camera-placeholder{min-height:300px;padding:3rem 1rem}.camera-icon{font-size:3rem}.btn{font-size:.875rem;min-width:100px;padding:.6rem 1rem}.btn-large{font-size:1rem;min-width:150px;padding:.875rem 1.5rem}.camera-controls{gap:.5rem;padding:.75rem}.guide-frame{width:85%}}@media (max-width:480px){.camera-controls{flex-direction:column}.btn{width:100%}.guide-frame{width:90%}}.App{display:flex;flex-direction:column;min-height:100vh}.App-header{background-color:#0003;box-shadow:0 2px 10px #0000001a;color:#fff;padding:1.5rem;text-align:center}.App-header h1{font-size:2rem;font-weight:700;margin-bottom:.5rem}.App-header p{font-size:1rem;opacity:.9}.App-main{align-items:center;display:flex;flex:1 1;flex-direction:column;justify-content:center;padding:2rem 1rem}.App-footer{background-color:#0003;color:#fff;font-size:.875rem;opacity:.8;padding:1rem;text-align:center}.status-message{animation:slideIn .3s ease-out;border-radius:12px;font-size:1.25rem;font-weight:600;line-height:1.6;margin-top:1.5rem;max-width:500px;padding:1.5rem 2rem;text-align:center;white-space:pre-line;width:100%}.status-message.success{background-color:#d4edda;border:2px solid #c3e6cb;box-shadow:0 4px 15px #15572433;color:#155724}.status-message.error{background-color:#f8d7da;border:2px solid #f5c6cb;box-shadow:0 4px 15px #721c2433;color:#721c24}@keyframes slideIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}@media (max-width:768px){.App-header h1{font-size:1.5rem}.App-header p{font-size:.875rem}.status-message{font-size:1rem;padding:1.25rem 1.5rem}}.processed-image-container{animation:fadeInScale .5s ease-out;background:#fffffff2;border-radius:16px;box-shadow:0 8px 30px #00000026;margin-top:2rem;max-width:600px;padding:2rem;text-align:center;width:100%}.processed-image-container h2{color:#333;font-size:1.75rem;font-weight:700;margin-bottom:1rem}.image-number-badge{background:linear-gradient(135deg,#667eea,#764ba2);border-radius:25px;box-shadow:0 4px 15px #667eea66;color:#fff;display:inline-block;font-size:1.25rem;font-weight:700;margin-bottom:1.5rem;padding:.75rem 1.5rem}.processed-image{border:3px solid #e0e0e0;border-radius:12px;box-shadow:0 4px 20px #0000001a;height:auto;margin:1rem 0;max-width:100%}.preview-note{color:#666;font-size:1rem;line-height:1.5;margin-top:1rem}.preview-note strong{color:#667eea;font-size:1.25rem}@keyframes fadeInScale{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:768px){.processed-image-container{margin-top:1.5rem;padding:1.5rem}.processed-image-container h2{font-size:1.5rem}.image-number-badge{font-size:1.1rem;padding:.6rem 1.25rem}.preview-note{font-size:.9rem}.preview-note strong{font-size:1.1rem}}
/*# sourceMappingURL=main.b6023135.css.map*/