.camera-view{aspect-ratio:4/3;background:#000;border-radius:12px;width:100%;max-width:640px;position:relative;overflow:hidden;box-shadow:0 8px 32px #0006}.camera-canvas{object-fit:cover;width:100%;height:100%;transform:scaleX(-1)}.camera-overlay{background:#000c;flex-direction:column;justify-content:center;align-items:center;gap:12px;display:flex;position:absolute;inset:0}.camera-overlay.error{background:#500000d9}.camera-overlay .hint{opacity:.7;font-size:.85rem}.loading-spinner{border:3px solid #fff3;border-top-color:#667eea;border-radius:50%;width:40px;height:40px;animation:.8s linear infinite spin}@keyframes spin{to{transform:rotate(360deg)}}.control-panel{background:#ffffff0d;border:1px solid #ffffff1a;border-radius:12px;padding:20px}.control-panel h2{border-bottom:1px solid #ffffff1a;margin-bottom:16px;padding-bottom:8px;font-size:1.2rem}.control-group{margin-bottom:16px}.control-group label{justify-content:space-between;align-items:center;margin-bottom:8px;font-size:.9rem;display:flex}.control-group .value{opacity:.6;font-size:.8rem}.control-group .toggle-indicator{background:#ffffff1a;border-radius:4px;padding:2px 8px;font-size:.75rem}.control-group input[type=range]{appearance:none;background:#ffffff26;border-radius:3px;outline:none;width:100%;height:6px}.control-group input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;cursor:pointer;background:#667eea;border-radius:50%;width:16px;height:16px}.toggle-btn{color:#fff;cursor:pointer;background:0 0;border:1px solid #fff3;border-radius:6px;width:100%;padding:8px;font-size:.85rem;transition:all .2s}.toggle-btn.active{background:#667eea4d;border-color:#667eea}.shape-options{grid-template-columns:1fr 1fr;gap:6px;display:grid}.shape-btn{color:#fff;cursor:pointer;text-transform:capitalize;background:0 0;border:1px solid #fff3;border-radius:6px;padding:6px 8px;font-size:.8rem;transition:all .2s}.shape-btn.active{background:#667eea4d;border-color:#667eea}.shape-btn:hover{background:#ffffff1a}.before-after-overlay{z-index:1000;background:#000000d9;justify-content:center;align-items:center;padding:20px;display:flex;position:fixed;inset:0}.before-after-modal{background:#2a2a3e;border-radius:16px;width:100%;max-width:900px;max-height:90vh;padding:24px;position:relative;overflow-y:auto}.close-btn{color:#fff;cursor:pointer;opacity:.7;background:0 0;border:none;font-size:1.5rem;position:absolute;top:12px;right:16px}.close-btn:hover{opacity:1}.before-after-modal h2{text-align:center;margin-bottom:16px}.comparison{gap:12px;margin-bottom:20px;display:flex}@media (width<=600px){.comparison{flex-direction:column}}.comparison-item{border-radius:8px;flex:1;position:relative;overflow:hidden}.comparison-item img{width:100%;display:block}.comparison-item .label{background:#000000b3;border-radius:4px;padding:4px 10px;font-size:.8rem;position:absolute;top:8px;left:8px}.modal-actions{justify-content:center;gap:12px;margin-bottom:16px;display:flex}.btn-download,.btn-send{cursor:pointer;color:#fff;border:none;border-radius:8px;padding:10px 20px;font-size:.9rem}.btn-download{background:#333}.btn-send{background:linear-gradient(135deg,#667eea,#764ba2)}.lead-form{border-top:1px solid #ffffff1a;flex-direction:column;gap:10px;padding-top:16px;display:flex}.lead-form h3{text-align:center;font-size:1rem}.lead-form input,.lead-form textarea{color:#fff;background:#ffffff0d;border:1px solid #fff3;border-radius:6px;padding:10px 12px;font-size:.9rem}.lead-form textarea{resize:vertical;min-height:60px}.btn-submit{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:12px;font-size:1rem}.sent-message{text-align:center;background:#28a74533;border-radius:8px;margin-top:12px;padding:16px}.app{flex-direction:column;align-items:center;gap:20px;padding:20px;display:flex}.app-header{text-align:center}.app-header h1{margin-bottom:4px;font-size:2rem}.app-header p{opacity:.7;font-size:.9rem}.app-content{align-items:flex-start;gap:24px;width:100%;max-width:1200px;display:flex}@media (width<=900px){.app-content{flex-direction:column;align-items:center}}.camera-section{flex-direction:column;flex:1;align-items:center;gap:12px;display:flex}.controls-section{flex-shrink:0;width:320px}@media (width<=900px){.controls-section{width:100%;max-width:500px}}.capture-controls{gap:12px;display:flex}.btn-capture{color:#fff;cursor:pointer;background:linear-gradient(135deg,#667eea,#764ba2);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;transition:transform .15s,box-shadow .15s}.btn-capture:hover{transform:translateY(-2px);box-shadow:0 4px 15px #667eea66}.btn-ai{color:#fff;cursor:pointer;background:linear-gradient(135deg,#f093fb,#f5576c);border:none;border-radius:8px;padding:12px 24px;font-size:1rem;transition:transform .15s,box-shadow .15s}.btn-ai:hover:not(:disabled){transform:translateY(-2px);box-shadow:0 4px 15px #f5576c66}.btn-ai:disabled{opacity:.7;cursor:not-allowed}.btn-reset{color:#fff;cursor:pointer;background:#333;border:1px solid #555;border-radius:8px;padding:12px 24px;font-size:1rem}.btn-reset:hover{background:#444}*{box-sizing:border-box;margin:0;padding:0}body{color:#fff;background:#1a1a2e;min-height:100vh;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;overflow-x:hidden}#app{width:100%;min-height:100vh}
