.mode-selector{width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e,#0f3460);display:flex;align-items:center;justify-content:center;font-family:Noto Sans Georgian,sans-serif;overflow:hidden}.mode-selector-container{max-width:1000px;width:90%;text-align:center;animation:fadeIn .5s ease-in}@keyframes fadeIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}.mode-selector-header{margin-bottom:60px}.mode-logo{max-height:80px;width:auto;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.mode-title{font-size:42px;font-weight:700;color:#fff;margin:0 0 12px;letter-spacing:2px;text-shadow:0 2px 8px rgba(0,0,0,.3)}.mode-subtitle{font-size:24px;color:#b8c1ec;margin:0;font-weight:400}.mode-cards{display:flex;gap:40px;justify-content:center;margin-bottom:40px;flex-wrap:wrap}.mode-card{background:#ffffff0d;border:2px solid rgba(255,255,255,.1);border-radius:20px;padding:40px 30px;width:320px;cursor:pointer;transition:all .3s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);position:relative;overflow:hidden}.mode-card:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:linear-gradient(135deg,rgba(255,255,255,.1) 0%,transparent 100%);opacity:0;transition:opacity .3s ease}.mode-card:hover:before{opacity:1}.mode-card:hover{transform:translateY(-8px);border-color:#ffffff4d;box-shadow:0 12px 32px #0006}.unified-card:hover{border-color:#4ecdc4;box-shadow:0 12px 32px #4ecdc44d}.split-card:hover{border-color:#ff6b6b;box-shadow:0 12px 32px #ff6b6b4d}.mode-icon{font-size:64px;margin-bottom:20px;filter:drop-shadow(0 4px 8px rgba(0,0,0,.3))}.mode-card h2{font-size:28px;font-weight:700;color:#fff;margin:0 0 12px}.mode-card p{font-size:18px;color:#b8c1ec;margin:0 0 24px}.mode-features{display:flex;flex-direction:column;gap:10px;align-items:flex-start;text-align:left}.mode-features span{font-size:15px;color:#e0e0e0;padding:6px 12px;background:#ffffff1a;border-radius:20px;display:inline-block}.mode-footer{margin-top:40px;color:#fff6;font-size:14px}.mode-footer p{margin:0}@media (max-width: 768px){.mode-title{font-size:32px}.mode-subtitle{font-size:18px}.mode-cards{gap:20px}.mode-card{width:100%;max-width:350px}}.product-card{background:#0f3460;border-radius:10px;overflow:hidden;border:2px solid #16213e;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:none;display:flex;flex-direction:column;cursor:pointer}.product-card:hover{border-color:#e94560;box-shadow:0 4px 12px #e945604d}.product-card.selected{border:2px solid #4CAF50;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;background:#1a3a52}.product-card,.product-card *{transition:none!important;transform:none!important;animation:none!important}.product-image-container{position:relative;width:100%;padding-top:100%;background:#16213e;overflow:hidden}.product-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.selected-badge{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;padding:4px 10px;border-radius:15px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #0000004d}.product-info{padding:8px 10px;flex:1;display:flex;flex-direction:column;gap:4px}.product-name{font-size:12px;font-weight:600;margin:0;color:#fff!important;line-height:1.4;overflow:hidden;text-overflow:ellipsis;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;word-break:break-word}.product-brand{font-size:11px;color:#a8b2d1!important;margin:0}.product-details{display:flex;align-items:center;gap:6px}.color-swatch{width:20px;height:20px;border-radius:50%;border:2px solid rgba(255,255,255,.3);flex-shrink:0;box-shadow:0 2px 6px #0006}.finish-badge{font-size:9px;background:#16213e;padding:3px 8px;border-radius:10px;color:#a8b2d1;text-transform:uppercase;font-weight:600}.product-price{font-size:13px;font-weight:600;color:#e94560;margin:0}.product-action-btn{margin:0 8px 8px;padding:7px 10px;border:none;border-radius:7px;font-size:11px;font-weight:600;cursor:pointer;transition:none;font-family:Noto Sans Georgian,sans-serif;min-height:32px}.product-action-btn.add{background:#e94560;color:#fff}.product-action-btn.add:hover{background:#ff6b6b}.product-action-btn.remove{background:transparent;border:2px solid #e94560;color:#e94560}.product-action-btn.remove:hover{background:#e94560;color:#fff}.product-action-btn:active{opacity:.8}@media (max-width: 360px){.product-card{border-radius:9px}.product-info{padding:8px;gap:4px}.product-name{font-size:11px;line-height:1.4}.product-brand{font-size:10px}.product-action-btn{font-size:11px;padding:8px 10px;min-height:34px;margin:0 8px 8px}.color-swatch{width:18px;height:18px}.finish-badge{font-size:9px;padding:3px 7px}.selected-badge{font-size:10px;padding:4px 9px}}@media (min-width: 361px) and (max-width: 480px){.product-card{border-radius:9px}.product-info{padding:10px;gap:5px}.product-name{font-size:12px;line-height:1.4;-webkit-line-clamp:2}.product-brand{font-size:10px}.product-action-btn{font-size:12px;padding:9px 12px;min-height:40px;margin:0 8px 8px}.color-swatch{width:19px;height:19px}.finish-badge{font-size:9px;padding:3px 7px}}@media (min-width: 481px) and (max-width: 768px){.product-info{padding:8px 10px}.product-action-btn{margin:0 8px 8px}}@media (max-height: 500px) and (orientation: landscape){.product-image-container{padding-top:80%}.product-info{padding:4px 6px;gap:2px}.product-name{font-size:10px}.product-brand{font-size:9px}.product-action-btn{margin:0 4px 4px;padding:4px 6px;font-size:9px}.color-swatch{width:16px;height:16px}.finish-badge{font-size:8px;padding:2px 6px}.selected-badge{top:6px;right:6px;font-size:9px;padding:3px 8px}}.look-card{background:linear-gradient(135deg,#e94560,#ff6b6b);border-radius:12px;overflow:hidden;min-width:200px;max-width:200px;flex:0 0 200px;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:none;cursor:pointer;color:#fff;display:flex;flex-direction:column}.look-card:hover{box-shadow:0 6px 16px #e9456080}.look-image-container{width:100%;padding-top:75%;position:relative;background:#ffffff1a;overflow:hidden}.look-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.look-placeholder{width:100%;padding-top:75%;position:relative;background:#ffffff1a;display:flex;align-items:center;justify-content:center}.look-icon{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:48px}.look-info{padding:10px 12px;flex:1}.look-name{font-size:14px;font-weight:700;margin:0 0 4px;color:#fff;line-height:1.3}.look-description{font-size:9px;opacity:.85;margin:0 0 3px;line-height:1.2;display:none}.look-product-count{font-size:9px;background:#ffffff40;display:inline-block;padding:3px 8px;border-radius:10px;font-weight:600}.look-apply-btn{margin:0 10px 10px;padding:8px;background:#fff;color:#e94560;border:none;border-radius:8px;font-size:12px;font-weight:700;cursor:pointer;transition:none;font-family:Noto Sans Georgian,sans-serif}.look-apply-btn:hover{background:#fffffff2}.look-apply-btn:active{opacity:.8}@media (max-width: 480px){.look-card{min-width:130px;max-width:130px;flex:0 0 130px;border-radius:10px}.look-image-container{padding-top:65%}.look-name{font-size:11px;line-height:1.2}.look-apply-btn{padding:6px 8px;font-size:10px;min-height:32px}.look-product-count{font-size:10px;padding:2px 6px}.look-info{padding:8px 10px}}@media (min-width: 481px) and (max-width: 768px){.look-card{min-width:160px;max-width:160px;flex:0 0 160px}.look-name{font-size:13px}.look-apply-btn{padding:7px;font-size:11px}}@media (max-height: 500px) and (orientation: landscape){.look-card{min-width:140px;max-width:140px;flex:0 0 140px}.look-name{font-size:12px}.look-apply-btn{padding:6px;font-size:10px;margin:0 8px 8px}.look-info{padding:8px 10px}}.hairstyle-card{background:#0f3460;border-radius:10px;overflow:hidden;border:2px solid #16213e;box-shadow:0 1px 3px #0000001f,0 1px 2px #0000003d;transition:none;display:flex;flex-direction:column;cursor:pointer}.hairstyle-card:hover{border-color:#e94560;box-shadow:0 4px 12px #e945604d}.hairstyle-card.selected{border:2px solid #4CAF50;box-shadow:0 3px 6px #00000029,0 3px 6px #0000003b;background:#1a3a52}.hairstyle-card,.hairstyle-card *{transition:none!important;transform:none!important;animation:none!important}.hairstyle-image-container{position:relative;width:100%;padding-top:100%;background:#16213e;overflow:hidden}.hairstyle-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:cover}.hairstyle-selected-badge{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;padding:4px 10px;border-radius:15px;font-size:11px;font-weight:700;box-shadow:0 2px 6px #0000004d}.hairstyle-title{padding:8px 10px 4px;color:#fff;font-size:13px;font-weight:600;text-align:center;font-family:Noto Sans Georgian,sans-serif;line-height:1.3;min-height:36px;display:flex;align-items:center;justify-content:center}.hairstyle-action-btn{margin:8px;padding:10px;border:none;border-radius:7px;font-size:12px;font-weight:600;cursor:pointer;transition:none;font-family:Noto Sans Georgian,sans-serif;min-height:36px;background:#e94560;color:#fff}.hairstyle-action-btn:hover{background:#ff6b6b}.hairstyle-action-btn.selected{background:#4caf50}.hairstyle-action-btn.selected:hover{background:#45a049}.hairstyle-action-btn:active{opacity:.8}@media (max-width: 360px){.hairstyle-title{font-size:11px;padding:6px 8px 3px;min-height:32px}}@media (max-width: 360px){.hairstyle-card{border-radius:9px}.hairstyle-action-btn{font-size:11px;padding:8px;min-height:34px;margin:6px}.hairstyle-selected-badge{font-size:10px;padding:4px 9px}}@media (min-width: 361px) and (max-width: 480px){.hairstyle-card{border-radius:9px}.hairstyle-action-btn{font-size:12px;padding:9px;min-height:38px}}@media (max-height: 500px) and (orientation: landscape){.hairstyle-image-container{padding-top:80%}.hairstyle-action-btn{margin:4px 6px 6px;padding:6px;font-size:10px;min-height:28px}.hairstyle-selected-badge{top:6px;right:6px;font-size:9px;padding:3px 8px}}.shoe-card{background:#0f3460;border:2px solid #16213e;border-radius:12px;overflow:hidden;cursor:pointer;transition:all .2s;display:flex;flex-direction:column}.shoe-card:hover{border-color:#e94560;transform:translateY(-2px);box-shadow:0 4px 12px #e945604d}.shoe-card.selected{border-color:#4caf50;box-shadow:0 4px 16px #4caf5066}.shoe-image-container{position:relative;width:100%;padding-top:100%;background:#1a1a2e;overflow:hidden}.shoe-image{position:absolute;top:0;left:0;width:100%;height:100%;object-fit:contain;object-position:center;padding:8px}.shoe-selected-badge{position:absolute;top:8px;right:8px;background:#4caf50;color:#fff;padding:4px 10px;border-radius:12px;font-size:11px;font-weight:600;box-shadow:0 2px 8px #0000004d;z-index:2}.shoe-brand{padding:6px 10px 2px;color:#e94560;font-size:11px;font-weight:700;text-align:center;text-transform:uppercase;letter-spacing:.5px}.shoe-name{padding:4px 10px 8px;color:#fff;font-size:13px;font-weight:600;text-align:center;font-family:Noto Sans Georgian,sans-serif;line-height:1.3;min-height:36px;display:flex;align-items:center;justify-content:center;flex:1}.shoe-action-btn{width:100%;padding:10px 16px;background:#16213e;border:none;border-top:1px solid #0f3460;color:#fff;font-size:13px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Noto Sans Georgian,sans-serif}.shoe-action-btn:hover{background:#1e3050}.shoe-action-btn.selected{background:#4caf50;color:#fff}@media (max-width: 480px){.shoe-brand{font-size:10px;padding:4px 8px 2px}.shoe-name{font-size:12px;padding:4px 8px 6px;min-height:32px}.shoe-action-btn{padding:8px 12px;font-size:12px}.shoe-selected-badge{font-size:10px;padding:3px 8px}}@media (max-width: 360px){.shoe-brand{font-size:9px}.shoe-name{font-size:11px;min-height:28px}.shoe-action-btn{padding:7px 10px;font-size:11px}}.tablet-unified{width:100vw;height:100vh;height:100dvh;background:#1a1a2e;display:flex;flex-direction:column;overflow:hidden;font-family:Noto Sans Georgian,sans-serif;position:relative;padding-bottom:env(safe-area-inset-bottom)}.tablet-header{background:#16213e;padding:12px 24px;padding-top:calc(12px + env(safe-area-inset-top));box-shadow:0 2px 8px #00000026;display:flex;justify-content:space-between;align-items:center;flex-shrink:0;min-height:60px}.tablet-logo{max-height:32px;width:auto;cursor:pointer;opacity:.9}.tablet-logo:hover{opacity:1}.tablet-title{font-size:20px;font-weight:700;margin:0;color:#fff;letter-spacing:1px}.looks-section{padding:16px 24px 12px;background:#1a1a2e;flex-shrink:0}.section-title{font-size:18px;font-weight:600;color:#fff;margin:0 0 12px}.looks-carousel{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;padding-right:12px;scrollbar-width:thin;scrollbar-color:#4ecdc4 #16213e;-webkit-overflow-scrolling:touch}.looks-carousel::-webkit-scrollbar-track{background:#16213e;border-radius:3px}.looks-carousel::-webkit-scrollbar-thumb{background:#4ecdc4;border-radius:3px}.categories-section{padding:12px 24px;background:#16213e;flex-shrink:0}.category-tabs{display:flex;gap:8px;overflow-x:auto;overflow-y:hidden;padding-bottom:4px;scrollbar-width:thin;scrollbar-color:#4ecdc4 transparent;-webkit-overflow-scrolling:touch}.category-tabs::-webkit-scrollbar{height:4px}.category-tabs::-webkit-scrollbar-track{background:transparent}.category-tabs::-webkit-scrollbar-thumb{background:#4ecdc4;border-radius:2px}.category-tab{background:#ffffff0d;border:2px solid transparent;border-radius:12px;padding:10px 16px;display:flex;align-items:center;gap:8px;cursor:pointer;transition:all .2s;white-space:nowrap;position:relative}.category-tab:hover{background:#ffffff14;border-color:#4ecdc44d}.category-tab.active{background:#4ecdc426;border-color:#4ecdc4}.category-icon{width:24px;height:24px;object-fit:contain}.tab-text{font-size:14px;font-weight:500;color:#fff}.tab-badge{position:absolute;top:4px;right:4px;background:#4ecdc4;color:#1a1a2e;font-size:10px;font-weight:700;width:16px;height:16px;border-radius:50%;display:flex;align-items:center;justify-content:center}.products-section{flex:1;overflow-y:auto;overflow-x:hidden;padding:16px 24px;background:#1a1a2e;-webkit-overflow-scrolling:touch;scroll-behavior:smooth;scrollbar-width:thin;scrollbar-color:rgba(78,205,196,.5) transparent}.products-section::-webkit-scrollbar{width:6px}.products-section::-webkit-scrollbar-track{background:transparent}.products-section::-webkit-scrollbar-thumb{background:#4ecdc480;border-radius:3px}.products-section::-webkit-scrollbar-thumb:hover{background:#4ecdc4cc}.tablet-unified .products-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(160px,1fr));gap:16px;padding-bottom:20px}.tablet-footer{background:#16213e;padding:16px 24px;padding-bottom:calc(16px + env(safe-area-inset-bottom));display:flex;gap:16px;justify-content:center;align-items:center;box-shadow:0 -2px 8px #00000026;flex-shrink:0}.clear-btn{background:#ff6b6b33;border:2px solid #ff6b6b;color:#ff6b6b;padding:14px 28px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Noto Sans Georgian,sans-serif}.clear-btn:hover:not(:disabled){background:#ff6b6b4d;transform:translateY(-2px)}.clear-btn:disabled{opacity:.3;cursor:not-allowed}.try-on-btn{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;color:#fff;padding:16px 48px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .3s;box-shadow:0 4px 8px #4ecdc44d;font-family:Noto Sans Georgian,sans-serif;min-height:48px}.try-on-btn:hover:not(:disabled){transform:translateY(-3px);box-shadow:0 6px 20px #4ecdc499}.try-on-btn:disabled{opacity:.3;cursor:not-allowed;transform:none}.error-toast{position:fixed;bottom:100px;bottom:calc(100px + env(safe-area-inset-bottom));left:50%;transform:translate(-50%);background:#ff6b6b;color:#fff;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;box-shadow:0 4px 16px #ff6b6b80;z-index:1000;animation:slideUp .3s ease-out}@keyframes slideUp{0%{opacity:0;transform:translate(-50%) translateY(20px)}to{opacity:1;transform:translate(-50%) translateY(0)}}.camera-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:2000;display:flex;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.camera-video{width:100%;height:100%;object-fit:cover}.square-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:min(80vh,80vw);height:min(80vh,80vw);pointer-events:none}.guide-corner{position:absolute;width:60px;height:60px;border:4px solid white;box-shadow:0 0 20px #ffffff80}.guide-tl{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:8px}.guide-tr{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:8px}.guide-bl{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:8px}.guide-br{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:8px}.countdown-display{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:120px;font-weight:900;color:#fff;text-shadow:0 0 40px rgba(0,0,0,.8),0 4px 8px rgba(0,0,0,.5);z-index:100;animation:countdownPulse 1s ease-in-out}.ready-message{position:absolute;bottom:100px;left:50%;transform:translate(-50%);text-align:center;color:#fff;text-shadow:0 2px 8px rgba(0,0,0,.8)}.ready-message p{font-size:32px;font-weight:700;margin:0 0 8px}.ready-submessage{font-size:20px!important;font-weight:400!important;color:#fffc}.cancel-btn{position:absolute;top:24px;right:24px;background:#ff6b6be6;border:none;color:#fff;padding:12px 24px;border-radius:8px;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Noto Sans Georgian,sans-serif;box-shadow:0 4px 12px #0006;z-index:200}.cancel-btn:hover{background:#ff6b6b;transform:scale(1.05)}.processing-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#1a1a2e;z-index:2000;display:flex;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top);padding-bottom:env(safe-area-inset-bottom)}.processing-content{text-align:center;color:#fff}.processing-spinner{width:80px;height:80px;border:6px solid rgba(78,205,196,.2);border-top-color:#4ecdc4;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 32px}.processing-content h2{font-size:32px;font-weight:700;margin:0 0 12px}.processing-content p{font-size:18px;color:#ffffffb3;margin:0}.result-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#000;z-index:2000;display:flex;flex-direction:column;padding:0}.result-image-hero{flex:1;display:flex;align-items:center;justify-content:center;padding-top:env(safe-area-inset-top);background:#000;overflow:hidden}.result-hero-img{max-width:100vw;max-height:100%;width:auto;height:auto;object-fit:contain}.result-actions-bottom{flex-shrink:0;display:flex;flex-direction:column;gap:12px;padding:24px;padding-bottom:calc(24px + env(safe-area-inset-bottom));background:#000000e6}.download-btn-hero{background:linear-gradient(135deg,#4ecdc4,#44a08d);border:none;color:#fff;padding:18px 32px;border-radius:12px;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s;box-shadow:0 6px 20px #4ecdc466;font-family:Noto Sans Georgian,sans-serif;text-decoration:none;display:block;text-align:center;width:100%;min-height:56px}.download-btn-hero:active{transform:scale(.98);box-shadow:0 4px 12px #4ecdc44d}.start-over-btn-hero{background:transparent;border:2px solid rgba(255,107,107,.5);color:#ff6b6b;padding:16px 32px;border-radius:12px;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Noto Sans Georgian,sans-serif;width:100%;min-height:56px}.start-over-btn-hero:active{background:#ff6b6b1a;border-color:#ff6b6b;transform:scale(.98)}@media (max-width: 360px){.tablet-header{padding:12px 16px;height:56px}.tablet-logo{max-height:24px}.tablet-title{display:none}.looks-section{padding:16px 12px 12px}.section-title{font-size:17px;margin:0 0 10px;font-weight:700}.categories-section{padding:12px}.category-tab{padding:10px 14px;border-radius:10px;min-height:44px}.category-icon{width:20px;height:20px}.tab-text{font-size:13px}.tab-badge{width:14px;height:14px;font-size:9px}.products-section{padding:16px 12px}.tablet-unified .products-grid{grid-template-columns:repeat(2,1fr);gap:10px}.tablet-footer{padding:12px;flex-direction:column;gap:10px;box-shadow:0 -4px 12px #0006}.clear-btn{width:100%;padding:14px 20px;font-size:15px;border-radius:10px;min-height:48px}.try-on-btn{width:100%;padding:16px 24px;font-size:17px;border-radius:10px;box-shadow:0 6px 20px #4ecdc480;min-height:48px}.square-guide{width:min(70vh,85vw);height:min(70vh,85vw)}.guide-corner{width:40px;height:40px;border-width:3px}.countdown-display{font-size:80px}.ready-message{bottom:60px}.ready-message p{font-size:20px}.ready-submessage{font-size:14px!important}.cancel-btn{top:16px;right:16px;padding:10px 16px;font-size:14px}.processing-spinner{width:60px;height:60px;border-width:4px}.processing-content h2{font-size:22px}.processing-content p{font-size:14px}.result-overlay{padding:24px 16px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.result-title{font-size:22px;margin:0 0 24px;line-height:1.3}.result-display-tablet{flex-direction:column;gap:28px;align-items:center}.result-image-container{width:100%;max-width:100%;border-radius:12px}.result-image-bg{border-radius:12px}.result-image{width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:12px;border:3px solid rgba(78,205,196,.3)}.result-actions{gap:14px;max-width:100%;width:100%;margin-top:8px}.download-btn{width:100%;padding:17px 32px;font-size:17px;border-radius:12px;min-height:52px}.start-over-btn{width:100%;padding:15px 32px;font-size:16px;border-radius:12px;min-height:52px}.error-toast{bottom:80px;padding:12px 20px;font-size:14px}}@media (min-width: 361px) and (max-width: 480px){.tablet-header{padding:12px 16px;height:56px}.tablet-logo{max-height:24px}.tablet-title{font-size:14px}.looks-section{padding:16px 12px 12px}.section-title{font-size:17px;margin:0 0 10px;font-weight:700}.categories-section{padding:12px}.category-tab{padding:10px 14px;border-radius:10px;min-height:44px}.category-icon{width:20px;height:20px}.tab-text{font-size:13px}.tab-badge{width:14px;height:14px;font-size:9px}.products-section{padding:16px}.tablet-unified .products-grid{grid-template-columns:repeat(2,1fr);gap:12px}.tablet-footer{padding:12px;flex-direction:column;gap:10px;box-shadow:0 -4px 12px #0006}.clear-btn{width:100%;padding:14px 20px;font-size:15px;border-radius:10px;min-height:48px}.try-on-btn{width:100%;padding:16px 24px;font-size:17px;border-radius:10px;box-shadow:0 6px 20px #4ecdc480;min-height:48px}.square-guide{width:min(70vh,85vw);height:min(70vh,85vw)}.guide-corner{width:40px;height:40px;border-width:3px}.countdown-display{font-size:80px}.ready-message{bottom:60px}.ready-message p{font-size:20px}.ready-submessage{font-size:14px!important}.cancel-btn{top:16px;right:16px;padding:10px 16px;font-size:14px}.processing-spinner{width:60px;height:60px;border-width:4px}.processing-content h2{font-size:22px}.processing-content p{font-size:14px}.result-overlay{padding:24px 16px;padding-bottom:calc(32px + env(safe-area-inset-bottom))}.result-title{font-size:22px;margin:0 0 24px;line-height:1.3}.result-display-tablet{flex-direction:column;gap:28px;align-items:center}.result-image-container{width:100%;max-width:100%;border-radius:12px}.result-image-bg{border-radius:12px}.result-image{width:100%;height:auto;max-width:100%;object-fit:contain;border-radius:12px;border:3px solid rgba(78,205,196,.3)}.result-actions{gap:14px;max-width:100%;width:100%;margin-top:8px}.download-btn{width:100%;padding:17px 32px;font-size:17px;border-radius:12px;min-height:52px}.start-over-btn{width:100%;padding:15px 32px;font-size:16px;border-radius:12px;min-height:52px}.error-toast{bottom:80px;padding:12px 20px;font-size:14px}}@media (min-width: 481px) and (max-width: 768px){.tablet-header{padding:10px 16px}.tablet-logo{max-height:28px}.tablet-title{font-size:16px}.looks-section{padding:14px 16px}.section-title{font-size:17px}.categories-section{padding:10px 16px}.category-tab{padding:9px 14px}.category-icon{width:22px;height:22px}.tab-text{font-size:13px}.products-section{padding:14px 16px}.tablet-unified .products-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width: 481px) and (max-width: 600px){.tablet-unified .products-grid{grid-template-columns:repeat(3,1fr);gap:14px}}@media (min-width: 601px) and (max-width: 768px){.tablet-unified .products-grid{grid-template-columns:repeat(auto-fill,minmax(150px,1fr));gap:16px}.tablet-footer{padding:14px 16px}.clear-btn{padding:12px 24px;font-size:15px}.try-on-btn{padding:14px 36px;font-size:17px}.square-guide{width:min(75vh,82vw);height:min(75vh,82vw)}.guide-corner{width:50px;height:50px}.countdown-display{font-size:100px}.ready-message{bottom:80px}.ready-message p{font-size:26px}.ready-submessage{font-size:16px!important}.cancel-btn{top:20px;right:20px;padding:11px 20px;font-size:16px}.processing-spinner{width:70px;height:70px;border-width:5px}.processing-content h2{font-size:26px}.processing-content p{font-size:16px}.result-overlay{padding:30px 20px}.result-title{font-size:26px;margin:0 0 24px}.result-display-tablet{flex-direction:column;gap:32px}.result-image{height:50vh;width:auto;max-width:100%}.download-btn{padding:16px 40px;font-size:18px;min-height:54px}.start-over-btn{padding:15px 40px;font-size:17px}.error-toast{bottom:90px;padding:14px 28px;font-size:15px}}@media (min-width: 769px) and (max-width: 1024px){.tablet-unified .products-grid{grid-template-columns:repeat(auto-fill,minmax(170px,1fr));gap:18px}.result-display-tablet{gap:40px}.result-image{height:60vh}.download-btn{font-size:19px}}@media (min-width: 1025px){.tablet-unified .products-grid{grid-template-columns:repeat(auto-fill,minmax(180px,1fr));gap:20px}}@media (max-height: 500px) and (orientation: landscape){.tablet-header{padding:8px 16px;height:50px}.tablet-logo{max-height:28px}.tablet-title{font-size:16px}.looks-section{padding:10px 16px 8px}.section-title{font-size:15px;margin:0 0 8px}.categories-section{padding:8px 16px}.products-section{padding:12px 16px}.tablet-footer{padding:10px 16px}.clear-btn{padding:10px 20px;font-size:14px}.try-on-btn{padding:12px 32px;font-size:16px}.square-guide{width:min(70vh,50vw);height:min(70vh,50vw)}.countdown-display{font-size:80px}.ready-message{bottom:40px}.ready-message p{font-size:20px}.ready-submessage{font-size:14px!important}.cancel-btn{top:12px;right:16px;padding:8px 16px;font-size:14px}.result-overlay{padding:20px 16px}.result-title{font-size:20px;margin:0 0 16px}.result-display-tablet{flex-direction:column;gap:20px}.result-image{max-height:50vh;width:auto;max-width:100%}.download-btn{padding:14px 28px;font-size:15px;min-height:44px}.start-over-btn{padding:12px 28px;font-size:14px}}@supports (padding: max(0px)){.tablet-unified{padding-bottom:max(0px,env(safe-area-inset-bottom))}.tablet-header{padding-top:max(12px,calc(12px + env(safe-area-inset-top)))}.tablet-footer{padding-bottom:max(16px,calc(16px + env(safe-area-inset-bottom)))}@media (max-width: 480px){.tablet-footer{padding-bottom:max(12px,calc(12px + env(safe-area-inset-bottom)))}.error-toast{bottom:calc(80px + env(safe-area-inset-bottom))}.ready-message{bottom:calc(60px + env(safe-area-inset-bottom))}.result-overlay{padding-bottom:max(32px,calc(52px + env(safe-area-inset-bottom)))}}}.mode-selection-view{display:flex;flex-direction:column;height:100%}.mode-selection-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:32px 24px;gap:40px}.mode-selection-title{font-size:28px;font-weight:700;color:#fff;text-align:center;margin:0}.mode-cards{display:grid;grid-template-columns:repeat(3,1fr);gap:24px;width:100%;max-width:900px}.mode-card{flex:1;background:#0f3460;border:2px solid #16213e;border-radius:16px;padding:40px 24px;display:flex;flex-direction:column;align-items:center;gap:16px;cursor:pointer;transition:all .2s;font-family:Noto Sans Georgian,sans-serif}.mode-card:hover{border-color:#e94560;transform:translateY(-4px);box-shadow:0 8px 24px #e945604d}.mode-card-icon{font-size:64px;line-height:1}.mode-card h3{font-size:22px;font-weight:600;color:#fff;margin:0;text-align:center}.back-btn{background:transparent;border:1px solid #e94560;color:#e94560;padding:8px 16px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:Noto Sans Georgian,sans-serif;transition:all .2s}.back-btn:hover{background:#e94560;color:#fff}.hair-category-section{padding:12px 24px;background:#1a1a2e;border-bottom:1px solid rgba(255,255,255,.1)}.hair-category-tabs{display:flex;gap:12px;justify-content:center}.hair-category-tab{flex:1;max-width:200px;padding:14px 24px;background:#ffffff0d;border:2px solid transparent;border-radius:12px;color:#fff9;font-size:16px;font-weight:600;cursor:pointer;transition:all .3s ease;font-family:Noto Sans Georgian,sans-serif}.hair-category-tab:hover{background:#ffffff14;color:#fffc}.hair-category-tab.active{background:linear-gradient(135deg,#e94560,#f27121);border-color:#e94560;color:#fff;box-shadow:0 4px 12px #e945604d}.hairstyles-section{padding:16px 24px;flex:1;overflow-y:auto;background:#1a1a2e}.hairstyles-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));gap:12px;padding-bottom:16px}.loading-spinner{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 20px;gap:16px}.spinner{width:50px;height:50px;border:4px solid #16213e;border-top-color:#e94560;border-radius:50%;animation:spin 1s linear infinite}.loading-spinner p{color:#a8b2d1;font-size:16px;margin:0}.no-templates{text-align:center;padding:60px 20px;color:#a8b2d1;font-size:16px}.pagination-controls{display:flex;justify-content:center;align-items:center;gap:16px;padding:20px 0}.page-indicator{color:#fff;font-size:14px;font-weight:600;padding:0 12px;font-family:Noto Sans Georgian,sans-serif;min-width:80px;text-align:center}.pagination-btn{background:#0f3460;border:2px solid #16213e;color:#fff;padding:10px 24px;border-radius:8px;font-size:14px;font-weight:600;cursor:pointer;font-family:Noto Sans Georgian,sans-serif;transition:all .2s}.pagination-btn:hover:not(:disabled){border-color:#e94560;background:#16213e}.pagination-btn:disabled{opacity:.4;cursor:not-allowed}.hair-color-section{padding:16px 24px;background:#16213e;flex-shrink:0}.hair-color-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}.hair-color-btn{background:#0f3460;border:2px solid #16213e;color:#fff;padding:12px 16px;border-radius:8px;font-size:13px;font-weight:600;cursor:pointer;font-family:Noto Sans Georgian,sans-serif;transition:all .2s;text-align:center}.hair-color-btn:hover{border-color:#e94560}.hair-color-btn.selected{border-color:#4caf50;background:#1a3a52;box-shadow:0 2px 8px #4caf504d}.shoes-category-section{padding:16px 24px 12px;background:#16213e;flex-shrink:0}.shoes-category-tabs{display:flex;gap:12px;justify-content:center}.shoes-category-tab{flex:1;max-width:200px;padding:12px 24px;background:#0f3460;border:2px solid #16213e;border-radius:12px;color:#fff;font-size:16px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Noto Sans Georgian,sans-serif}.shoes-category-tab:hover{border-color:#e94560}.shoes-category-tab.active{background:#e94560;border-color:#e94560;box-shadow:0 2px 8px #e945604d}.shoes-section{flex:1;padding:16px 24px;overflow-y:auto;background:#1a1a2e;-webkit-overflow-scrolling:touch}.shoes-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:16px;padding-bottom:16px}.no-shoes{text-align:center;padding:48px 24px;color:#999;font-size:16px}.photo-choice-modal{position:fixed;top:0;left:0;width:100%;height:100%;background:#000000d9;display:flex;flex-direction:column;align-items:center;justify-content:center;z-index:1000;padding:24px}.photo-choice-modal h2{color:#fff;font-size:24px;font-weight:700;margin:0 0 32px;text-align:center;font-family:Noto Sans Georgian,sans-serif}.photo-choice-buttons{display:flex;gap:24px;width:100%;max-width:600px}.photo-choice-buttons button{flex:1;background:#0f3460;border:2px solid #16213e;border-radius:16px;padding:32px 24px;color:#fff;font-size:18px;font-weight:600;cursor:pointer;transition:all .2s;font-family:Noto Sans Georgian,sans-serif;display:flex;flex-direction:column;align-items:center;gap:12px}.photo-choice-buttons button:hover{border-color:#e94560;transform:translateY(-4px);box-shadow:0 8px 24px #e945604d}.photo-choice-buttons button p{margin:0;font-size:13px;font-weight:400;color:#ccc;text-align:center;line-height:1.4}@media (max-width: 360px){.mode-selection-title{font-size:22px}.mode-cards{grid-template-columns:1fr;gap:16px}.mode-card{padding:32px 20px}.mode-card-icon{font-size:48px}.mode-card h3{font-size:18px}.shoes-grid{grid-template-columns:repeat(2,1fr);gap:12px}.photo-choice-buttons{flex-direction:column;gap:16px}.hairstyles-grid{grid-template-columns:repeat(auto-fill,minmax(110px,1fr));gap:8px}.hair-color-grid{grid-template-columns:repeat(auto-fill,minmax(100px,1fr));gap:8px}.hair-color-btn{padding:10px 12px;font-size:12px}}@media (min-width: 361px) and (max-width: 480px){.mode-cards{grid-template-columns:1fr;gap:20px}.shoes-grid{grid-template-columns:repeat(2,1fr);gap:14px}.photo-choice-buttons{flex-direction:column;gap:20px}.hair-category-tab{padding:12px 18px;font-size:15px}.hairstyles-grid{grid-template-columns:repeat(auto-fill,minmax(120px,1fr));gap:10px}}@media (min-width: 768px) and (max-width: 1024px){.shoes-grid{grid-template-columns:repeat(4,1fr);gap:18px}.mode-cards{grid-template-columns:repeat(3,1fr);max-width:800px}}@media (max-height: 500px) and (orientation: landscape){.mode-selection-content{padding:16px 24px;gap:24px}.mode-selection-title{font-size:20px}.mode-cards{gap:16px;grid-template-columns:repeat(3,1fr)}.mode-card{padding:24px 16px}.mode-card-icon{font-size:40px}.mode-card h3{font-size:16px}.shoes-grid{grid-template-columns:repeat(3,1fr);gap:12px}.photo-choice-buttons{gap:16px}.photo-choice-buttons button{padding:20px 16px;font-size:16px}.hairstyles-section,.hair-color-section{padding:12px 16px}}.capture-popup-overlay{position:fixed;top:0;left:0;width:100vw;height:100vh;background:#000000d9;display:flex;align-items:center;justify-content:center;z-index:1000;font-family:Noto Sans Georgian,sans-serif}.capture-popup{background:#16213e;border-radius:20px;padding:50px;max-width:800px;width:90%;text-align:center;box-shadow:0 10px 40px #00000080}.popup-title{font-size:32px;font-weight:700;color:#e94560;margin:0 0 15px}.popup-subtitle{font-size:18px;color:#a8b2d1;margin:0 0 35px}.popup-buttons{display:flex;gap:20px;justify-content:center;align-items:center}.cancel-btn{padding:20px 40px;font-size:20px;font-weight:600;background:transparent;color:#a8b2d1;border:2px solid #a8b2d1;border-radius:15px;cursor:pointer;font-family:Noto Sans Georgian,sans-serif;transition:all .3s ease}.cancel-btn:hover{background:#a8b2d11a;color:#fff;border-color:#fff}.cancel-btn:active{transform:scale(.98)}.take-image-btn{padding:20px 50px;font-size:22px;font-weight:700;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;border:none;border-radius:15px;cursor:pointer;box-shadow:0 6px 20px #e9456066;font-family:Noto Sans Georgian,sans-serif;transition:all .3s ease}.take-image-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e9456099}.take-image-btn:active{transform:translateY(0)}.popup-spinner{width:80px;height:80px;border:6px solid #0f3460;border-top:6px solid #e94560;border-radius:50%;margin:20px auto;animation:spin 1s linear infinite}.popup-loading-text{font-size:24px;font-weight:600;color:#e94560;margin:20px 0 10px}.popup-loading-subtext{font-size:16px;color:#a8b2d1;margin:0}.popup-result-container{display:flex;gap:40px;align-items:center;justify-content:center;margin:30px 0}.popup-result-left{flex:1;max-width:400px}.popup-result-image{width:100%;border-radius:15px;box-shadow:0 6px 20px #0006}.popup-result-right{flex:0 0 auto;display:flex;flex-direction:column;align-items:center}.qr-instruction{font-size:16px;color:#a8b2d1;margin:0 0 20px;line-height:1.5}.popup-qr-code{width:250px;height:250px;border-radius:10px;background:#fff;padding:10px;box-shadow:0 4px 15px #0000004d}.start-over-btn{margin-top:30px;padding:15px 40px;font-size:18px;font-weight:600;background:transparent;color:#e94560;border:2px solid #e94560;border-radius:10px;cursor:pointer;font-family:Noto Sans Georgian,sans-serif;transition:all .3s ease}.start-over-btn:hover{background:#e94560;color:#fff}.start-over-btn:active{opacity:.8}.controller-view-new{width:100vw;height:100vh;background:#1a1a2e;display:flex;flex-direction:column;overflow:hidden;font-family:Noto Sans Georgian,sans-serif}.controller-header{background:#16213e;padding:12px 24px;box-shadow:0 2px 8px #0000004d;display:flex;justify-content:space-between;align-items:center;flex-shrink:0}.header-left{display:flex;align-items:center;gap:16px}.controller-logo{max-height:32px;width:auto;cursor:pointer;opacity:.9}.controller-logo:hover{opacity:1}.controller-title{font-size:18px;font-weight:700;margin:0;color:#fff}.header-right{display:flex;align-items:center;gap:16px}.selection-badge{background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;padding:8px 16px;border-radius:20px;display:flex;align-items:center;gap:8px;font-weight:600}.badge-icon{font-size:18px}.badge-text{font-size:14px}.status-indicator{font-size:20px}.looks-section{flex-shrink:0;padding:12px 24px 10px;background:#16213e;border-bottom:1px solid #0f3460}.section-title{font-size:15px;font-weight:700;margin:0 0 10px;color:#e94560;text-transform:uppercase;letter-spacing:.5px}.looks-carousel{display:flex;gap:10px;overflow-x:auto;overflow-y:hidden;padding-bottom:8px;justify-content:flex-start}.looks-carousel::-webkit-scrollbar{height:6px}.looks-carousel::-webkit-scrollbar-track{background:#0f3460;border-radius:4px}.looks-carousel::-webkit-scrollbar-thumb{background:#e94560;border-radius:4px}.looks-carousel::-webkit-scrollbar-thumb:hover{background:#ff6b6b}.categories-section{flex-shrink:0;padding:8px 24px;background:#16213e;border-bottom:1px solid #0f3460}.category-tabs{display:grid;grid-template-columns:repeat(6,1fr);gap:10px}.category-tab{padding:10px 12px;border:2px solid #0f3460;border-radius:12px;background:#0f3460;cursor:pointer;transition:none;font-size:13px;font-weight:600;color:#a8b2d1;display:flex;flex-direction:row;align-items:center;justify-content:center;gap:8px;font-family:Noto Sans Georgian,sans-serif;position:relative}.category-tab:hover{border-color:#e94560;background:#1a2744;color:#fff}.category-tab.active{border-color:#e94560;background:#e94560;color:#fff}.category-icon{width:24px;height:24px;object-fit:contain;flex-shrink:0}.tab-text{font-size:12px;line-height:1.2;white-space:nowrap}.tab-badge{position:absolute;top:-4px;right:-4px;background:#4caf50;color:#fff;width:18px;height:18px;border-radius:50%;display:flex;align-items:center;justify-content:center;font-size:11px;font-weight:700;box-shadow:0 2px 4px #0000004d}.products-section{flex:1;overflow-y:auto;padding:10px 24px;background:#1a1a2e;min-height:0}.products-section::-webkit-scrollbar{width:8px}.products-section::-webkit-scrollbar-track{background:#0f3460}.products-section::-webkit-scrollbar-thumb{background:#e94560;border-radius:4px}.controller-view-new .products-grid{display:grid;grid-template-columns:repeat(8,1fr);gap:8px;padding-bottom:8px}.controller-footer{flex-shrink:0;background:#16213e;padding:10px 24px;box-shadow:0 -2px 8px #0000004d;display:flex;gap:12px;z-index:10}.test-btn-header{padding:8px 16px;background:orange;color:#fff;border:none;border-radius:8px;font-size:13px;font-weight:700;cursor:pointer;font-family:monospace;white-space:nowrap}.test-btn-header:hover{background:#ff8c00}.test-btn-header:disabled{opacity:.5;cursor:not-allowed}.clear-btn{flex:1;padding:12px 20px;border:2px solid #e94560;border-radius:10px;background:transparent;color:#e94560;font-size:15px;font-weight:600;cursor:pointer;transition:none;font-family:Noto Sans Georgian,sans-serif}.clear-btn:hover:not(:disabled){background:#e94560;color:#fff}.clear-btn:disabled{opacity:.4;cursor:not-allowed}.try-on-btn{flex:2;padding:12px 24px;border:none;border-radius:10px;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;font-size:16px;font-weight:700;cursor:pointer;transition:none;font-family:Noto Sans Georgian,sans-serif;box-shadow:0 4px 12px #e945604d}.try-on-btn:hover:not(:disabled){box-shadow:0 6px 16px #e9456080}.try-on-btn:disabled{opacity:.5;cursor:not-allowed}.try-on-btn:active:not(:disabled){opacity:.9}@media (width: 1920px) and (height: 1080px){.controller-header,.looks-section{padding:12px 32px}.categories-section{padding:10px 32px}.products-section,.controller-footer{padding:12px 32px}.controller-view-new .products-grid{grid-template-columns:repeat(6,1fr);gap:12px}}.display-view-new{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden;font-family:Noto Sans Georgian,sans-serif}.display-video{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(-1);max-width:100%;max-height:100%;width:auto;height:auto;object-fit:contain}.display-video-frozen{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%) scaleX(-1);width:100%;height:100%;object-fit:cover;filter:brightness(.7)}.selection-panel{position:absolute;top:20px;right:20px;width:320px;max-height:80vh;background:#fffffff2;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-radius:20px;padding:20px;box-shadow:0 8px 32px #0003;display:flex;flex-direction:column;z-index:10}.panel-header{display:flex;align-items:center;gap:12px;margin-bottom:16px;padding-bottom:16px;border-bottom:2px solid #eee}.panel-logo{max-height:40px;width:auto}.panel-title{font-size:20px;font-weight:700;margin:0;color:#333}.panel-empty{flex:1;display:flex;align-items:center;justify-content:center;text-align:center;color:#999;font-size:16px;padding:40px 20px}.selection-list{list-style:none;padding:0;margin:0;flex:1;overflow-y:auto;display:flex;flex-direction:column;gap:12px}.selection-item{display:flex;align-items:center;gap:12px;padding:12px;background:#f9f9f9;border-radius:12px;transition:all .2s ease}.selection-item:hover{background:#f0f0f0}.item-thumbnail{width:50px;height:50px;object-fit:cover;border-radius:8px;flex-shrink:0}.item-info{flex:1;display:flex;flex-direction:column;gap:6px}.item-name{font-size:14px;font-weight:600;color:#333}.item-color{width:24px;height:24px;border-radius:50%;border:2px solid #ddd}.panel-footer{margin-top:16px;padding-top:16px;border-top:2px solid #eee}.ready-indicator{display:flex;align-items:center;gap:8px;padding:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;border-radius:12px;font-weight:600}.ready-icon{font-size:20px}.ready-text{font-size:14px}.display-processing{width:100%;height:100%;position:relative}.processing-overlay{position:absolute;top:0;left:0;width:100%;height:100%;background:#000000b3;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:24px;z-index:10}.spinner{width:60px;height:60px;border:6px solid rgba(255,255,255,.2);border-top-color:#fff;border-radius:50%;animation:spin 1s linear infinite}@keyframes spin{to{transform:rotate(360deg)}}.processing-text{font-size:24px;color:#fff;font-weight:600;margin:0}.display-result{width:100%;height:100%;position:relative;display:flex;align-items:center;justify-content:center}.result-image{max-width:100%;max-height:100%;object-fit:contain;transform:scaleX(-1)}.try-again-btn{position:absolute;bottom:40px;left:50%;transform:translate(-50%);padding:16px 32px;border:none;border-radius:12px;background:linear-gradient(135deg,#667eea,#764ba2);color:#fff;font-size:18px;font-weight:700;cursor:pointer;transition:all .2s ease;font-family:Noto Sans Georgian,sans-serif;box-shadow:0 8px 24px #0000004d;z-index:10}.try-again-btn:hover{transform:translate(-50%) translateY(-2px);box-shadow:0 12px 32px #0006}.try-again-btn:active{transform:translate(-50%) translateY(0)}.status-bar-bottom{position:absolute;bottom:25px;left:50%;transform:translate(-50%);display:flex;align-items:center;gap:12px;background:#0009;padding:12px 24px;border-radius:30px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.status-dot{width:12px;height:12px;border-radius:50%;animation:blink 2s infinite}.status-dot.connected{background:#4caf50;box-shadow:0 0 10px #4caf50}.status-dot.disconnected{background:#f44336;box-shadow:0 0 10px #f44336}@keyframes blink{0%,to{opacity:1}50%{opacity:.3}}.status-text{color:#fff;font-size:16px;font-weight:600}.display-pre-selfie{width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;flex-direction:column;position:relative;overflow:hidden}.display-header{display:flex;align-items:center;gap:20px;padding:30px 40px;background:#0f34604d;border-bottom:2px solid rgba(233,69,96,.2)}.display-logo-header{max-height:30px;width:auto}.display-header-title{font-size:28px;font-weight:700;color:#fff;margin:0 0 0 auto;letter-spacing:1px}.pre-selfie-content{flex:1;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:60px 80px;gap:50px}.welcome-section{text-align:center}.main-title{font-size:56px;font-weight:800;margin:0 0 12px;color:#fff;text-shadow:0 4px 20px rgba(233,69,96,.5)}.subtitle{font-size:28px;color:#e94560;margin:0;font-weight:600}.welcome-empty{text-align:center;display:flex;flex-direction:column;align-items:center;gap:30px}.welcome-icon{font-size:120px;opacity:.6;filter:drop-shadow(0 10px 30px rgba(233,69,96,.3))}.welcome-empty h2{font-size:48px;font-weight:700;margin:0;color:#fff}.welcome-empty p{font-size:28px;color:#a8b2d1;margin:0;line-height:1.6;font-weight:500}.products-display-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(160px,160px));gap:24px;max-width:1200px;width:100%;justify-content:center}.product-display-card{background:#ffffff0d;border:2px solid rgba(233,69,96,.3);border-radius:20px;padding:14px;box-shadow:0 4px 16px #0000004d;transition:all .3s ease;display:flex;flex-direction:column;width:160px;height:200px}.product-display-card:hover{transform:translateY(-6px);border-color:#e9456099;box-shadow:0 8px 24px #e9456066;background:#ffffff14}.product-display-card img{width:100%;height:120px;object-fit:cover;border-radius:14px;margin-bottom:10px;flex-shrink:0}.product-info{display:flex;flex-direction:column;gap:6px;flex:1;justify-content:center}.category-label{font-size:11px;color:#e94560;text-transform:uppercase;letter-spacing:1.2px;font-weight:700}.product-name{font-size:12px;font-weight:600;color:#fff;line-height:1.3}.cta-section{width:100%;display:flex;justify-content:center}.cta-box{background:#ffffff0d;padding:25px 40px;border-radius:20px;display:flex;flex-direction:column;align-items:center;gap:15px;border:2px dashed rgba(233,69,96,.5)}.cta-icon{font-size:48px;opacity:.8}.cta-text h3{font-size:28px;font-weight:600;margin:0;color:#a8b2d1;text-align:center}.cta-text p{font-size:22px;margin:0;color:#e94560;font-weight:700;text-align:center;position:relative;padding-left:35px}.cta-text p:before{content:"👉";position:absolute;left:0;font-size:24px}.display-camera-ready{width:100vw;height:100vh;background:#000;position:relative;overflow:hidden}.display-video-live{width:100%;height:100%;object-fit:cover;transform:scaleX(-1)}.camera-ready-overlay{position:absolute;bottom:80px;left:50%;transform:translate(-50%);background:#000000d9;padding:20px 40px;border-radius:20px;color:#fff;text-align:center;box-shadow:0 10px 40px #00000080}.camera-ready-overlay h1{font-size:32px;font-weight:700;margin:0 0 10px;color:#e94560}.camera-ready-overlay p{font-size:20px;margin:0;color:#a8b2d1}.square-guide{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);width:85vh;height:85vh;pointer-events:none;z-index:5}.guide-corner{position:absolute;width:60px;height:60px;border:4px solid rgba(233,69,96,.9)}.guide-top-left{top:0;left:0;border-right:none;border-bottom:none;border-top-left-radius:12px}.guide-top-right{top:0;right:0;border-left:none;border-bottom:none;border-top-right-radius:12px}.guide-bottom-left{bottom:0;left:0;border-right:none;border-top:none;border-bottom-left-radius:12px}.guide-bottom-right{bottom:0;right:0;border-left:none;border-top:none;border-bottom-right-radius:12px}.display-countdown{width:100vw;height:100vh;background:transparent;position:relative;overflow:hidden}.countdown-overlay{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);font-size:200px;font-weight:900;color:#fff;text-shadow:0 4px 8px rgba(0,0,0,.8),0 8px 16px rgba(0,0,0,.6);animation:countdownPulse 1s ease-in-out;z-index:10;pointer-events:none}@keyframes countdownPulse{0%{transform:translate(-50%,-50%) scale(.5);opacity:0}50%{transform:translate(-50%,-50%) scale(1.2);opacity:1}to{transform:translate(-50%,-50%) scale(1);opacity:1}}.display-result{width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center;padding:40px}.result-content{display:flex;gap:50px;align-items:center;justify-content:center;max-width:95%;height:100%}.result-image{max-width:900px;max-height:90vh;border-radius:20px;box-shadow:0 10px 40px #00000080;flex-shrink:1}.result-qr-section{display:flex;flex-direction:column;align-items:center;justify-content:center;background:#ffffff0d;padding:30px;border-radius:20px;flex-shrink:0;gap:20px}.result-qr-left{order:1}.result-qr-right{order:3}.result-image{order:2}.qr-instruction{font-size:20px;color:#a8b2d1;margin:0;text-align:center;line-height:1.6;font-weight:600}.result-qr-code{width:250px;height:250px;border-radius:15px;background:#fff;padding:15px;box-shadow:0 6px 20px #0006}.display-processing{width:100vw;height:100vh;background:linear-gradient(135deg,#1a1a2e,#16213e);display:flex;align-items:center;justify-content:center}.display-processing .processing-overlay{text-align:center;background:#0f3460e6;padding:60px 80px;border-radius:25px;box-shadow:0 10px 40px #00000080}.display-processing .spinner{width:100px;height:100px;border:10px solid #0f3460;border-top:10px solid #e94560;border-radius:50%;margin:0 auto 40px}.display-processing .processing-text{font-size:32px;font-weight:700;color:#fff;margin:0}.share-result-view{width:100vw;min-height:100vh;background:#1a1a2e;display:flex;flex-direction:column;align-items:center;justify-content:center;padding:20px;font-family:Noto Sans Georgian,sans-serif}.share-logo{max-height:40px;margin-bottom:30px}.share-content{display:flex;flex-direction:column;align-items:center;max-width:600px;width:100%}.share-title{font-size:28px;font-weight:700;color:#e94560;margin:0 0 30px;text-align:center}.share-result-image{max-width:100%;max-height:70vh;border-radius:15px;box-shadow:0 8px 32px #00000080;margin-bottom:30px}.share-download-btn{padding:15px 50px;background:linear-gradient(135deg,#e94560,#ff6b6b);color:#fff;border-radius:12px;text-decoration:none;font-weight:700;font-size:18px;box-shadow:0 6px 20px #e9456066;transition:all .3s ease;display:inline-block}.share-download-btn:hover{transform:translateY(-2px);box-shadow:0 8px 25px #e9456099}.share-download-btn:active{transform:translateY(0)}.share-spinner{width:60px;height:60px;border:5px solid #0f3460;border-top:5px solid #e94560;border-radius:50%;margin:30px auto;animation:spin 1s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.share-loading-text{font-size:18px;color:#a8b2d1;margin:20px 0}.share-error{text-align:center;padding:40px}.error-icon{font-size:60px;margin-bottom:20px}.error-text{font-size:20px;color:#e94560;font-weight:600}@media (max-width: 768px){.share-result-image{max-height:60vh}.share-title{font-size:24px}.share-download-btn{padding:12px 40px;font-size:16px}}*{margin:0;padding:0;box-sizing:border-box}body{font-family:Noto Sans Georgian,-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;overflow:hidden}#root{width:100vw;height:100vh;overflow:hidden}