@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;600;700&family=Poppins:wght@300;400;500;600;700&display=swap";@keyframes pulse{0%{transform:scale(1);box-shadow:0 0 #6c63ff99}50%{transform:scale(1.05);box-shadow:0 0 0 12px #6c63ff00}to{transform:scale(1);box-shadow:0 0 #6c63ff00}}@keyframes pulse-border{0%{transform:scale(1);border-color:#6c63ffcc;box-shadow:0 0 0 3px #6c63ff66}50%{transform:scale(1.05);border-color:#6c63ff;box-shadow:0 0 0 6px #6c63ff00}to{transform:scale(1);border-color:#6c63ffcc;box-shadow:0 0 0 3px #6c63ff66}}.pulse-animation{animation:pulse 2s infinite}.pulse-animation-light{animation:pulse-border 2s infinite}.face-measurement-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#0a0a1af2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);z-index:9999;display:flex;align-items:center;justify-content:center;padding:20px;overflow-y:auto}.modal-content{background:linear-gradient(135deg,#0a0a1a,#1a1a3e,#0a0a1a);border-radius:16px;border:1px solid rgba(255,255,255,.1);box-shadow:0 8px 32px #0006;max-width:1000px;width:100%;max-height:90vh;overflow-y:auto;position:relative}.modal-header{display:flex;justify-content:space-between;align-items:center;padding:1.5rem;border-bottom:1px solid rgba(255,255,255,.1)}.modal-header h2{font-size:1.5rem;font-weight:700;color:#e0e0e0;display:flex;align-items:center;gap:.5rem}.logo-ai{background:linear-gradient(135deg,#6c63ff,#00d2ff);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.close-btn{background:#ffffff1a;border:none;color:#e0e0e0;font-size:1.5rem;width:40px;height:40px;border-radius:50%;cursor:pointer;display:flex;align-items:center;justify-content:center;transition:all .3s ease}.close-btn:hover{background:#fff3}.main-layout{display:grid;grid-template-columns:1fr 1fr;gap:1.5rem;padding:1.5rem}@media(max-width:768px){.main-layout{grid-template-columns:1fr}}.panel{background:#ffffff0d;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);border:1px solid rgba(255,255,255,.1);border-radius:16px;box-shadow:0 8px 32px #0006;padding:1.5rem;min-height:500px;display:flex;flex-direction:column}.panel-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;color:#e0e0e0;display:flex;align-items:center;gap:.5rem}.camera-container{position:relative;width:100%;aspect-ratio:16/10;background:#000;border-radius:12px;overflow:hidden;margin-bottom:1rem}.camera-video{width:100%;height:100%;object-fit:cover;transform:scaleX(-1);z-index:2;position:relative}.face-detection-canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none;transform:scaleX(-1);z-index:10}.camera-placeholder{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:#606070}.placeholder-icon{font-size:3rem;margin-bottom:.5rem;opacity:.5}.camera-overlay{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;pointer-events:none;z-index:5}.face-guide{width:200px;height:260px;border:2px dashed rgba(108,99,255,.5);border-radius:50%;animation:pulse-guide 2s infinite}@keyframes pulse-guide{0%,to{border-color:#6c63ff4d}50%{border-color:#6c63ffb3}}.guide-text{margin-top:.75rem;color:#fff9;font-size:.85rem;text-shadow:0 1px 4px rgba(0,0,0,.8)}.controls-section{display:flex;flex-direction:column;gap:.75rem}.button-row{display:flex;gap:.5rem}.btn{display:inline-flex;align-items:center;justify-content:center;gap:.4rem;padding:.65rem 1rem;border:1px solid rgba(255,255,255,.1);border-radius:10px;background:#ffffff0d;color:#e0e0e0;font-size:.85rem;font-weight:500;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);flex:1}.btn:hover:not(:disabled){background:#ffffff1a;transform:translateY(-1px)}.btn:disabled{opacity:.4;cursor:not-allowed}.btn-start{background:#6c63ff33;border-color:#6c63ff66}.btn-start:hover:not(:disabled){background:#6c63ff59;box-shadow:0 0 20px #6c63ff4d}.btn-capture:hover:not(:disabled){background:#4ecdc459;box-shadow:0 0 20px #4ecdc44d}.btn-stop:hover:not(:disabled){background:#ff6b6b59}.btn-secondary{background:#ffffff0d}.btn-icon{font-size:1rem}.divider{display:flex;align-items:center;gap:1rem;margin:.75rem 0;color:#606070;font-size:.8rem}.divider:before,.divider:after{content:"";flex:1;height:1px;background:#ffffff1a}.drop-zone{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:2rem;border:2px dashed rgba(255,255,255,.1);border-radius:12px;cursor:pointer;transition:all .3s ease;min-height:120px}.drop-zone:hover,.drop-zone.drag-active{border-color:#6c63ff;background:#6c63ff0d}.drop-icon{font-size:2rem;margin-bottom:.5rem}.drop-text{font-size:.9rem;color:#9090a0}.drop-subtext{font-size:.8rem;color:#606070}.preview-container{margin-top:1rem;text-align:center}.preview-image{max-width:100%;max-height:200px;border-radius:12px;border:1px solid rgba(255,255,255,.1)}.preview-actions{display:flex;gap:.5rem;justify-content:center;margin-top:.75rem}.loading-state,.empty-state,.error-state{display:flex;flex-direction:column;align-items:center;justify-content:center;flex:1;color:#9090a0;text-align:center;gap:1rem}.spinner{width:48px;height:48px;border:3px solid rgba(108,99,255,.2);border-top-color:#6c63ff;border-radius:50%;animation:spin .8s linear infinite}.processing-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);background:#000c;padding:2rem;border-radius:12px;text-align:center;z-index:20}.error-message{background:#ff6b6b33;border:1px solid rgba(255,107,107,.4);color:#ff6b6b;padding:.75rem;border-radius:10px;margin-top:.5rem}.results-section{flex:1}.confidence-badge{display:flex;align-items:center;justify-content:space-between;padding:.6rem 1rem;border-radius:10px;margin-bottom:1rem;font-size:.9rem;background:#ffffff08;border:1px solid rgba(255,255,255,.1)}.confidence-label{color:#9090a0;font-weight:500}.confidence-value{font-weight:700}.confidence-high{color:#4ecdc4}.confidence-medium{color:#ffe66d}.confidence-low{color:#ff6b6b}.measurement-grid{display:grid;grid-template-columns:1fr 1fr;gap:.75rem;margin-bottom:1rem}@media(max-width:600px){.measurement-grid{grid-template-columns:1fr}}.measurement-card{display:flex;align-items:center;gap:.75rem;padding:.85rem;background:#ffffff08;border:1px solid rgba(255,255,255,.06);border-radius:10px;transition:all .3s ease}.measurement-card:hover{background:#ffffff0f;transform:translateY(-2px)}.card-icon{font-size:1.5rem;width:2.2rem;text-align:center;flex-shrink:0}.card-body{flex:1;min-width:0}.card-label{font-size:.75rem;color:#9090a0;text-transform:uppercase;letter-spacing:.5px;margin-bottom:.15rem}.card-value{display:flex;align-items:baseline;gap:.3rem}.value-number{font-size:1.25rem;font-weight:700;color:#e0e0e0}.value-unit{font-size:.8rem;color:#606070}.results-actions{display:flex;gap:.5rem;margin-top:1rem}::-webkit-scrollbar{width:6px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:#ffffff1a;border-radius:3px}::-webkit-scrollbar-thumb:hover{background:#fff3}.widget-page{padding:10px 0;display:flex;justify-content:center}.widget-loading{min-height:100vh;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:1rem;background:#1a1a2e;color:#e0e0e0}.widget-spinner{width:40px;height:40px;border:3px solid #333;border-top-color:#6c63ff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.widget-page .face-measurement-modal{position:relative;width:100%;max-width:400px;margin:0;animation:none}.widget-page .modal-content{max-height:90vh;overflow-y:auto}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Poppins,Inter,sans-serif;overflow-x:hidden}html{scroll-behavior:smooth}