@import url(https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap);:root{--bg-primary:#0a0e1a;--bg-secondary:#141925;--bg-tertiary:#1e2536;--bg-card:#1e293b80;--text-primary:#fff;--text-secondary:#94a3b8;--text-muted:#64748b;--accent-primary:#ff4757;--accent-secondary:#6366f1;--accent-tertiary:#f59e0b;--border-color:#94a3b81a;--shadow-color:#00000080;--gradient-1:linear-gradient(135deg,#667eea,#764ba2);--gradient-2:linear-gradient(135deg,#f093fb,#f5576c);--gradient-3:linear-gradient(135deg,#4facfe,#00f2fe);--particle-color:#6366f1;--orb-opacity:0.5;--nav-bg:#0a0e1a80;--nav-bg-scrolled:#0a0e1af2;--glass-bg:#141925cc;--glass-border:#94a3b826}[data-theme=light]{--bg-primary:#f8fafc;--bg-secondary:#e2e8f0;--bg-tertiary:#cbd5e1;--bg-card:#fffc;--text-primary:#1e293b;--text-secondary:#64748b;--text-muted:#94a3b8;--accent-primary:#dc2626;--accent-secondary:#4f46e5;--accent-tertiary:#f59e0b;--border-color:#64748b33;--shadow-color:#0000001a;--gradient-1:linear-gradient(135deg,#4f46e5,#7c3aed);--gradient-2:linear-gradient(135deg,#ec4899,#ef4444);--gradient-3:linear-gradient(135deg,#3b82f6,#06b6d4);--particle-color:#4f46e5;--orb-opacity:0.2;--nav-bg:#f8fafccc;--nav-bg-scrolled:#f8fafcf2;--glass-bg:#ffffffb3;--glass-border:#64748b33}*{box-sizing:border-box;margin:0;padding:0}html{scroll-behavior:smooth}body{background:#0a0e1a;background:var(--bg-primary);color:#fff;color:var(--text-primary);font-family:Inter,-apple-system,BlinkMacSystemFont,sans-serif;line-height:1.6;min-height:100vh;overflow-x:hidden;position:relative;transition:background-color .3s ease,color .3s ease}::-webkit-scrollbar{width:10px}::-webkit-scrollbar-track{background:#141925;background:var(--bg-secondary)}::-webkit-scrollbar-thumb{background:linear-gradient(135deg,#667eea,#764ba2);background:var(--gradient-1);border-radius:5px}::-webkit-scrollbar-thumb:hover{background:linear-gradient(135deg,#f093fb,#f5576c);background:var(--gradient-2)}::selection{background:#6366f166;color:#fff}:focus-visible{outline:2px solid #6366f1;outline:2px solid var(--accent-secondary);outline-offset:2px}a{color:#6366f1;color:var(--accent-secondary);text-decoration:none;transition:color .3s ease}a:hover{color:#ff4757;color:var(--accent-primary)}button{cursor:pointer;font-family:Inter,sans-serif;transition:all .3s ease}button:disabled{cursor:not-allowed;opacity:.6}input,select,textarea{background:#1e293b80;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-color);border-radius:12px;color:#fff;color:var(--text-primary);font-family:Inter,sans-serif;padding:.75rem 1rem;transition:all .3s ease}input:focus,select:focus,textarea:focus{border-color:#6366f1;border-color:var(--accent-secondary);box-shadow:0 0 0 3px #6366f133;outline:none}input::placeholder{color:#94a3b8;color:var(--text-secondary)}@keyframes slideInLeft{0%{opacity:0;transform:translateX(-50px)}to{opacity:1;transform:translateX(0)}}@keyframes fadeInScale{0%{opacity:0;transform:scale(.8)}to{opacity:1;transform:scale(1)}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}@keyframes glow{0%,to{box-shadow:0 0 20px #6366f14d}50%{box-shadow:0 0 40px #6366f199}}.gradient-text{background:linear-gradient(135deg,#667eea,#764ba2)}.glass-effect{-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:#1e293b80;background:var(--bg-card);border:1px solid #94a3b81a;border:1px solid var(--border-color)}@media (min-width:1400px){html{font-size:18px}}@media (max-width:1399px){html{font-size:16px}}@media (max-width:1199px){html{font-size:15px}}@media (max-width:991px){html{font-size:14px}body{line-height:1.7}}@media (max-width:767px){html{font-size:14px}::-webkit-scrollbar{width:6px}}@media (max-width:575px){html{font-size:13px}::-webkit-scrollbar{width:4px}}@media (hover:none) and (pointer:coarse){.clickable,a,button{min-height:44px;min-width:44px}:hover{transition-duration:0s!important}}@media (prefers-reduced-motion:reduce){*,:after,:before{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}html{scroll-behavior:auto}}@media print{.gradient-bg,.mobile-toggle,.navbar,.particles-bg,.theme-toggle{display:none!important}body{background:#fff;color:#000}.modal-backdrop{display:none!important}}@media (prefers-contrast:high){:root{--glass-bg:#000000e6;--glass-border:#ffffff4d;--text-secondary:#e2e8f0}}@media (prefers-color-scheme:dark){:root{color-scheme:dark}}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;padding:0;position:absolute;width:1px}.sr-only,.truncate{overflow:hidden;white-space:nowrap}.truncate{text-overflow:ellipsis}.line-clamp-2{-webkit-line-clamp:2}.line-clamp-2,.line-clamp-3{-webkit-box-orient:vertical;display:-webkit-box;overflow:hidden}.line-clamp-3{-webkit-line-clamp:3}img{opacity:1;transition:opacity .3s ease}img[data-loading=true]{opacity:0}.focus-ring:focus{outline:2px solid #6366f1;outline:2px solid var(--accent-secondary);outline-offset:2px}.skip-link{background:#6366f1;background:var(--accent-secondary);color:#fff;left:0;padding:.75rem 1.5rem;position:absolute;top:-100%;transition:top .3s ease;z-index:10000}.skip-link:focus{top:0}.App{display:flex;flex-direction:column;min-height:100vh;overflow-x:hidden;position:relative}.particles-bg{display:none;height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.particle{animation:float-particle 20s linear infinite;background:var(--accent-secondary);border-radius:50%;height:3px;opacity:.3;position:absolute;width:3px}.particle:nth-child(odd){animation-duration:25s;background:var(--accent-primary)}.particle:nth-child(3n){height:2px;opacity:.2;width:2px}.gradient-bg{height:100%;left:0;overflow:hidden;pointer-events:none;position:fixed;top:0;width:100%;z-index:0}.orb{animation:float-orb 20s ease-in-out infinite;border-radius:50%;filter:blur(80px);opacity:.4;position:absolute}.orb-1{animation-delay:0s;background:var(--gradient-1);height:600px;right:-200px;top:-200px;width:600px}.orb-2{animation-delay:-7s;background:var(--gradient-2);bottom:-150px;height:500px;left:-150px;width:500px}.orb-3{animation-delay:-14s;background:var(--gradient-3);height:400px;left:50%;top:50%;transform:translate(-50%,-50%);width:400px}.navbar{left:0;padding:1rem 2rem;position:fixed;right:0;top:0;transition:all .3s ease;z-index:1000}.navbar.scrolled{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border-bottom:1px solid var(--glass-border);padding:.75rem 2rem}.nav-container{align-items:center;display:flex;justify-content:space-between;margin:0 auto;max-width:1200px}.logo{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;border:2px solid var(--accent-secondary);border-radius:10px;color:var(--text-primary);display:inline-block;font-size:1.5rem;font-weight:800;padding:.5rem .75rem;text-decoration:none;transition:all .3s ease}.logo:hover{border-color:var(--accent-primary);transform:scale(1.05)}.logo span{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text}.nav-links{gap:.25rem;list-style:none;margin:0;padding:0}.nav-link,.nav-links{align-items:center;display:flex}.nav-link{border-radius:8px;color:var(--text-secondary);font-size:.9rem;font-weight:500;gap:.5rem;padding:.6rem 1rem;position:relative;text-decoration:none;transition:all .3s ease}.nav-link:hover{background:#6366f11a;color:var(--text-primary)}.nav-link svg{font-size:1rem}.nav-actions{gap:.5rem}.nav-actions,.theme-toggle{align-items:center;display:flex}.theme-toggle{-webkit-tap-highlight-color:transparent;background:var(--glass-bg);border:none;border:1px solid var(--glass-border);border-radius:12px;color:var(--text-primary);cursor:pointer;height:44px;justify-content:center;margin-left:auto;touch-action:manipulation;transition:all .3s ease;width:44px}.theme-toggle:active,.theme-toggle:hover{background:var(--accent-secondary);color:#fff;transform:scale(1.05)}.theme-toggle svg{font-size:1.25rem;pointer-events:none}.mobile-toggle{background:var(--glass-bg);border:none;border-radius:12px;color:var(--text-primary);cursor:pointer;display:none;font-size:1.5rem;height:44px;width:44px;z-index:1001}.hero,.mobile-toggle{align-items:center;justify-content:center}.hero{display:flex;min-height:50vh;padding:120px 2rem 40px;position:relative;z-index:1}.hero-container{margin:0 auto;max-width:1200px;width:100%}.hero-content{animation:slideInUp .8s ease-out;text-align:center}.greeting{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:50px;color:var(--text-secondary);display:inline-block;font-size:1rem;margin-bottom:1.5rem;padding:.5rem 1.5rem}.hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,var(--accent-secondary) 0,#a855f7 50%,var(--accent-primary) 100%);-webkit-background-clip:text;background-clip:text;font-size:clamp(2.5rem,6vw,4rem);font-weight:800;letter-spacing:-2px;line-height:1.1}.hero-title,.role{margin-bottom:1.5rem}.role{color:var(--text-secondary);font-size:1.5rem;font-weight:500}.role .highlight{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;font-weight:700}.hero-description{color:var(--text-muted);font-size:1.1rem;line-height:1.7;margin:0 auto 2rem;max-width:600px}.container{flex:1 1;margin:0 auto;max-width:1400px;padding:0 2rem 2rem;position:relative;z-index:1}.tab-navigation{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;display:flex;gap:.5rem;margin-bottom:2rem;padding:.5rem}.tab-button{align-items:center;background:#0000;border:none;border-radius:12px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:1rem;font-weight:500;gap:.5rem;padding:1rem 2rem;transition:all .3s ease}.tab-button:hover:not(:disabled){background:#6366f11a;color:var(--text-primary)}.tab-button.active{background:var(--gradient-1);box-shadow:0 4px 15px #6366f166;color:#fff}.tab-button:disabled{color:var(--text-muted);cursor:not-allowed;opacity:.5}.tab-button svg{font-size:1.2rem}.error-banner{align-items:center;animation:slideInUp .3s ease-out;background:#ff47571a;border:1px solid #ff47574d;border-radius:12px;display:flex;justify-content:space-between;margin-bottom:1.5rem;padding:1rem 1.5rem}.error-banner p{color:var(--accent-primary);font-weight:500;margin:0}.error-banner button{background:#0000;border:none;color:var(--accent-primary);cursor:pointer;font-size:1.5rem;line-height:1;padding:0}.error-banner button:hover{color:#ff6b7a}.main-content{animation:fadeIn .4s ease-out}.empty-state{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;margin-top:2rem;padding:4rem 2rem;text-align:center}.empty-state-icon{font-size:3rem;margin-bottom:1rem;opacity:.8}.empty-state h3{color:var(--text-primary);font-size:1.5rem;font-weight:600;margin-bottom:.5rem}.empty-state p{color:var(--text-secondary);font-size:1rem;margin:0 auto;max-width:400px}.app-footer{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border-top:1px solid var(--glass-border);padding:2rem;position:relative;text-align:center;z-index:1}.app-footer p{color:var(--text-secondary);font-size:.9rem;margin:0}.gradient-text{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;font-weight:600}.btn{align-items:center;border:none;border-radius:12px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1rem;font-weight:600;gap:.5rem;justify-content:center;overflow:hidden;padding:.875rem 1.75rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.btn-primary{background:var(--gradient-1);box-shadow:0 4px 0 0 #4f46e5,0 8px 20px #6366f14d;color:#fff}.btn-primary:hover:not(:disabled){box-shadow:0 8px 0 0 #4f46e5,0 12px 30px #6366f180;transform:translateY(-4px)}.btn-primary:active:not(:disabled){box-shadow:0 2px 0 0 #4f46e5,0 4px 15px #6366f14d;transform:translateY(0)}.btn-secondary{background:var(--gradient-2);box-shadow:0 4px 0 0 #dc2626,0 8px 20px #ff47574d;color:#fff}.btn-secondary:hover:not(:disabled){box-shadow:0 8px 0 0 #dc2626,0 12px 30px #ff475780;transform:translateY(-4px)}.btn-outline{background:#0000;border:2px solid var(--accent-secondary);color:var(--accent-secondary)}.btn-outline:hover:not(:disabled){background:var(--accent-secondary);color:#fff;transform:translateY(-2px)}@keyframes float-particle{0%{opacity:0;transform:translateY(100vh) rotate(0deg)}10%{opacity:.3}90%{opacity:.3}to{opacity:0;transform:translateY(-100vh) rotate(2turn)}}@keyframes float-orb{0%,to{transform:translate(0) scale(1)}33%{transform:translate(30px,-30px) scale(1.1)}66%{transform:translate(-20px,20px) scale(.9)}}@keyframes slideInUp{0%{opacity:0;transform:translateY(30px)}to{opacity:1;transform:translateY(0)}}@media (max-width:1024px){.container{max-width:100%;padding:0 1.5rem 2rem}.hero{padding:110px 1.5rem 35px}.tab-navigation{gap:.4rem;padding:.4rem}.tab-btn{font-size:.9rem;padding:.7rem 1.25rem}.steps-grid{gap:1rem}}@media (max-width:768px){.navbar{padding:.75rem 1rem}.navbar.scrolled{padding:.5rem 1rem}.mobile-toggle{display:flex}.logo{font-size:1.3rem}.nav-links{align-items:center;background:var(--bg-primary);bottom:0;flex-direction:column;gap:1rem;justify-content:center;left:0;opacity:0;position:fixed;right:0;top:0;transition:all .3s ease;visibility:hidden;z-index:999}.nav-links.active{opacity:1;visibility:visible}.nav-link{font-size:1.25rem;padding:1rem 2rem}.theme-toggle{border-radius:10px;height:40px;margin-left:.5rem;position:static;width:40px}.hero{min-height:auto;padding:100px 1.25rem 30px}.hero-title{font-size:2rem;letter-spacing:-1px}.role{font-size:1.25rem}.hero-description{font-size:.95rem}.greeting{font-size:.9rem;margin-bottom:1rem;padding:.4rem 1rem}.tab-navigation{-webkit-overflow-scrolling:touch;-ms-overflow-style:none;flex-wrap:nowrap;gap:.35rem;overflow-x:auto;padding:.35rem;scrollbar-width:none}.tab-navigation::-webkit-scrollbar{display:none}.tab-btn{flex:0 0 auto;font-size:.85rem;padding:.65rem 1rem;white-space:nowrap}.tab-btn svg{font-size:1rem}.steps-grid{gap:1rem;grid-template-columns:1fr}.step-card{padding:1.25rem}.step-card h3{font-size:1rem}.step-card p{font-size:.85rem}.container{padding:0 1rem 1.5rem}.empty-state{border-radius:16px;padding:3rem 1.5rem}.empty-state h3{font-size:1.25rem}.empty-state-icon{font-size:2.5rem}.app-footer{padding:1.5rem 1rem}.app-footer p{font-size:.85rem}.orb-1{height:300px;width:300px}.orb-2{height:250px;width:250px}.orb-3{height:200px;width:200px}.btn{font-size:.9rem;padding:.75rem 1.5rem}}@media (max-width:480px){.navbar{padding:.5rem .75rem}.logo{border-radius:8px;font-size:1.15rem;padding:.35rem .5rem}.mobile-toggle{border-radius:10px;font-size:1.25rem;height:40px;width:40px}.hero{padding:90px 1rem 25px}.hero-title{font-size:1.6rem;letter-spacing:-.5px}.role{font-size:1.1rem;margin-bottom:1rem}.hero-description{font-size:.9rem;margin-bottom:1.5rem}.greeting{font-size:.8rem;margin-bottom:.75rem;padding:.35rem .8rem}.container{padding:0 .75rem 1rem}.tab-navigation{border-radius:12px;margin-bottom:1.5rem}.tab-btn{border-radius:8px;font-size:.8rem;gap:.35rem;padding:.55rem .85rem}.step-card{border-radius:12px;padding:1rem}.step-number{font-size:.9rem;height:32px;width:32px}.step-card h3{font-size:.95rem}.step-card p{font-size:.8rem}.empty-state{border-radius:12px;padding:2.5rem 1rem}.empty-state h3{font-size:1.1rem}.empty-state p{font-size:.85rem}.empty-state-icon{font-size:2rem}.app-footer{padding:1.25rem .75rem}.app-footer p{font-size:.8rem}.theme-toggle{bottom:1.5rem;height:44px;right:1.5rem;width:44px}.orb-1{height:200px;width:200px}.orb-2{height:180px;width:180px}.orb-3{height:150px;width:150px}.btn{border-radius:10px;font-size:.85rem;padding:.65rem 1.25rem}}[data-theme=light] .navbar{background:#ffffffd9;border-color:#64748b26}[data-theme=light] .navbar.scrolled{background:#fffffff2;box-shadow:0 4px 20px #00000014}[data-theme=light] .logo{border-color:#6366f14d;color:#1e293b}[data-theme=light] .nav-links a{color:#475569}[data-theme=light] .nav-links a.active,[data-theme=light] .nav-links a:hover{color:#4f46e5}[data-theme=light] .theme-toggle{background:#f1f5f9e6;color:#475569}[data-theme=light] .theme-toggle:hover{background:#6366f11a;color:#4f46e5}[data-theme=light] .hero-title{-webkit-text-fill-color:#0000;background:linear-gradient(135deg,#1e293b,#4f46e5 50%,#7c3aed);-webkit-background-clip:text;background-clip:text}[data-theme=light] .hero-description{color:#475569}[data-theme=light] .greeting{background:#6366f11a;border-color:#6366f133;color:#4f46e5}[data-theme=light] .step-card{background:#ffffffe6;border-color:#64748b26}[data-theme=light] .step-card h3{color:#1e293b}[data-theme=light] .step-card p{color:#475569}[data-theme=light] .footer{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .footer p{color:#475569}.process-panel-container{display:flex;flex-direction:column;gap:2rem}.problem-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.problem-section:hover{border-color:#f59e0b40;box-shadow:0 10px 50px #00000040}.problem-section:before{background:linear-gradient(90deg,#0000,#f59e0b,#ef4444,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.problem-badge{background:linear-gradient(135deg,#f59e0b26,#ef444426)!important;border-color:#f59e0b40!important;color:#f59e0b!important}.problem-content{display:flex;flex-direction:column;gap:2rem}.problem-cards{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.problem-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.problem-card:before{content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.problem-card:hover{border-color:#6366f14d;box-shadow:0 12px 40px #00000040;transform:translateY(-4px)}.problem-card:hover:before{opacity:1}.problem-card.challenge:before{background:linear-gradient(90deg,#ef4444,#f97316)}.problem-card.solution:before{background:linear-gradient(90deg,#10b981,#06b6d4)}.problem-card.benefit:before{background:linear-gradient(90deg,#6366f1,#a855f7)}.problem-icon{align-items:center;border-radius:12px;display:flex;font-size:1.25rem;height:48px;justify-content:center;margin-bottom:1rem;width:48px}.problem-card.challenge .problem-icon{background:linear-gradient(135deg,#ef444426,#f9731626);color:#ef4444}.problem-card.solution .problem-icon{background:linear-gradient(135deg,#10b98126,#06b6d426);color:#10b981}.problem-card.benefit .problem-icon{background:linear-gradient(135deg,#6366f126,#a855f726);color:#6366f1}.problem-card h3{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0 0 .75rem}.problem-card>p{color:var(--text-secondary);font-size:.875rem;line-height:1.6;margin:0 0 1rem}.problem-points{list-style:none;margin:0;padding:0}.problem-points li{color:var(--text-secondary);font-size:.8rem;margin-bottom:.4rem;padding-left:1.25rem;position:relative}.problem-points li:before{color:var(--accent-secondary);content:"→";left:0;position:absolute}.motivation-quote{background:linear-gradient(135deg,#6366f114,#a855f70d);border:1px solid #6366f126;border-radius:12px;padding:1.5rem 2rem;text-align:center}.motivation-quote blockquote{color:var(--text-secondary);font-size:1rem;font-style:italic;line-height:1.7;margin:0}.features-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.features-section:hover{border-color:#a855f740;box-shadow:0 10px 50px #00000040}.features-section:before{background:linear-gradient(90deg,#0000,#a855f7,#ec4899,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.features-badge{background:linear-gradient(135deg,#a855f726,#ec489926)!important;border-color:#a855f740!important;color:#a855f7!important}.features-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.feature-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:14px;padding:1.25rem;position:relative;transition:all .3s ease}.feature-card:hover{border-color:#a855f74d;box-shadow:0 10px 30px #0003;transform:translateY(-3px)}.feature-icon-wrapper{align-items:center;border-radius:10px;display:flex;font-size:1.1rem;height:42px;justify-content:center;margin-bottom:.875rem;width:42px}.feature-icon-wrapper.detection{background:linear-gradient(135deg,#6366f126,#6366f11a);color:#6366f1}.feature-icon-wrapper.search{background:linear-gradient(135deg,#10b98126,#10b9811a);color:#10b981}.feature-icon-wrapper.privacy{background:linear-gradient(135deg,#ef444426,#ef44441a);color:#ef4444}.feature-icon-wrapper.offline{background:linear-gradient(135deg,#f59e0b26,#f59e0b1a);color:#f59e0b}.feature-icon-wrapper.batch{background:linear-gradient(135deg,#06b6d426,#06b6d41a);color:#06b6d4}.feature-icon-wrapper.api{background:linear-gradient(135deg,#a855f726,#a855f71a);color:#a855f7}.feature-icon-wrapper.metadata{background:linear-gradient(135deg,#22c55e26,#22c55e1a);color:#22c55e}.feature-icon-wrapper.ui{background:linear-gradient(135deg,#ec489926,#ec48991a);color:#ec4899}.feature-card h4{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .5rem}.feature-card p{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0 0 .75rem}.feature-tag{background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:var(--accent-secondary);display:inline-block;font-size:.65rem;font-weight:600;letter-spacing:.5px;padding:.2rem .6rem;text-transform:uppercase}.limitations-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;box-shadow:var(--glass-shadow);overflow:hidden;padding:2rem 2.5rem;position:relative;transition:all .4s cubic-bezier(.4,0,.2,1)}.limitations-section:hover{box-shadow:0 20px 60px #0000004d;transform:translateY(-2px)}.limitations-section:before{background:linear-gradient(90deg,#f59e0b,#ef4444,#f59e0b);content:"";height:3px;left:0;position:absolute;right:0;top:0}.limitations-badge{background:linear-gradient(135deg,#f59e0b33,#ef444433)!important;border-color:#f59e0b66!important;color:#f59e0b!important}.limitations-content{display:flex;flex-direction:column;gap:2rem}.limitations-block{background:#00000026;border:1px solid #f59e0b1a;border-radius:16px;padding:1.5rem}.limitations-subtitle{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1.25rem}.limitation-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.limitation-card{background:#0003;border:1px solid #ffffff0d;border-radius:12px;padding:1.25rem;transition:all .3s ease}.limitation-card:hover{border-color:#f59e0b4d;transform:translateY(-3px)}.limitation-card.warning{border-left:3px solid #f59e0b}.limitation-card.info{border-left:3px solid #3b82f6}.limitation-icon{font-size:1.5rem;margin-bottom:.75rem}.limitation-card h4{color:var(--text-primary);font-size:.95rem;font-weight:700;margin:0 0 .5rem}.limitation-card p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0 0 1rem}.limitation-example{background:#f59e0b14;border-radius:8px;padding:.75rem}.example-label{color:#f59e0b;display:block;font-size:.7rem;font-weight:600;letter-spacing:.5px;margin-bottom:.5rem;text-transform:uppercase}.example-tags{display:flex;flex-wrap:wrap;gap:.4rem}.example-tag{border-radius:20px;font-size:.7rem;font-weight:600;padding:.25rem .6rem}.example-tag.no{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.limitation-detail{background:#3b82f614;border-radius:8px;padding:.75rem}.detail-label{color:#3b82f6;display:block;font-size:.7rem;font-weight:600;margin-bottom:.5rem}.limitation-detail ul{list-style:none;margin:0;padding:0}.limitation-detail li{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin-bottom:.35rem;padding-left:1rem;position:relative}.limitation-detail li:before{color:#3b82f6;content:"›";font-weight:700;left:0;position:absolute}.detection-examples{background:#00000026;border:1px solid #22c55e1a;border-radius:16px;padding:1.5rem}.examples-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:1fr 1fr}.example-column{background:#0003;border:1px solid #ffffff0d;border-radius:12px;padding:1.25rem}.example-column.detected{border-top:3px solid #22c55e}.example-column.not-detected{border-top:3px solid #ef4444}.column-header{align-items:center;display:flex;gap:.5rem;margin-bottom:1rem}.column-icon{font-size:1.25rem}.column-header h4{color:var(--text-primary);font-size:.9rem;font-weight:700;margin:0}.example-list{list-style:none;margin:0;padding:0}.example-list li{align-items:center;border-bottom:1px solid #ffffff08;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;padding:.5rem 0}.example-list li:last-child{border-bottom:none}.check{color:#22c55e}.check,.cross{font-weight:700}.cross{color:#ef4444}.future-scope{background:#00000026;border:1px solid #6366f11a;border-radius:16px;padding:1.5rem}.future-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.future-card{background:#0003;border:1px solid #6366f126;border-radius:12px;display:flex;gap:1rem;padding:1.25rem;transition:all .3s ease}.future-card:hover{background:#6366f10d;border-color:#6366f166;transform:translateY(-3px)}.future-number{align-items:center;background:linear-gradient(135deg,#6366f1,#8b5cf6);border-radius:50%;color:#fff;display:flex;font-size:.9rem;font-weight:700;height:32px;justify-content:center;min-width:32px;width:32px}.future-content h4{color:var(--text-primary);font-size:.9rem;font-weight:700;margin:0 0 .5rem}.future-content p{color:var(--text-secondary);font-size:.8rem;line-height:1.5;margin:0 0 .75rem}.future-tags{display:flex;flex-wrap:wrap;gap:.4rem}.future-tag{background:#6366f126;border:1px solid #6366f14d;border-radius:20px;color:#818cf8;font-size:.65rem;font-weight:600;padding:.2rem .5rem}.disclaimer-box{background:linear-gradient(135deg,#6366f11a,#8b5cf61a);border:1px solid #6366f133;border-radius:12px;display:flex;gap:1rem;padding:1.25rem}.disclaimer-icon{flex-shrink:0;font-size:1.5rem}.disclaimer-content h4{color:var(--text-primary);font-size:.95rem;font-weight:700;margin:0 0 .5rem}.disclaimer-content p{color:var(--text-secondary);font-size:.85rem;line-height:1.6;margin:0}.techstack-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.techstack-section:hover{border-color:#06b6d440;box-shadow:0 10px 50px #00000040}.techstack-section:before{background:linear-gradient(90deg,#0000,#06b6d4,#10b981,#6366f1,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.techstack-badge{background:linear-gradient(135deg,#06b6d426,#10b98126)!important;border-color:#06b6d440!important;color:#06b6d4!important}.techstack-content{gap:2rem}.stack-layers,.techstack-content{display:flex;flex-direction:column}.stack-layers{gap:.5rem}.stack-layer{background:#ffffff05;border:1px solid var(--glass-border);border-radius:14px;padding:1.25rem;transition:all .3s ease}.stack-layer:hover{border-color:#6366f14d}.layer-header{align-items:center;border-bottom:1px dashed #6366f126;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:.75rem}.layer-icon{font-size:1.25rem}.layer-header h3{color:var(--text-primary);flex:1 1;font-size:1rem;font-weight:600;margin:0}.layer-port{background:#6366f11a;border-radius:20px;color:var(--accent-secondary);font-size:.7rem;font-weight:600;padding:.2rem .6rem}.layer-techs{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fit,minmax(140px,1fr))}.tech-item{background:#6366f10d;border-radius:8px;display:flex;flex-direction:column;gap:.15rem;padding:.6rem .75rem}.tech-item .tech-name{color:var(--text-primary);font-size:.8rem;font-weight:600}.tech-item .tech-role{color:var(--text-secondary);font-size:.7rem}.stack-connector{align-items:center;display:flex;gap:.75rem;padding:.25rem 0}.connector-line{background:linear-gradient(90deg,#0000,#6366f14d,#0000);flex:1 1;height:1px}.connector-label{background:#6366f114;border-radius:20px;color:var(--text-secondary);font-size:.7rem;font-weight:500;padding:.25rem .75rem;white-space:nowrap}.benchmarks-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.benchmarks-section:hover{border-color:#22c55e40;box-shadow:0 10px 50px #00000040}.benchmarks-section:before{background:linear-gradient(90deg,#0000,#22c55e,#10b981,#06b6d4,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.benchmarks-badge{background:linear-gradient(135deg,#22c55e26,#10b98126)!important;border-color:#22c55e40!important;color:#22c55e!important}.benchmarks-content{display:flex;flex-direction:column;gap:2rem}.benchmark-subtitle{align-items:center;color:var(--text-primary);display:flex;font-size:1.1rem;font-weight:700;gap:.5rem;margin:0 0 1rem}.model-comparison{background:#00000026;border:1px solid #6366f11a;border-radius:14px;padding:1.25rem}.benchmark-table-wrapper{margin:0 -.5rem;overflow-x:auto;padding:0 .5rem}.benchmark-table{border-collapse:collapse;font-size:.85rem;width:100%}.benchmark-table td,.benchmark-table th{border-bottom:1px solid #6366f11a;padding:.75rem 1rem;text-align:center}.benchmark-table th{background:#6366f114;color:var(--text-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.benchmark-table th:first-child{border-radius:8px 0 0 0;text-align:left}.benchmark-table th:last-child{border-radius:0 8px 0 0}.benchmark-table td{color:var(--text-secondary)}.benchmark-table td:first-child{text-align:left}.benchmark-table .highlighted-row{background:linear-gradient(135deg,#22c55e1a,#10b9810d)}.benchmark-table .highlighted-row td{color:var(--text-primary);font-weight:500}.model-name{color:var(--text-primary);font-weight:600}.model-name.current{color:#22c55e}.benchmark-note{color:var(--text-secondary);font-size:.75rem;font-style:italic;margin:1rem 0 0}.metrics-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.metric-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:14px;overflow:hidden;padding:1.25rem;position:relative;text-align:center;transition:all .3s ease}.metric-card:before{content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.metric-card:hover{border-color:#6366f14d;transform:translateY(-3px)}.metric-card:hover:before{opacity:1}.metric-card.accuracy:before{background:linear-gradient(90deg,#22c55e,#10b981)}.metric-card.speed:before{background:linear-gradient(90deg,#f59e0b,#eab308)}.metric-card.classes:before{background:linear-gradient(90deg,#6366f1,#a855f7)}.metric-card.confidence:before{background:linear-gradient(90deg,#06b6d4,#0ea5e9)}.metric-icon{font-size:1.5rem;margin-bottom:.5rem}.metric-value{color:var(--text-primary);font-size:2rem;font-weight:800;line-height:1;margin-bottom:.25rem}.metric-label{color:var(--accent-secondary);font-size:.85rem;font-weight:600;margin-bottom:.25rem}.metric-desc{color:var(--text-secondary);font-size:.7rem}.coco-classes{background:#00000026;border:1px solid #6366f11a;border-radius:14px;padding:1.25rem}.classes-categories{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.class-category{background:#ffffff05;border:1px solid var(--glass-border);border-radius:12px;padding:1rem}.class-category h4{border-bottom:1px dashed #6366f126;color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 .75rem;padding-bottom:.5rem}.class-tags{display:flex;flex-wrap:wrap;gap:.4rem}.class-tag{background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:var(--accent-secondary);font-size:.7rem;padding:.25rem .6rem;transition:all .2s ease}.class-tag:hover{background:#6366f133;transform:scale(1.05)}.system-requirements{background:#00000026;border:1px solid #6366f11a;border-radius:14px;padding:1.25rem}.requirements-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.requirement-card{background:#ffffff05;border:1px solid var(--glass-border);border-radius:12px;padding:1rem;transition:all .3s ease}.requirement-card:hover{border-color:#6366f14d}.requirement-card.recommended{background:linear-gradient(135deg,#22c55e14,#10b9810d);border-color:#22c55e4d}.req-header{align-items:center;border-bottom:1px dashed #6366f126;display:flex;gap:.5rem;margin-bottom:.75rem;padding-bottom:.5rem}.req-icon{font-size:1.25rem}.req-header h4{color:var(--text-primary);flex:1 1;font-size:.9rem;font-weight:600;margin:0}.req-badge{background:linear-gradient(135deg,#22c55e,#10b981);border-radius:20px;color:#fff;font-size:.6rem;font-weight:700;padding:.15rem .5rem;text-transform:uppercase}.req-list{list-style:none;margin:0;padding:0}.req-list li{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin-bottom:.4rem;padding-left:1rem;position:relative}.req-list li:before{color:var(--accent-secondary);content:"•";left:0;position:absolute}.architecture-flow{background:#00000026;border:1px solid #6366f11a;border-radius:14px;padding:1.25rem}.architecture-flow h4{color:var(--text-primary);font-size:.9rem;font-weight:600;margin:0 0 1rem}.architecture-flow h4,.flow-diagram{align-items:center;display:flex;gap:.5rem}.flow-diagram{overflow-x:auto;padding:.5rem 0}.flow-step{align-items:center;background:#6366f114;border:1px solid #6366f126;border-radius:10px;gap:.6rem;min-width:-webkit-fit-content;min-width:fit-content;padding:.6rem .8rem}.flow-num{align-items:center;background:var(--gradient-1);border-radius:50%;color:#fff;display:flex;font-size:.7rem;font-weight:700;height:24px;justify-content:center;width:24px}.flow-content{display:flex;flex-direction:column}.flow-content strong{color:var(--text-primary);font-size:.75rem;font-weight:600}.flow-content span{color:var(--text-secondary);font-size:.65rem}.flow-arrow{color:var(--accent-secondary);font-size:1rem;opacity:.6}.section-block{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.section-block:hover{border-color:#6366f133;box-shadow:0 8px 40px #0003}.section-block:before{background:linear-gradient(90deg,#0000,var(--accent-secondary),#0000);content:"";height:2px;left:0;opacity:.5;position:absolute;right:0;top:0}.section-header{flex-direction:column;margin-bottom:2rem;text-align:center}.section-badge{background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid #6366f140;border-radius:50px;color:var(--accent-secondary);display:inline-block;font-size:.72rem;font-weight:600;letter-spacing:1px;margin-bottom:.75rem;padding:.45rem 1.1rem;text-transform:uppercase}.section-header h2{color:var(--text-primary);font-size:1.85rem;font-weight:800;letter-spacing:-.5px;line-height:1.2;margin:0 0 .75rem}.section-header p{color:var(--text-secondary);font-size:.95rem;line-height:1.5;margin:0;max-width:550px}.comparison-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.comparison-section:hover{border-color:#6366f140;box-shadow:0 10px 50px #00000040}.comparison-section:before{background:linear-gradient(90deg,#0000,#6366f1,#a855f7,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.comparison-table-wrapper{margin:0 -1rem;overflow-x:auto;padding:0 1rem;scrollbar-color:var(--accent-secondary) #0000;scrollbar-width:thin}.comparison-table-wrapper::-webkit-scrollbar{height:6px}.comparison-table-wrapper::-webkit-scrollbar-track{background:#0000}.comparison-table-wrapper::-webkit-scrollbar-thumb{background:var(--accent-secondary);border-radius:3px}.use-cases-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.use-cases-section:hover{border-color:#10b98140;box-shadow:0 10px 50px #00000040}.use-cases-section:before{background:linear-gradient(90deg,#0000,#10b981,#06b6d4,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.use-cases-header{margin-bottom:2.5rem;text-align:center}.use-cases-badge{background:linear-gradient(135deg,#10b98133,#06b6d433);border:1px solid #10b9814d;border-radius:50px;color:#10b981;display:inline-block;font-size:.75rem;font-weight:600;letter-spacing:1.2px;margin-bottom:1rem;padding:.5rem 1.2rem;text-transform:uppercase}.use-cases-header h3{color:var(--text-primary);font-size:1.75rem;font-weight:700;margin:0 0 .5rem}.use-cases-header p{color:var(--text-secondary);font-size:1rem;margin:0}.use-cases-grid{grid-gap:1.5rem;display:grid;gap:1.5rem;grid-template-columns:repeat(auto-fit,minmax(300px,1fr))}.use-case-card{background:#ffffff08;border:1px solid var(--glass-border);border-radius:16px;overflow:hidden;padding:1.75rem;position:relative;transition:all .3s ease}.use-case-card:before{content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.use-case-card:hover{border-color:#6366f166;box-shadow:0 12px 40px #0000004d;transform:translateY(-4px)}.use-case-card:hover:before{opacity:1}.use-case-icon{align-items:center;border-radius:14px;display:flex;font-size:1.5rem;height:52px;justify-content:center;margin-bottom:1.25rem;width:52px}.use-case-icon.retail{background:linear-gradient(135deg,#a855f733,#8b5cf633);color:#a855f7}.use-case-icon.retail+h4~ul{--accent:#a855f7}.use-case-card:first-child:before{background:linear-gradient(90deg,#a855f7,#8b5cf6)}.use-case-icon.manufacturing{background:linear-gradient(135deg,#3b82f633,#6366f133);color:#3b82f6}.use-case-card:nth-child(2):before{background:linear-gradient(90deg,#3b82f6,#6366f1)}.use-case-icon.healthcare{background:linear-gradient(135deg,#ec489933,#f472b633);color:#ec4899}.use-case-card:nth-child(3):before{background:linear-gradient(90deg,#ec4899,#f472b6)}.use-case-icon.security{background:linear-gradient(135deg,#f59e0b33,#fbbf2433);color:#f59e0b}.use-case-card:nth-child(4):before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.use-case-icon.logistics{background:linear-gradient(135deg,#10b98133,#34d39933);color:#10b981}.use-case-card:nth-child(5):before{background:linear-gradient(90deg,#10b981,#34d399)}.use-case-icon.agriculture{background:linear-gradient(135deg,#06b6d433,#22d3ee33);color:#06b6d4}.use-case-card:nth-child(6):before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.use-case-card h4{color:var(--text-primary);font-size:1.15rem;font-weight:700;margin:0 0 .75rem}.use-case-card p{color:var(--text-secondary);font-size:.9rem;line-height:1.6;margin:0 0 1rem}.use-case-features{display:flex;flex-wrap:wrap;gap:.5rem;list-style:none;margin:0;padding:0}.use-case-features li{background:#6366f11a;border:1px solid #6366f133;border-radius:20px;color:var(--accent-secondary);font-size:.75rem;font-weight:500;padding:.35rem .85rem}@media (max-width:768px){.use-cases-grid{grid-template-columns:1fr}.use-cases-header h3{font-size:1.5rem}}.comparison-table{border-collapse:initial;border-spacing:0;font-size:.9rem;min-width:1000px;width:100%}.comparison-table td,.comparison-table th{border-bottom:1px solid var(--glass-border);color:var(--text-secondary);padding:1.25rem 1rem;text-align:center;vertical-align:top}.comparison-table thead th{background:#0006;color:var(--text-primary);font-weight:600;padding:1.5rem 1rem;position:-webkit-sticky;position:sticky;top:0}.comparison-table thead th:first-child{border-radius:12px 0 0 0}.comparison-table thead th:last-child{border-radius:0 12px 0 0}.comparison-table tbody tr:hover{background:#6366f10d}.comparison-table tbody tr:last-child td{border-bottom:none}.feature-col{background:#0003;min-width:180px;text-align:left!important;width:180px}.feature-header{align-items:center;display:flex;flex-direction:column;gap:.5rem;text-align:center}.feature-header-icon{background:#6366f126;border:1px solid #6366f14d;border-radius:12px;color:var(--accent-secondary);font-size:1.5rem;padding:.6rem}.feature-header span{color:var(--text-primary);font-size:.95rem;font-weight:700;letter-spacing:1px;text-transform:uppercase}.feature-name{align-items:flex-start;color:var(--text-primary);display:flex;font-weight:600;gap:.75rem;text-align:left}.feature-name>div{display:flex;flex-direction:column;gap:.2rem}.feature-name span{color:var(--text-primary)}.feature-name small{color:var(--text-secondary);font-size:.75rem;font-weight:400}.feature-icon{color:var(--accent-secondary);font-size:1.25rem;margin-top:.1rem}.competitor-col{min-width:160px;transition:all .3s ease}.competitor-col.aws{background:#ff990008}.competitor-col.google{background:#4285f408}.competitor-col.azure{background:#0078d408}.competitor-col.openai{background:#10a37f08}.competitor-col.yolo{background:#6366f10d}.competitor-col.highlighted{background:#6366f11a;position:relative}.competitor-col.highlighted:before{background:var(--gradient-1);content:"";height:3px;left:0;position:absolute;top:0;width:100%}.tech-header{flex-direction:column;gap:.5rem;text-align:center}.tech-header,.tech-logo{align-items:center;display:flex}.tech-logo{border-radius:12px;font-size:1rem;font-weight:700;height:48px;justify-content:center;margin-bottom:.25rem;min-width:56px;padding:0 12px;white-space:nowrap}.tech-logo svg{font-size:1.75rem}.aws-logo{background:linear-gradient(135deg,#ff990026,#ff99000d);border:1px solid #ff99004d;color:#f90}.google-logo{background:linear-gradient(135deg,#4285f426,#4285f40d);border:1px solid #4285f44d;color:#4285f4}.azure-logo{background:linear-gradient(135deg,#0078d426,#0078d40d);border:1px solid #0078d44d;color:#0078d4}.openai-logo{background:linear-gradient(135deg,#10a37f26,#10a37f0d);border:1px solid #10a37f4d;color:#10a37f}.yolo-logo{background:var(--gradient-1);border:none;box-shadow:0 4px 15px #6366f14d;color:#fff;font-size:1rem;font-weight:800}.tech-name{color:var(--text-primary);font-size:.95rem;font-weight:700}.tech-company{color:var(--text-secondary);font-size:.72rem;font-weight:500}.recommended-badge,.tech-company{letter-spacing:.5px;text-transform:uppercase}.recommended-badge{background:linear-gradient(135deg,#10b981,#059669);border-radius:50px;color:#fff;display:inline-block;font-size:.65rem;font-weight:700;margin-top:.25rem;padding:.3rem .6rem}.feature-note{color:var(--text-secondary);font-size:.75rem;line-height:1.3;margin:.35rem 0 0}.speed-indicator{align-items:center;display:inline-flex;flex-direction:column;gap:.15rem}.speed-value{font-size:1.35rem;font-weight:800}.speed-indicator.slow .speed-value{color:#ef4444}.speed-indicator.medium .speed-value{color:#f59e0b}.speed-indicator.fast .speed-value{color:#10b981}.price-badge{border-radius:8px;display:inline-block;font-size:1.1rem;font-weight:800;padding:.4rem .85rem}.price-badge.expensive{background:#f59e0b26;border:1px solid #f59e0b4d;color:#f59e0b}.price-badge.very-expensive{background:#ef444426;border:1px solid #ef44444d;color:#ef4444}.price-badge.free{background:#10b98126;border:1px solid #10b9814d;color:#10b981}.privacy-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.85rem;font-weight:600;gap:.4rem;padding:.45rem .85rem}.privacy-badge.cloud{background:#f59e0b1a;border:1px solid #f59e0b40;color:#f59e0b}.privacy-badge.local{background:#10b9811a;border:1px solid #10b98140;color:#10b981}.availability-badge{align-items:center;border-radius:8px;display:inline-flex;font-size:.8rem;font-weight:600;gap:.4rem;padding:.4rem .75rem}.availability-badge.available{background:#10b9811a;border:1px solid #10b98140;color:#10b981}.availability-badge.unavailable{background:#ef44441a;border:1px solid #ef444440;color:#ef4444}.availability-badge.partial{background:#f59e0b1a;border:1px solid #f59e0b40;color:#f59e0b}.class-count{color:var(--text-primary);display:inline-block;font-size:1.2rem;font-weight:800}.class-count.highlight{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text}.detection-type{color:var(--text-secondary);display:block;font-size:.85rem;font-weight:500;line-height:1.5}.complexity-indicator{align-items:center;border-radius:8px;display:inline-flex;font-size:.85rem;font-weight:600;padding:.4rem .85rem}.complexity-indicator.easy{background:#10b9811a;border:1px solid #10b98140;color:#10b981}.complexity-indicator.medium{background:#f59e0b1a;border:1px solid #f59e0b40;color:#f59e0b}.complexity-indicator.hard{background:#ef44441a;border:1px solid #ef444440;color:#ef4444}.tech-stats{grid-gap:1.5rem;border-top:1px solid var(--glass-border);display:grid;gap:1.5rem;grid-template-columns:repeat(4,1fr);margin-top:2.5rem;padding-top:2.5rem}.stat-card{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:18px;overflow:hidden;padding:1.75rem 1.25rem;position:relative;text-align:center;transition:all .3s cubic-bezier(.4,0,.2,1)}.stat-card:before{background:var(--gradient-1);content:"";height:3px;left:0;opacity:0;position:absolute;right:0;top:0;transition:opacity .3s ease}.stat-card:hover{border-color:var(--accent-secondary);box-shadow:0 12px 35px #6366f12e;transform:translateY(-5px)}.stat-card:hover:before{opacity:1}.stat-icon{align-items:center;border-radius:14px;display:flex;font-size:1.4rem;height:50px;justify-content:center;margin:0 auto 1rem;width:50px}.stat-icon.speed-icon{background:#10b98126;color:#10b981}.stat-icon.privacy-icon{background:#6366f126;color:var(--accent-secondary)}.stat-icon.cost-icon{background:#10b98126;color:#10b981}.stat-icon.offline-icon{background:#f59e0b26;color:#f59e0b}.stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;font-size:2.5rem;font-weight:800;line-height:1.1;margin-bottom:.5rem}.stat-label{color:var(--text-secondary);font-size:.85rem;font-weight:500;line-height:1.3}.project-overview-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.project-overview-section:hover{border-color:#06b6d440;box-shadow:0 10px 50px #00000040}.project-overview-section:before{background:linear-gradient(90deg,#0000,#10b981,#06b6d4,#6366f1,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.overview-badge{background:linear-gradient(135deg,#10b98126,#06b6d426)!important;border-color:#10b98140!important;color:#10b981!important}.subsection-title{border-bottom:1px solid #6366f11f;color:var(--text-primary);font-size:1.2rem;font-weight:700;margin:2rem 0 1.25rem;padding-bottom:.6rem}.subsection-title:first-of-type{margin-top:0}.tech-stack-grid{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.tech-card{background:#ffffff05;border:1px solid #6366f11f;border-radius:16px;overflow:hidden;padding:1.5rem;position:relative;transition:all .3s ease}.tech-card:before{border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.tech-card.frontend:before{background:linear-gradient(90deg,#06b6d4,#22d3ee)}.tech-card.backend:before{background:linear-gradient(90deg,#10b981,#34d399)}.tech-card.ml-model:before{background:linear-gradient(90deg,#6366f1,#a855f7)}.tech-card.storage:before{background:linear-gradient(90deg,#f59e0b,#fbbf24)}.tech-card:hover{border-color:#6366f14d;box-shadow:0 15px 40px #0000004d;transform:translateY(-4px)}.tech-card-header{align-items:center;display:flex;gap:.75rem;margin-bottom:1rem}.tech-emoji{font-size:1.75rem}.tech-card-header h4{color:var(--text-primary);font-size:1.1rem;font-weight:700;margin:0}.tech-list{list-style:none;margin:0 0 1rem;padding:0}.tech-list li{border-bottom:1px solid #ffffff08;color:var(--text-secondary);font-size:.875rem;padding:.4rem 0}.tech-list li:last-child{border-bottom:none}.tech-list li strong{color:var(--text-primary);font-weight:600}.tech-card-footer{background:#6366f11a;border-radius:6px;color:var(--accent-secondary);font-size:.75rem;font-weight:600;letter-spacing:.5px;padding:.5rem .75rem;text-align:center;text-transform:uppercase}.architecture-diagram{margin-top:2rem}.diagram-container{background:#0003;border:1px solid #6366f11a;border-radius:20px;padding:2rem}.diagram-layer{background:#ffffff05;border:1px solid #6366f126;border-radius:16px;margin-bottom:.5rem;padding:1.25rem}.layer-label{border-bottom:1px dashed #6366f133;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:1px;margin-bottom:1rem;padding-bottom:.5rem;text-transform:uppercase}.layer-content{display:flex;flex-wrap:wrap;gap:.75rem;justify-content:center}.diagram-box{background:#6366f114;border:1px solid #6366f133;border-radius:12px;min-width:140px;padding:1rem 1.25rem;text-align:center;transition:all .2s ease}.diagram-box:hover{background:#6366f11f;border-color:#6366f166;transform:translateY(-2px)}.diagram-box.highlight{background:linear-gradient(135deg,#6366f126,#a855f71a);border-color:#a855f766}.box-icon{display:block;font-size:1.5rem;margin-bottom:.5rem}.box-title{color:var(--text-primary);display:block;font-size:.85rem;font-weight:600;margin-bottom:.25rem}.box-desc{color:var(--text-secondary);display:block;font-size:.75rem}.diagram-arrow-down{align-items:center;display:flex;flex-direction:column;padding:.5rem 0}.arrow-line{background:linear-gradient(180deg,#6366f180,#a855f780);height:30px;position:relative;width:2px}.arrow-line:after{bottom:-12px;color:#a855f799;content:"▼";font-size:.6rem;left:50%;position:absolute;transform:translateX(-50%)}.arrow-label{color:var(--text-secondary);font-size:.7rem;font-weight:500;margin-top:.5rem}.user-layer{border-color:#3b82f64d}.frontend-layer{border-color:#06b6d44d}.backend-layer{border-color:#10b9814d}.ml-layer{border-color:#a855f74d}.storage-layer{border-color:#f59e0b4d}.browser-box{background:#3b82f61a;border-color:#3b82f640}.component-box{background:#06b6d414;border-color:#06b6d433}.api-box{background:#10b98114;border-color:#10b98133}.ml-box{background:#a855f714;border-color:#a855f733}.storage-box{background:#f59e0b14;border-color:#f59e0b33}.data-flow-section{margin-top:2rem}.flow-steps{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.flow-step{background:#ffffff05;border:1px solid #6366f11a;border-radius:14px;display:flex;gap:1rem;padding:1.25rem;transition:all .2s ease}.flow-step:hover{background:#6366f108;border-color:#6366f140}.flow-step-number{align-items:center;background:linear-gradient(135deg,#6366f1,#a855f7);border-radius:10px;color:#fff;display:flex;flex-shrink:0;font-size:1rem;font-weight:700;height:36px;justify-content:center;width:36px}.flow-step-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .5rem}.flow-step-content p{color:var(--text-secondary);font-size:.875rem;line-height:1.5;margin:0 0 .75rem}.flow-step-content code{background:#0000004d;border-radius:6px;color:#a5b4fc;display:block;font-family:Fira Code,Monaco,monospace;font-size:.75rem;overflow-x:auto;padding:.5rem .75rem}.file-structure-section{margin-top:2rem}.file-tree{background:#00000040;border:1px solid #6366f11a;border-radius:14px;font-family:Fira Code,Monaco,monospace;font-size:.85rem;padding:1.5rem}.tree-item{align-items:center;color:var(--text-secondary);display:flex;gap:.5rem;padding:.4rem 0}.tree-item.root{color:var(--text-primary);font-weight:600}.tree-item.level-1{padding-left:1.5rem}.tree-item.level-2{padding-left:3rem}.tree-icon{font-size:1rem}.tree-name{color:var(--text-primary);font-weight:500}.tree-desc{color:var(--text-secondary);font-size:.75rem;margin-left:auto;opacity:.7}.quickstart-section{margin-top:2rem}.quickstart-steps{grid-gap:1.25rem;display:grid;gap:1.25rem;grid-template-columns:repeat(auto-fit,minmax(280px,1fr))}.qs-step{background:#ffffff05;border:1px solid #10b98126;border-radius:14px;display:flex;gap:1rem;padding:1.25rem}.qs-number{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:12px;color:#fff;display:flex;flex-shrink:0;font-size:1.1rem;font-weight:700;height:40px;justify-content:center;width:40px}.qs-content h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 .75rem}.qs-content p{color:var(--text-secondary);font-size:.9rem;margin:0}.code-block{background:#0000004d;border-radius:8px;margin-bottom:.5rem;padding:.75rem}.code-block code{color:#a5b4fc;display:block;font-family:Fira Code,Monaco,monospace;font-size:.8rem;padding:.25rem 0}.qs-note{color:#10b981;font-size:.8rem;font-style:italic;margin:.5rem 0 0}@media (max-width:768px){.project-overview-section{padding:1.5rem}.subsection-title{font-size:1.2rem}.flow-steps,.quickstart-steps,.tech-stack-grid{grid-template-columns:1fr}.diagram-container{padding:1rem}.layer-content{align-items:stretch;flex-direction:column}.diagram-box{min-width:0;min-width:auto}}.architecture-section{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;padding:2rem;position:relative;transition:all .3s ease}.architecture-section:hover{border-color:#10b98140;box-shadow:0 10px 50px #00000040}.architecture-section:before{background:linear-gradient(90deg,#0000,#10b981,#6366f1,#f59e0b,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.pipeline-flow{flex-wrap:wrap;justify-content:center;margin-top:1rem}.pipeline-flow,.pipeline-step{align-items:center;display:flex;gap:1rem}.pipeline-step{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;flex-direction:column;min-width:160px;padding:1.5rem 1.25rem;text-align:center;transition:all .3s ease}.pipeline-step:hover{border-color:var(--accent-secondary);box-shadow:0 10px 30px #6366f126;transform:translateY(-4px)}.step-number{align-items:center;background:var(--gradient-1);border-radius:50%;box-shadow:0 4px 15px #6366f14d;color:#fff;display:flex;font-size:1.25rem;font-weight:800;height:44px;justify-content:center;width:44px}.step-content h4{color:var(--text-primary);font-size:1rem;font-weight:700;margin:0 0 .35rem}.step-content p{color:var(--text-secondary);font-size:.8rem;line-height:1.4;margin:0}.pipeline-arrow{color:var(--accent-secondary);font-size:1.75rem;font-weight:700;opacity:.7}.process-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;position:relative;transition:all .3s ease}.process-panel:hover{border-color:#6366f140;box-shadow:0 10px 50px #00000040}.process-panel:before{background:linear-gradient(90deg,#0000,#6366f1,#a855f7,#ec4899,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0}.panel-header{background:linear-gradient(135deg,#6366f11a,#a855f714);border-bottom:1px solid var(--glass-border);padding:1.5rem 2rem}.panel-title{gap:1rem}.panel-icon,.panel-title{align-items:center;display:flex}.panel-icon{background:#6366f11f;border-radius:12px;color:var(--accent-secondary);font-size:1.8rem;justify-content:center;padding:.6rem}.panel-title h2{color:var(--text-primary);font-size:1.4rem;font-weight:700;letter-spacing:-.5px;margin:0}.panel-title p{color:var(--text-secondary);font-size:.95rem;margin:.35rem 0 0}.mode-selector{grid-gap:1.25rem;background:#00000040;border-bottom:1px solid var(--glass-border);display:grid;gap:1.25rem;grid-template-columns:1fr 1fr;padding:1.75rem 2.5rem}.mode-btn{align-items:center;background:var(--bg-secondary);border:2px solid var(--glass-border);border-radius:16px;cursor:pointer;display:flex;gap:1.25rem;overflow:hidden;padding:1.5rem 1.75rem;position:relative;text-align:left;transition:all .3s cubic-bezier(.4,0,.2,1)}.mode-btn:before{background:linear-gradient(135deg,#6366f11a,#a855f70d);content:"";height:100%;left:0;opacity:0;position:absolute;top:0;transition:opacity .3s ease;width:100%}.mode-btn:hover:not(:disabled){border-color:var(--accent-secondary);box-shadow:0 8px 25px #6366f126;transform:translateY(-2px)}.mode-btn:hover:not(:disabled):before{opacity:1}.mode-btn.active{background:linear-gradient(135deg,#6366f133,#a855f726);border-color:var(--accent-secondary);box-shadow:0 0 0 3px #6366f126,0 8px 30px #6366f133}.mode-btn:disabled{cursor:not-allowed;opacity:.5}.mode-icon{background:#6366f11a;border-radius:10px;color:var(--accent-secondary);font-size:1.75rem;padding:.5rem}.mode-icon,.mode-text{position:relative;z-index:1}.mode-text{display:flex;flex-direction:column;gap:.35rem}.mode-title{color:var(--text-primary);font-size:1.05rem;font-weight:600}.mode-desc{color:var(--text-secondary);font-size:.85rem}.mode-content{gap:1.75rem;padding:2.5rem}.input-group{display:flex;flex-direction:column;gap:.6rem}.input-group label{align-items:center;color:var(--text-primary);display:flex;font-size:.95rem;font-weight:600;gap:.6rem}.input-icon{color:var(--accent-secondary);font-size:1.1rem}.input-wrapper{position:relative}.input-wrapper input{background:var(--bg-secondary);border:2px solid var(--glass-border);border-radius:14px;color:var(--text-primary);font-family:JetBrains Mono,Fira Code,monospace;font-size:.95rem;padding:1.1rem 1.4rem;transition:all .3s cubic-bezier(.4,0,.2,1);width:100%}.input-wrapper input::placeholder{color:var(--text-muted)}.input-wrapper input:focus{background:var(--bg-tertiary);border-color:var(--accent-secondary);box-shadow:0 0 0 4px #6366f11f,0 4px 20px #6366f11a;outline:none}.input-wrapper input:disabled{cursor:not-allowed;opacity:.6}.input-hint{color:var(--text-secondary);font-size:.82rem;padding-left:.25rem}.action-btn{align-items:center;border:none;border-radius:14px;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.05rem;font-weight:600;gap:.85rem;justify-content:center;overflow:hidden;padding:1.35rem 2.25rem;position:relative;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.action-btn.primary{background:var(--gradient-1);box-shadow:0 4px 0 0 #4f46e5,0 8px 25px #6366f159;color:#fff}.action-btn.primary:before{background:linear-gradient(90deg,#0000,#fff3,#0000);content:"";height:100%;left:-100%;position:absolute;top:0;transition:left .5s ease;width:100%}.action-btn.primary:hover:not(:disabled):before{left:100%}.action-btn.primary:hover:not(:disabled){box-shadow:0 8px 0 0 #4f46e5,0 15px 35px #6366f180;transform:translateY(-4px)}.action-btn.primary:active:not(:disabled){box-shadow:0 2px 0 0 #4f46e5,0 4px 15px #6366f14d;transform:translateY(0)}.action-btn:disabled{cursor:not-allowed;opacity:.7;transform:none}.action-btn svg{font-size:1.25rem}.spinning{animation:spin 1s linear infinite}.success-card{animation:slideIn .3s ease-out;background:linear-gradient(135deg,#10b9811a,#10b9810d);border:1px solid #10b9814d;border-radius:16px;padding:1.5rem}@keyframes slideIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.success-header{align-items:center;border-bottom:1px solid #10b98133;display:flex;gap:.75rem;margin-bottom:1rem;padding-bottom:1rem}.success-icon{color:#10b981;font-size:1.25rem}.success-header span{color:#10b981;font-size:1rem;font-weight:600}.success-details{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.detail-item{display:flex;flex-direction:column;gap:.25rem}.detail-label{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.detail-value{color:var(--text-primary);font-family:JetBrains Mono,monospace;font-size:.95rem;font-weight:600;word-break:break-all}.detail-value.highlight{color:#10b981;font-size:1.5rem}.datasets-grid h3{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.dataset-cards{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.dataset-card{align-items:center;background:var(--bg-secondary);border:2px solid var(--glass-border);border-radius:12px;cursor:pointer;display:flex;gap:1rem;padding:1rem 1.25rem;text-align:left;transition:all .3s ease;width:100%}.dataset-card:hover:not(:disabled){border-color:var(--accent-secondary);box-shadow:0 8px 25px #6366f126;transform:translateY(-2px)}.dataset-card:disabled{cursor:not-allowed;opacity:.5}.dataset-icon{color:var(--accent-secondary);font-size:1.5rem}.dataset-info{display:flex;flex-direction:column;gap:.25rem}.dataset-name{color:var(--text-primary);font-size:.9rem;font-weight:600}.dataset-meta{font-size:.8rem}.dataset-meta,.divider{color:var(--text-muted)}.divider{align-items:center;display:flex;font-size:.85rem;gap:1rem}.divider:after,.divider:before{background:var(--glass-border);content:"";flex:1 1;height:1px}.upload-section{margin-bottom:1.5rem}.upload-dropzone{background:#6366f105;border:2px dashed var(--glass-border);border-radius:16px;cursor:pointer;padding:3rem 2rem;text-align:center;transition:all .3s ease}.upload-dropzone:hover{background:#6366f10d;border-color:var(--accent-secondary);transform:translateY(-2px)}.dropzone-content{align-items:center;display:flex;flex-direction:column;gap:.75rem}.dropzone-icon{color:var(--accent-secondary);font-size:3rem;opacity:.8}.dropzone-content h3{color:var(--text-primary);font-size:1.25rem;font-weight:600;margin:0}.dropzone-content p{color:var(--text-secondary);margin:0}.dropzone-hint{background:var(--glass-bg);border-radius:20px;color:var(--text-muted);font-size:.8rem;padding:.35rem .75rem}.image-preview-container{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;overflow:hidden}.preview-header{align-items:center;background:#6366f10d;border-bottom:1px solid var(--glass-border);display:flex;justify-content:space-between;padding:1rem 1.25rem}.preview-filename{align-items:center;color:var(--text-primary);display:flex;font-size:.9rem;font-weight:500;gap:.5rem}.preview-filename svg{color:var(--accent-secondary)}.clear-btn{background:#ef44441a;border:1px solid #ef44444d;color:#ef4444}.clear-btn:hover{background:#ef444433;border-color:#ef4444}.preview-image-wrapper{align-items:center;display:flex;justify-content:center;max-height:400px;overflow:hidden;padding:1rem}.preview-image{border-radius:8px;box-shadow:0 4px 20px #0003;max-height:350px;max-width:100%;object-fit:contain}.detect-btn{margin-bottom:1.5rem;width:100%}.detection-results{animation:slideInUp .3s ease-out;background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem}.results-header{border-bottom:1px solid var(--glass-border);gap:.75rem;margin-bottom:1.5rem;padding-bottom:1rem}.results-header .success-icon{align-items:center;background:linear-gradient(135deg,#10b981,#06b6d4);border-radius:50%;color:#fff;display:flex;font-size:1rem;height:32px;justify-content:center;width:32px}.results-header h3{color:var(--text-primary);font-size:1.15rem;font-weight:600;margin:0}.results-summary{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(2,1fr);margin-bottom:1.5rem}.summary-stat{background:#6366f114;border:1px solid #6366f133;border-radius:12px;padding:1.25rem;text-align:center}.summary-stat .stat-number{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;display:block;font-size:2rem;font-weight:700}.summary-stat .stat-label{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.detected-objects{margin-bottom:1.5rem}.detected-objects h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.object-chips{display:flex;flex-wrap:wrap;gap:.5rem}.object-chip{align-items:center;background:linear-gradient(135deg,#6366f126,#a855f726);border:1px solid #6366f14d;border-radius:50px;display:flex;gap:.5rem;padding:.5rem 1rem;transition:all .2s ease}.object-chip:hover{box-shadow:0 4px 15px #6366f133;transform:translateY(-2px)}.chip-name{font-size:.9rem;text-transform:capitalize}.chip-count{background:var(--accent-secondary);border-radius:20px;color:#fff;font-weight:700;min-width:24px;padding:.2rem .5rem;text-align:center}.no-detections{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;padding:2rem;text-align:center}.no-detections svg{font-size:2.5rem;margin-bottom:1rem;opacity:.5}.no-detections p{color:var(--text-secondary);font-size:1rem;margin:0 0 .5rem}.no-detections span{font-size:.85rem}.detection-details h4{color:var(--text-primary);font-size:1rem;font-weight:600;margin:0 0 1rem}.details-table{border:1px solid var(--glass-border);border-radius:12px;overflow:hidden}.table-header{background:#6366f11a;color:var(--text-secondary);font-size:.8rem;font-weight:600;letter-spacing:.5px;text-transform:uppercase}.table-header,.table-row{display:grid;grid-template-columns:1fr 1fr;padding:.75rem 1rem}.table-row{align-items:center;border-top:1px solid var(--glass-border)}.table-row:nth-child(2n){background:#ffffff05}.det-class{color:var(--text-primary);font-weight:500;text-transform:capitalize}.det-confidence{align-items:center;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.75rem}.confidence-bar{background:var(--glass-border);border-radius:3px;flex:1 1;height:6px;overflow:hidden}.confidence-fill{background:linear-gradient(90deg,#10b981,#06b6d4);border-radius:3px;height:100%;transition:width .3s ease}.table-row.more-items{color:var(--text-muted);font-size:.85rem;font-style:italic;justify-content:center;text-align:center}.table-row.more-items span{grid-column:1/-1}@media (max-width:1024px){.tech-stats{grid-template-columns:repeat(2,1fr)}.pipeline-flow{flex-direction:column}.pipeline-arrow{transform:rotate(90deg)}}@media (max-width:768px){.architecture-section,.comparison-section,.process-panel{border-radius:16px;padding:1.5rem}.comparison-table{font-size:.8rem}.comparison-table td,.comparison-table th{padding:.75rem .5rem}.tech-stats{gap:1rem;grid-template-columns:1fr 1fr}.stat-value{font-size:1.75rem}.mode-selector{grid-template-columns:1fr}.mode-content,.panel-header{padding:1.5rem}.success-details{grid-template-columns:1fr}.pipeline-step{min-width:100%}}@media (max-width:480px){.section-header h2{font-size:1.5rem}.feature-col{min-width:120px;width:120px}.tech-header span:not(.tech-icon):not(.tech-era){font-size:.75rem}.examples-grid,.future-cards,.limitation-cards{grid-template-columns:1fr}.disclaimer-box{flex-direction:column;text-align:center}}[data-theme=light] .architecture-section,[data-theme=light] .benchmarks-section,[data-theme=light] .comparison-section,[data-theme=light] .features-section,[data-theme=light] .limitations-section,[data-theme=light] .problem-section,[data-theme=light] .process-panel,[data-theme=light] .techstack-section,[data-theme=light] .usecases-section{background:#ffffffd9;border-color:#64748b33;box-shadow:0 4px 30px #00000014}[data-theme=light] .section-header h2{color:#1e293b}[data-theme=light] .section-header p{color:#64748b}[data-theme=light] .problem-card{background:#f1f5f9cc;border-color:#64748b26}[data-theme=light] .problem-card h3{color:#1e293b}[data-theme=light] .problem-card p{color:#475569}[data-theme=light] .problem-quote{background:linear-gradient(135deg,#6366f114,#8b5cf614);border-color:#6366f133}[data-theme=light] .problem-quote blockquote{color:#334155}[data-theme=light] .feature-card{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .feature-card h3{color:#1e293b}[data-theme=light] .feature-card p{color:#475569}[data-theme=light] .benchmark-table-container{background:#f1f5f9cc}[data-theme=light] .benchmark-table th{background:#6366f11a;color:#1e293b}[data-theme=light] .benchmark-table td{border-color:#64748b1a;color:#334155}[data-theme=light] .benchmark-table tbody tr{background:#fff9}[data-theme=light] .benchmark-table tbody tr:hover{background:#6366f10d}[data-theme=light] .metric-card{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .metric-card h4{color:#1e293b}[data-theme=light] .metric-card p{color:#64748b}[data-theme=light] .coco-classes{background:#f1f5f9cc}[data-theme=light] .coco-classes h3{color:#1e293b}[data-theme=light] .class-category h4{color:#334155}[data-theme=light] .class-tag{background:#6366f11a;border-color:#6366f133;color:#4f46e5}[data-theme=light] .system-requirements h3{color:#1e293b}[data-theme=light] .req-card{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .req-title{color:#1e293b}[data-theme=light] .req-list li{color:#475569}[data-theme=light] .limitations-block{background:#f1f5f9cc}[data-theme=light] .limitations-subtitle{color:#1e293b}[data-theme=light] .limitation-card{background:#ffffffe6;border-color:#64748b26}[data-theme=light] .limitation-card h4{color:#1e293b}[data-theme=light] .limitation-card p{color:#475569}[data-theme=light] .limitation-example{background:#f59e0b1a}[data-theme=light] .limitation-detail{background:#3b82f61a}[data-theme=light] .limitation-detail li{color:#475569}[data-theme=light] .detection-examples{background:#f1f5f9cc}[data-theme=light] .example-column{background:#ffffffe6}[data-theme=light] .column-header h4{color:#1e293b}[data-theme=light] .example-list li{border-color:#64748b1a;color:#475569}[data-theme=light] .future-scope{background:#f1f5f9cc}[data-theme=light] .future-card{background:#ffffffe6;border-color:#6366f126}[data-theme=light] .future-content h4{color:#1e293b}[data-theme=light] .future-content p{color:#475569}[data-theme=light] .disclaimer-box{background:linear-gradient(135deg,#6366f114,#8b5cf614);border-color:#6366f133}[data-theme=light] .disclaimer-content h4{color:#1e293b}[data-theme=light] .disclaimer-content p{color:#475569}[data-theme=light] .tech-layer{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .tech-layer h4{color:#1e293b}[data-theme=light] .tech-item{background:#fffc;color:#334155}[data-theme=light] .architecture-flow{background:#f1f5f9cc}[data-theme=light] .architecture-flow h4{color:#1e293b}[data-theme=light] .flow-step{color:#334155}[data-theme=light] .comparison-table th{background:#6366f11a;color:#1e293b}[data-theme=light] .comparison-table td{border-color:#64748b1a;color:#334155}[data-theme=light] .tech-header{background:#f1f5f9e6}[data-theme=light] .tech-header span{color:#1e293b}[data-theme=light] .usecase-card{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .usecase-card h3{color:#1e293b}[data-theme=light] .usecase-card p,[data-theme=light] .usecase-features li{color:#475569}[data-theme=light] .panel-header h2{color:#1e293b}[data-theme=light] .panel-header p{color:#64748b}[data-theme=light] .mode-card{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .mode-card h3{color:#1e293b}[data-theme=light] .mode-card p{color:#475569}[data-theme=light] .stat-card{background:#f1f5f9e6}[data-theme=light] .stat-value{color:#1e293b}[data-theme=light] .stat-label{color:#64748b}[data-theme=light] .pipeline-step{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .step-title{color:#1e293b}[data-theme=light] .step-desc{color:#475569}[data-theme=light] .step-features li{color:#64748b}[data-theme=light] .overview-card{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .overview-card h3{color:#1e293b}[data-theme=light] .overview-card p,[data-theme=light] .overview-card ul li{color:#475569}[data-theme=light] .tech-stat{background:#f1f5f9e6}[data-theme=light] .tech-stat strong{color:#1e293b}[data-theme=light] .tech-stat span{color:#64748b}[data-theme=light] .dataset-card{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .dataset-name{color:#1e293b}[data-theme=light] .dataset-meta{color:#64748b}[data-theme=light] .data-flow-section{background:#f1f5f9cc}[data-theme=light] .subsection-title{color:#1e293b}[data-theme=light] .flow-step{background:#ffffffe6;border-color:#64748b26}[data-theme=light] .flow-step-content h4{color:#1e293b}[data-theme=light] .flow-step-content p{color:#475569}[data-theme=light] .flow-step-content code{background:#6366f11a;border:1px solid #6366f133;color:#4f46e5}[data-theme=light] .file-tree{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .tree-name{color:#1e293b}[data-theme=light] .tree-item.comment .tree-name{color:#64748b}.search-panel{backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;position:relative;transition:all .3s ease}.search-panel:hover{border-color:#6366f140;box-shadow:0 10px 50px #00000040}.search-panel:before{background:linear-gradient(90deg,#0000,#6366f1,#a855f7,#0000);content:"";height:2px;left:0;position:absolute;right:0;top:0;z-index:1}.search-panel-header{align-items:center;background:linear-gradient(135deg,#6366f11a,#a855f714);border-bottom:1px solid var(--glass-border);display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;padding:1.5rem 2rem}.header-content{gap:1rem}.header-content,.header-icon{align-items:center;display:flex}.header-icon{background:var(--gradient-1);border-radius:14px;box-shadow:0 4px 15px #6366f14d;color:#fff;font-size:1.3rem;height:48px;justify-content:center;width:48px}.header-text h2{color:var(--text-primary);font-size:1.35rem;font-weight:700;letter-spacing:-.5px;margin:0}.header-text p{color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0}.header-stats{display:flex;gap:.75rem}.stat-pill{align-items:center;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:50px;color:var(--text-secondary);display:flex;font-size:.85rem;gap:.5rem;padding:.6rem 1rem}.stat-pill svg{color:var(--accent-secondary)}.stat-pill strong{color:var(--text-primary)}.search-content{gap:2rem;padding:2rem}.search-content,.search-section{display:flex;flex-direction:column}.search-section{gap:1rem}.section-header{justify-content:space-between}.section-header,.section-label{align-items:center;display:flex}.section-label{color:var(--text-primary);font-size:1rem;font-weight:600;gap:.5rem}.section-icon{color:var(--accent-secondary);font-size:1.1rem}.optional-badge{background:var(--bg-secondary);border-radius:4px;color:var(--text-muted);font-size:.7rem;font-weight:500;letter-spacing:.5px;padding:.2rem .5rem;text-transform:uppercase}.section-hint{color:var(--text-muted);font-size:.85rem;margin:-.5rem 0 0}.clear-btn{align-items:center;background:#ff47571a;border:1px solid #ff47574d;border-radius:8px;color:var(--accent-primary);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.35rem;padding:.5rem 1rem;transition:all .2s ease}.clear-btn:hover{background:#ff475733;border-color:var(--accent-primary)}.mode-toggle-group{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:1fr 1fr}.mode-toggle{align-items:flex-start;background:var(--bg-secondary);border:2px solid var(--glass-border);border-radius:16px;cursor:pointer;display:flex;padding:1.25rem;text-align:left;transition:all .3s ease}.mode-toggle:hover{background:#6366f10d;border-color:var(--accent-secondary)}.mode-toggle.active{background:linear-gradient(135deg,#6366f126,#a855f71a);border-color:var(--accent-secondary);box-shadow:0 4px 20px #6366f126}.mode-toggle.active:before{background:var(--gradient-1);border-radius:16px 16px 0 0;content:"";height:3px;left:0;position:absolute;right:0;top:0}.mode-content{display:flex;flex-direction:column;gap:.35rem}.mode-name{color:var(--text-primary);font-size:1rem;font-weight:700}.mode-desc{color:var(--text-muted);font-size:.8rem;line-height:1.4}.class-search{position:relative}.class-search .search-icon{color:var(--text-muted);font-size:1rem;left:1rem;position:absolute;top:50%;transform:translateY(-50%)}.class-search input{background:var(--bg-secondary);border:2px solid var(--glass-border);border-radius:12px;color:var(--text-primary);font-family:inherit;font-size:.95rem;padding:.875rem 1rem .875rem 2.75rem;transition:all .3s ease;width:100%}.class-search input:focus{border-color:var(--accent-secondary);box-shadow:0 0 0 4px #6366f126;outline:none}.class-search input::placeholder{color:var(--text-muted)}.selected-classes{background:#6366f10d;border:1px solid #6366f133;border-radius:12px;display:flex;flex-wrap:wrap;gap:.5rem;padding:1rem}.selected-pill{align-items:center;animation:popIn .2s ease;background:var(--gradient-1);border-radius:8px;color:#fff;display:inline-flex;font-size:.85rem;font-weight:500;gap:.5rem;padding:.5rem .75rem}@keyframes popIn{0%{opacity:0;transform:scale(.9)}to{opacity:1;transform:scale(1)}}.selected-pill button{align-items:center;background:#fff3;border:none;border-radius:50%;color:#fff;cursor:pointer;display:flex;height:18px;justify-content:center;padding:0;transition:background .2s ease;width:18px}.selected-pill button:hover{background:#fff6}.selected-pill button svg{font-size:.7rem}.class-grid{grid-gap:.75rem;display:grid;gap:.75rem;grid-template-columns:repeat(auto-fill,minmax(140px,1fr));margin:-.5rem;max-height:300px;overflow-y:auto;padding:.5rem}.class-grid::-webkit-scrollbar{width:6px}.class-grid::-webkit-scrollbar-track{background:#0000}.class-grid::-webkit-scrollbar-thumb{background:var(--glass-border);border-radius:3px}.class-chip{align-items:center;background:var(--bg-secondary);border:2px solid var(--glass-border);border-radius:12px;cursor:pointer;display:flex;font-family:inherit;gap:.5rem;padding:.75rem 1rem;transition:all .2s ease}.class-chip:hover{background:#6366f10d;border-color:var(--accent-secondary)}.class-chip.selected{background:linear-gradient(135deg,#6366f133,#a855f726);border-color:var(--accent-secondary)}.chip-check{align-items:center;background:var(--bg-primary);border:2px solid var(--glass-border);border-radius:6px;color:#0000;display:flex;font-size:.7rem;height:18px;justify-content:center;transition:all .2s ease;width:18px}.class-chip.selected .chip-check{background:var(--accent-secondary);border-color:var(--accent-secondary);color:#fff}.chip-name{color:var(--text-primary);flex:1 1;font-size:.85rem;font-weight:500;text-align:left}.chip-count{background:var(--bg-primary);border-radius:6px;color:var(--text-muted);font-size:.75rem;font-weight:600;padding:.15rem .5rem}.class-chip.selected .chip-count{background:#6366f14d;color:var(--accent-secondary)}.show-more-btn{align-items:center;background:#0000;border:1px dashed var(--glass-border);border-radius:10px;color:var(--text-secondary);cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;gap:.5rem;justify-content:center;padding:.75rem;transition:all .2s ease}.show-more-btn:hover{border-color:var(--accent-secondary);color:var(--accent-secondary)}.show-more-btn svg{transition:transform .3s ease}.show-more-btn svg.rotated{transform:rotate(180deg)}.thresholds-section{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:16px;padding:1.5rem}.thresholds-grid{grid-gap:1rem;display:grid;gap:1rem;grid-template-columns:repeat(auto-fill,minmax(200px,1fr))}.threshold-card{background:var(--bg-primary);border:1px solid var(--glass-border);border-radius:12px;display:flex;flex-direction:column;gap:.5rem;padding:1rem}.threshold-class{color:var(--text-primary);font-size:.9rem;font-weight:600}.threshold-select-wrapper{position:relative}.threshold-select-wrapper select{-webkit-appearance:none;appearance:none;background:var(--bg-secondary);border:2px solid var(--glass-border);border-radius:10px;color:var(--text-primary);cursor:pointer;font-family:inherit;font-size:.9rem;padding:.75rem 2.5rem .75rem 1rem;transition:all .2s ease;width:100%}.threshold-select-wrapper select:focus{border-color:var(--accent-secondary);outline:none}.threshold-select-wrapper .select-arrow{color:var(--text-muted);pointer-events:none;position:absolute;right:1rem;top:50%;transform:translateY(-50%)}.search-actions{display:flex;justify-content:center;padding-top:1rem}.search-btn{align-items:center;background:var(--gradient-1);border:none;border-radius:14px;box-shadow:0 4px 0 0 #4f46e5,0 8px 20px #6366f14d;color:#fff;cursor:pointer;display:inline-flex;font-family:inherit;font-size:1.1rem;font-weight:600;gap:.75rem;justify-content:center;min-width:250px;padding:1.25rem 3rem;transition:all .3s cubic-bezier(.175,.885,.32,1.275)}.search-btn:hover:not(:disabled){box-shadow:0 8px 0 0 #4f46e5,0 12px 30px #6366f180;transform:translateY(-4px)}.search-btn:active:not(:disabled){box-shadow:0 2px 0 0 #4f46e5,0 4px 15px #6366f14d;transform:translateY(0)}.search-btn:disabled{box-shadow:0 4px 0 0 #4f46e5;cursor:not-allowed;opacity:.6;transform:none}.search-btn svg{font-size:1.25rem}.btn-spinner{animation:spin .8s linear infinite;border:3px solid #ffffff4d;border-radius:50%;border-top-color:#fff;height:20px;width:20px}@media (max-width:1024px){.search-panel-header{padding:1.25rem 1.5rem}.header-stats{gap:.5rem}.stat-pill{font-size:.8rem;padding:.5rem .75rem}.class-grid{grid-template-columns:repeat(auto-fill,minmax(130px,1fr))}}@media (max-width:768px){.search-panel{border-radius:16px}.search-panel-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.header-content{width:100%}.header-icon{border-radius:12px;font-size:1.1rem;height:42px;width:42px}.header-text h2{font-size:1.15rem}.header-text p{font-size:.8rem}.header-stats{flex-wrap:wrap;justify-content:flex-start;width:100%}.stat-pill{flex:1 1;justify-content:center;min-width:0}.search-content{gap:1.25rem;padding:1.25rem}.mode-toggle-group{grid-template-columns:1fr 1fr}.mode-toggle-btn{font-size:.85rem;padding:.75rem 1rem}.mode-toggle-btn svg{height:18px;width:18px}.class-grid{gap:.5rem;grid-template-columns:repeat(auto-fill,minmax(100px,1fr));max-height:220px}.class-chip{font-size:.75rem;padding:.5rem .75rem}.chip-icon{font-size:.9rem}.thresholds-grid{gap:.75rem;grid-template-columns:1fr}.threshold-card{padding:1rem}.search-btn{font-size:.95rem;padding:.9rem 1.5rem;width:100%}.selected-classes-container{flex-wrap:wrap;padding:.75rem}.selected-tag{font-size:.75rem;padding:.35rem .6rem}}@media (max-width:480px){.search-panel{border-radius:12px}.search-panel-header{padding:1rem}.header-icon{border-radius:10px;font-size:1rem;height:38px;width:38px}.header-text h2{font-size:1.05rem}.header-stats{gap:.35rem}.stat-pill{font-size:.7rem;padding:.4rem .6rem}.search-content{gap:1rem;padding:1rem}.section-title{font-size:.85rem}.section-hint{font-size:.7rem}.mode-toggle-group{gap:.5rem;grid-template-columns:1fr}.mode-toggle-btn{font-size:.8rem;gap:.5rem;padding:.65rem .75rem}.class-grid{gap:.35rem;grid-template-columns:repeat(auto-fill,minmax(85px,1fr));max-height:180px}.class-chip{border-radius:6px;font-size:.7rem;padding:.4rem .6rem}.chip-icon{display:none}.threshold-card{padding:.75rem}.threshold-label{font-size:.8rem}.threshold-select{font-size:.85rem;padding:.5rem .75rem}.search-btn{border-radius:10px;font-size:.9rem;padding:.8rem 1.25rem}.search-actions{flex-direction:column;gap:.75rem}.clear-btn{width:100%}}[data-theme=light] .search-panel{background:#ffffffd9;border-color:#64748b33;box-shadow:0 4px 30px #00000014}[data-theme=light] .search-panel-header{background:linear-gradient(135deg,#6366f114,#a855f70d)}[data-theme=light] .header-text h2{color:#1e293b}[data-theme=light] .header-text p{color:#64748b}[data-theme=light] .stat-item .stat-number{color:#1e293b}[data-theme=light] .stat-item .stat-label{color:#64748b}[data-theme=light] .search-input{background:#f1f5f9e6;border-color:#64748b33;color:#1e293b}[data-theme=light] .search-input::placeholder{color:#94a3b8}[data-theme=light] .mode-toggle-btn{background:#f1f5f9e6;border-color:#64748b33;color:#475569}[data-theme=light] .mode-toggle-btn:hover{background:#6366f114}[data-theme=light] .mode-toggle-btn.active{background:#6366f11a;border-color:#6366f166;color:#4f46e5}[data-theme=light] .section-title{color:#1e293b}[data-theme=light] .section-hint{color:#64748b}[data-theme=light] .class-chip{background:#f1f5f9e6;border-color:#64748b33;color:#475569}[data-theme=light] .class-chip:hover{background:#6366f114;border-color:#6366f14d}[data-theme=light] .class-chip.selected{background:#6366f11a;border-color:#6366f180;color:#4f46e5}[data-theme=light] .chip-name{color:inherit}[data-theme=light] .show-more-btn{color:#4f46e5}[data-theme=light] .threshold-card{background:#f1f5f9e6;border-color:#64748b33}[data-theme=light] .threshold-label{color:#1e293b}[data-theme=light] .threshold-select{background:#ffffffe6;border-color:#64748b33;color:#1e293b}[data-theme=light] .selected-classes-container{background:#f1f5f9cc}[data-theme=light] .selected-tag{background:#6366f11a;color:#4f46e5}[data-theme=light] .clear-all-btn{color:#dc2626}.results-section{animation:fadeInUp .4s ease-out;margin-top:2rem}@keyframes fadeInUp{0%{opacity:0;transform:translateY(15px)}to{opacity:1;transform:translateY(0)}}.results-header{align-items:center;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:16px;display:flex;flex-wrap:wrap;gap:1.25rem;justify-content:space-between;margin-bottom:1.25rem;padding:1.25rem 1.75rem;position:relative;transition:all .3s ease}.results-header:hover{border-color:#6366f133}.results-header:before{background:linear-gradient(90deg,#0000,#10b981,#6366f1,#0000);border-radius:16px 16px 0 0;content:"";height:2px;left:0;position:absolute;right:0;top:0}.results-title{gap:.875rem}.results-icon,.results-title{align-items:center;display:flex}.results-icon{background:var(--gradient-1);border-radius:12px;box-shadow:0 4px 15px #6366f166;color:#fff;font-size:1.25rem;height:42px;justify-content:center;width:42px}.results-text h2{color:var(--text-primary);font-size:1.25rem;font-weight:700;margin:0}.results-text p{color:var(--text-muted);font-size:.9rem;margin:.25rem 0 0}.results-text strong{color:var(--accent-secondary);font-weight:700}.results-controls{align-items:center;display:flex;flex-wrap:wrap;gap:1rem}.control-group{align-items:center;display:flex;gap:.5rem}.control-group label{color:var(--text-secondary);font-size:.85rem;font-weight:500}.view-mode{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:.25rem}.view-btn{align-items:center;background:#0000;border:none;border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;height:36px;justify-content:center;transition:all .2s ease;width:36px}.view-btn:hover{background:#6366f11a;color:var(--text-primary)}.view-btn.active{background:var(--accent-secondary);box-shadow:0 2px 8px #6366f166;color:#fff}.columns-control{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:12px;padding:.5rem 1rem}.slider-wrapper{align-items:center;display:flex;gap:.75rem}.slider-wrapper input[type=range]{-webkit-appearance:none;appearance:none;background:var(--glass-border);border-radius:3px;cursor:pointer;height:6px;width:80px}.slider-wrapper input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;appearance:none;background:var(--gradient-1);border-radius:50%;box-shadow:0 2px 6px #6366f166;cursor:pointer;height:18px;-webkit-transition:transform .2s ease;transition:transform .2s ease;width:18px}.slider-wrapper input[type=range]::-webkit-slider-thumb:hover{transform:scale(1.15)}.slider-value{color:var(--accent-secondary);font-size:.9rem;font-weight:700;min-width:20px;text-align:center}.toggle-controls{display:flex;gap:.5rem}.toggle-btn{align-items:center;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:10px;color:var(--text-muted);cursor:pointer;display:flex;font-family:inherit;font-size:.85rem;font-weight:500;gap:.4rem;padding:.6rem 1rem;transition:all .2s ease}.toggle-btn:hover{border-color:var(--accent-secondary);color:var(--text-primary)}.toggle-btn.active{background:#6366f126;border-color:var(--accent-secondary);color:var(--accent-secondary)}.toggle-btn svg{font-size:1rem}.export-btn{align-items:center;background:var(--gradient-1);border:none;border-radius:12px;box-shadow:0 3px 0 0 #4f46e5,0 6px 15px #6366f14d;color:#fff;cursor:pointer;display:flex;font-family:inherit;font-size:.9rem;font-weight:600;gap:.5rem;padding:.75rem 1.25rem;transition:all .3s ease}.export-btn:hover{box-shadow:0 5px 0 0 #4f46e5,0 10px 25px #6366f166;transform:translateY(-2px)}.export-btn:active{box-shadow:0 2px 0 0 #4f46e5,0 4px 10px #6366f14d;transform:translateY(0)}.results-grid{grid-gap:1.5rem;display:grid;gap:1.5rem}.results-grid.grid{grid-template-columns:repeat(3,1fr)}.results-grid.list{grid-template-columns:1fr}.image-card{animation:cardFadeIn .4s ease-out;backdrop-filter:blur(20px);-webkit-backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:20px;overflow:hidden;transition:all .3s ease}@keyframes cardFadeIn{0%{opacity:0;transform:scale(.95)}to{opacity:1;transform:scale(1)}}.image-card:hover{border-color:var(--accent-secondary);box-shadow:0 20px 40px #0000004d;transform:translateY(-6px)}.image-card.list{display:grid;grid-template-columns:280px 1fr}.card-image{aspect-ratio:4/3;background:var(--bg-secondary);overflow:hidden;position:relative}.image-card.list .card-image{aspect-ratio:16/10}.card-image canvas,.card-image img{height:100%;object-fit:cover;transition:transform .4s ease;width:100%}.image-card:hover .card-image canvas,.image-card:hover .card-image img{transform:scale(1.05)}.error-placeholder,.loading-placeholder{align-items:center;color:var(--text-muted);display:flex;flex-direction:column;font-size:.85rem;gap:.75rem;height:100%;justify-content:center}.error-placeholder svg{font-size:2rem;opacity:.5}.loader{animation:spin .8s linear infinite;border:3px solid var(--glass-border);border-radius:50%;border-top-color:var(--accent-secondary);height:32px;width:32px}@keyframes spin{to{transform:rotate(1turn)}}.card-overlay{align-items:flex-end;background:linear-gradient(0deg,#0a0e1acc 0,#0000 50%);display:flex;inset:0;justify-content:center;opacity:0;padding:1rem;position:absolute;transition:opacity .3s ease}.image-card:hover .card-overlay{opacity:1}.expand-btn{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#fff;cursor:pointer;display:flex;height:44px;justify-content:center;transition:all .2s ease;width:44px}.expand-btn:hover{background:var(--accent-secondary);border-color:var(--accent-secondary);transform:scale(1.1)}.object-badge{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:8px;color:#fff;display:flex;font-size:.8rem;font-weight:600;gap:.35rem;padding:.4rem .75rem;position:absolute;right:.75rem;top:.75rem}.object-badge svg{color:var(--accent-secondary);font-size:.9rem}.card-content{padding:1.25rem}.image-card.list .card-content{display:flex;flex-direction:column;justify-content:center}.card-title{color:var(--text-primary);font-size:.95rem;font-weight:600;margin:0 0 .75rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.card-objects{display:flex;flex-wrap:wrap;gap:.5rem}.object-tag{background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:6px;color:var(--text-secondary);display:inline-block;font-size:.75rem;font-weight:500;padding:.35rem .7rem;transition:all .2s ease}.object-tag.highlight{background:#6366f126;border-color:#6366f14d;color:var(--accent-secondary)}.object-tag.more{background:var(--bg-primary);color:var(--text-muted);font-style:italic}.modal-backdrop{align-items:center;animation:fadeIn .2s ease;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:#0a0e1af2;display:flex;inset:0;justify-content:center;padding:2rem;position:fixed;z-index:2000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.modal-container{animation:modalSlideIn .3s ease;-webkit-backdrop-filter:blur(20px);backdrop-filter:blur(20px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:24px;display:flex;flex-direction:column;max-height:90vh;max-width:90vw;overflow:hidden;position:relative}@keyframes modalSlideIn{0%{opacity:0;transform:scale(.95) translateY(20px)}to{opacity:1;transform:scale(1) translateY(0)}}.modal-close{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;color:#fff;cursor:pointer;display:flex;font-size:1.25rem;height:44px;justify-content:center;position:absolute;right:1rem;top:1rem;transition:all .2s ease;width:44px;z-index:10}.modal-close:hover{background:var(--accent-primary);border-color:var(--accent-primary);transform:rotate(90deg)}.modal-zoom-controls{align-items:center;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:var(--glass-bg);border:1px solid var(--glass-border);border-radius:12px;display:flex;gap:.5rem;left:50%;padding:.5rem .75rem;position:absolute;top:1rem;transform:translateX(-50%);z-index:10}.modal-zoom-controls button{align-items:center;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:8px;color:var(--text-primary);cursor:pointer;display:flex;font-size:1.25rem;font-weight:600;height:32px;justify-content:center;transition:all .2s ease;width:32px}.modal-zoom-controls button:hover:not(:disabled){background:var(--accent-primary);border-color:var(--accent-primary);color:#fff}.modal-zoom-controls button:disabled{cursor:not-allowed;opacity:.4}.modal-zoom-controls .reset-btn{font-size:.75rem;letter-spacing:.5px;padding:0 .75rem;text-transform:uppercase;width:auto}.modal-zoom-controls .zoom-level{color:var(--text-muted);font-size:.8rem;font-weight:600;min-width:45px;text-align:center}.modal-image{align-items:center;display:flex;justify-content:center;max-height:70vh;overflow:hidden;position:relative;-webkit-user-select:none;user-select:none}.modal-image-wrapper{transform-origin:center center;will-change:transform}.modal-image canvas,.modal-image img{height:auto;max-height:70vh;max-width:100%;object-fit:contain;pointer-events:none}.modal-hint{color:var(--text-muted);font-size:.75rem;margin:.5rem 0 0;opacity:.7;padding:.5rem;text-align:center}.modal-info{border-top:1px solid var(--glass-border);padding:1.5rem 2rem}.modal-info h3{color:var(--text-primary);font-size:1.1rem;font-weight:600;margin:0 0 1rem}.modal-stats{display:flex;gap:2rem;margin-bottom:1rem}.modal-stat{display:flex;flex-direction:column}.modal-stat .stat-value{-webkit-text-fill-color:#0000;background:var(--gradient-1);-webkit-background-clip:text;background-clip:text;font-size:1.75rem;font-weight:800}.modal-stat .stat-label{color:var(--text-muted);font-size:.8rem;letter-spacing:.5px;text-transform:uppercase}.modal-objects{display:flex;flex-wrap:wrap;gap:.5rem}.modal-object-tag{align-items:center;background:var(--bg-secondary);border:1px solid var(--glass-border);border-radius:10px;display:inline-flex;font-size:.85rem;gap:.5rem;padding:.5rem 1rem}.modal-object-tag strong{color:var(--text-primary)}.modal-object-tag span{color:var(--accent-secondary);font-weight:700}@media (max-width:1200px){.results-grid.grid{gap:1rem;grid-template-columns:repeat(3,1fr)}}@media (max-width:1024px){.results-grid.grid{grid-template-columns:repeat(2,1fr)}.modal-container{max-width:90vw}}@media (max-width:768px){.results-header{align-items:flex-start;flex-direction:column;gap:1rem;padding:1.25rem}.results-title{width:100%}.results-controls{flex-wrap:wrap;justify-content:space-between;width:100%}.control-group{flex:1 1;min-width:auto}.results-grid.grid{gap:.75rem;grid-template-columns:1fr 1fr}.image-card{border-radius:12px}.card-info{padding:.75rem}.image-filename{font-size:.8rem}.image-card.list{grid-template-columns:1fr}.modal-container{border-radius:16px;margin:.5rem;max-height:95vh;max-width:98vw}.modal-zoom-controls{gap:.25rem;padding:.4rem .5rem;top:.75rem}.modal-zoom-controls button{height:36px;width:36px}.modal-zoom-controls .reset-btn{display:none}.modal-image{max-height:55vh}.modal-info{padding:1rem}.modal-stats{gap:1.5rem}.columns-control,.toggle-btn span{display:none}.toggle-btn{padding:.5rem .75rem}.export-btn span{display:none}.view-btn{padding:.5rem .75rem}}@media (max-width:480px){.results-grid.grid{gap:.75rem;grid-template-columns:1fr}.results-header{padding:1rem}.results-controls{gap:.5rem}.object-tags{gap:.25rem}.object-tag{font-size:.65rem;padding:.2rem .5rem}.modal-container{border-radius:12px}.modal-close{height:36px;right:.5rem;top:.5rem;width:36px}.modal-info h3{font-size:.95rem}.modal-stat .stat-value{font-size:1.5rem}.modal-objects{gap:.35rem}.modal-object-tag{font-size:.75rem;padding:.35rem .75rem}.modal-hint{font-size:.7rem;padding:.25rem}}[data-theme=light] .results-section{background:#ffffffd9;border-color:#64748b33;box-shadow:0 4px 30px #00000014}[data-theme=light] .results-header{background:linear-gradient(135deg,#22c55e14,#10b9810d)}[data-theme=light] .results-header h2{color:#1e293b}[data-theme=light] .results-header .results-count{color:#64748b}[data-theme=light] .toggle-btn{background:#f1f5f9e6;border-color:#64748b33;color:#475569}[data-theme=light] .toggle-btn:hover{background:#6366f114}[data-theme=light] .toggle-btn.active{background:#6366f11a;border-color:#6366f166;color:#4f46e5}[data-theme=light] .image-card{background:#f1f5f9e6;border-color:#64748b26}[data-theme=light] .image-card:hover{border-color:#6366f14d;box-shadow:0 8px 30px #0000001a}[data-theme=light] .image-filename{color:#1e293b}[data-theme=light] .image-meta{color:#64748b}[data-theme=light] .detection-tag{background:#6366f11a;border-color:#6366f133;color:#4f46e5}[data-theme=light] .modal-overlay{background:#00000080}[data-theme=light] .modal-container{background:#fffffffa;border-color:#64748b33}[data-theme=light] .modal-title{color:#1e293b}[data-theme=light] .modal-info{background:#f1f5f9e6}[data-theme=light] .info-label{color:#64748b}[data-theme=light] .empty-state h3,[data-theme=light] .info-value{color:#1e293b}[data-theme=light] .empty-state p,[data-theme=light] .loading-text{color:#64748b}[data-theme=light] .columns-slider{background:#64748b33}[data-theme=light] .columns-label{color:#475569}:root{--nav-bg:#0a0f1ebf;--nav-border:#6366f11a;--nav-shadow:#0000004d;--nav-text:#94a3b8cc;--nav-text-hover:#fff;--nav-accent:#6366f1;--nav-accent-light:#6366f11a;--nav-accent-glow:#6366f180;--nav-icon-bg:#6366f114;--nav-trigger-bg:#6366f11f}[data-theme=light],body.light-theme{--nav-bg:#ffffffd9;--nav-border:#6366f126;--nav-shadow:#0000001a;--nav-text:#475569e6;--nav-text-hover:#1e293b;--nav-accent:#6366f1;--nav-accent-light:#6366f114;--nav-accent-glow:#6366f14d;--nav-icon-bg:#6366f10f;--nav-trigger-bg:#6366f11a}.sidenav-trigger{cursor:pointer;height:100px;position:fixed;right:6px;top:50%;transform:translateY(-50%);transition:all .3s cubic-bezier(.4,0,.2,1);width:6px;z-index:1000}.trigger-track{background:#6366f11f;background:var(--nav-trigger-bg);border-radius:3px;height:100%;margin:0 auto;overflow:hidden;position:relative;width:3px}.trigger-progress{background:linear-gradient(180deg,#a855f7,#6366f1);background:linear-gradient(180deg,#a855f7,var(--nav-accent));border-radius:3px;bottom:0;box-shadow:0 0 6px #6366f180;box-shadow:0 0 6px var(--nav-accent-glow);left:0;position:absolute;transition:height .1s ease-out;width:100%}.trigger-pulse{animation:pulse-ring 2.5s ease-out infinite;background:radial-gradient(circle,#6366f11a,#0000 70%);background:radial-gradient(circle,var(--nav-accent-light),#0000 70%);border-radius:50%;height:16px;left:50%;pointer-events:none;position:absolute;top:50%;transform:translate(-50%,-50%);width:16px}@keyframes pulse-ring{0%{opacity:.8;transform:translate(-50%,-50%) scale(.8)}to{opacity:0;transform:translate(-50%,-50%) scale(1.8)}}.sidenav-trigger:hover .trigger-track{background:#6366f11a;background:var(--nav-accent-light);width:4px}.sidenav-trigger.hidden{opacity:0;pointer-events:none;transform:translateY(-50%) translateX(15px)}.sidenav{backdrop-filter:blur(16px);-webkit-backdrop-filter:blur(16px);background:#0a0f1ebf;background:var(--nav-bg);border:1px solid #6366f11a;border:1px solid var(--nav-border);border-radius:12px 0 0 12px;border-right:none;box-shadow:-10px 0 30px #0000004d;box-shadow:-10px 0 30px var(--nav-shadow);display:flex;flex-direction:column;overflow:hidden;position:fixed;right:-140px;top:50%;transform:translateY(-50%);transition:right .35s cubic-bezier(.16,1,.3,1);width:130px;z-index:1001}.sidenav.expanded{right:0}.sidenav-progress-bar{background:#6366f11a;background:var(--nav-accent-light);flex-shrink:0;height:2px;position:relative}.sidenav-progress-fill{background:linear-gradient(90deg,#6366f1,#a855f7);background:linear-gradient(90deg,var(--nav-accent),#a855f7);border-radius:0 2px 2px 0;box-shadow:0 0 6px #6366f180;box-shadow:0 0 6px var(--nav-accent-glow);height:100%;transition:width .1s ease-out}.sidenav-menu{flex:1 1;list-style:none;margin:0;overflow-y:auto;padding:.4rem .35rem}.sidenav-menu::-webkit-scrollbar{width:0}.sidenav-item{margin:.1rem 0;opacity:0;transform:translateX(20px);transition:all .35s cubic-bezier(.16,1,.3,1)}.sidenav.expanded .sidenav-item{opacity:1;transform:translateX(0);transition-delay:var(--delay)}.sidenav-link{align-items:center;background:#0000;border:none;border-radius:6px;color:#94a3b8cc;color:var(--nav-text);cursor:pointer;display:flex;font-family:inherit;font-size:.65rem;font-weight:500;gap:.4rem;padding:.35rem .4rem;position:relative;text-align:left;transition:all .2s ease;width:100%}.sidenav-link:hover{background:#6366f11a;background:var(--nav-accent-light);color:#fff;color:var(--nav-text-hover);transform:translateX(-2px)}.sidenav-link:active{transform:translateX(-1px) scale(.98)}.sidenav-link.active{background:#6366f11a;background:var(--nav-accent-light);color:#fff;color:var(--nav-text-hover)}.sidenav-icon{align-items:center;background:#6366f114;background:var(--nav-icon-bg);border-radius:5px;color:#6366f1;color:var(--nav-accent);display:flex;flex-shrink:0;font-size:.65rem;height:20px;justify-content:center;transition:all .2s ease;width:20px}.sidenav-link:hover .sidenav-icon{background:#6366f11a;background:var(--nav-accent-light);color:#a5b4fc;transform:scale(1.05)}.sidenav-link.active .sidenav-icon{background:#6366f11a;background:var(--nav-accent-light);box-shadow:0 0 8px #6366f180;box-shadow:0 0 8px var(--nav-accent-glow);color:#6366f1;color:var(--nav-accent)}.sidenav-label{flex:1 1;letter-spacing:.1px}.sidenav-dot{animation:dot-pulse 2.5s ease-in-out infinite;background:#6366f1;background:var(--nav-accent);border-radius:50%;box-shadow:0 0 4px #6366f180;box-shadow:0 0 4px var(--nav-accent-glow);height:3px;width:3px}@keyframes dot-pulse{0%,to{opacity:1;transform:scale(1)}50%{opacity:.6;transform:scale(.8)}}.sidenav-top-btn{align-items:center;background:#6366f114;background:var(--nav-icon-bg);border:1px solid #6366f11a;border:1px solid var(--nav-border);border-radius:6px;color:#6366f1;color:var(--nav-accent);cursor:pointer;display:flex;flex-shrink:0;font-size:.65rem;justify-content:center;margin:.25rem .35rem .4rem;padding:.3rem;transition:all .2s ease}.sidenav-top-btn:hover{background:#6366f11a;background:var(--nav-accent-light);border-color:#6366f1;border-color:var(--nav-accent);box-shadow:0 2px 10px #6366f180;box-shadow:0 2px 10px var(--nav-accent-glow);color:#fff;color:var(--nav-text-hover);transform:translateY(-1px)}@media (max-width:768px){.sidenav-trigger{height:70px}.sidenav{right:-110px;width:110px}.sidenav-link{font-size:.6rem;gap:.35rem;padding:.3rem .35rem}.sidenav-icon{font-size:.6rem;height:18px;width:18px}}.sidenav:before{background:radial-gradient(ellipse at 0 50%,#6366f11a 0,#0000 40%);background:radial-gradient(ellipse at 0 50%,var(--nav-accent-light) 0,#0000 40%);bottom:0;content:"";left:0;opacity:.5;pointer-events:none;position:absolute;right:0;top:0}
/*# sourceMappingURL=main.f0fe6b92.css.map*/