body{margin:0;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:#f0f2f5}.app{max-width:1200px;margin:0 auto;padding:20px}.header{text-align:center;margin-bottom:30px}.main-container{display:flex;gap:20px;justify-content:center;flex-wrap:wrap}.camera-section{flex:1;min-width:300px;max-width:500px}.avatar-section{flex:1;min-width:300px;max-width:500px;text-align:center}.camera-container{border:2px solid #ddd;border-radius:10px;overflow:hidden;margin-bottom:20px}.avatar-container{border:2px solid #ddd;border-radius:10px;padding:20px;background:white;margin-bottom:20px}.avatar-image{width:200px;height:200px;border-radius:50%;object-fit:cover;margin-bottom:20px}.controls{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;margin-bottom:20px}.btn{padding:12px 24px;border:none;border-radius:5px;font-size:16px;cursor:pointer;transition:background-color .3s}.btn-primary{background-color:#007bff;color:#fff}.btn-primary:hover{background-color:#0056b3}.btn-secondary{background-color:#6c757d;color:#fff}.btn-secondary:hover{background-color:#545b62}.btn:disabled{opacity:.6;cursor:not-allowed}.status-section{background:white;border-radius:10px;padding:20px;margin-top:20px}.status-item{margin-bottom:15px;padding:10px;border-left:4px solid #007bff;background-color:#f8f9fa}.status-label{font-weight:700;color:#495057;margin-bottom:5px}.status-content{color:#6c757d}.error{color:#dc3545}.success{color:#28a745}