@import"https://fonts.googleapis.com/css2?family=Geist:wght@400;500;600;700;800&family=Space+Grotesk:wght@400;500;600;700&display=swap";*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif;margin:0;padding:0 0 150px;background:linear-gradient(180deg,#f5fbff,#fff 60%,#f4f7ff);color:#1f2933;min-height:100vh;transition:background .3s ease,color .3s ease}body.theme-dark{background:radial-gradient(circle at top,#020617,#020617 40%,#020617);color:#e5e7eb}#root{width:100%;margin:0;padding:0;box-sizing:border-box}.app-header{width:100%;background:#fffc;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);border-bottom:1px solid rgba(226,232,240,.5);position:sticky;top:0;z-index:100;transition:background .3s ease,border-color .3s ease}body.theme-dark .app-header{background:#0f172acc;border-bottom-color:#1f293780}.app-header__container{max-width:1400px;margin:0 auto;padding:16px 28px;display:flex;align-items:center;justify-content:space-between;gap:16px}.app-header__actions{display:flex;align-items:center;gap:20px;flex-shrink:0}.app-header__logo{display:flex;align-items:center;gap:12px}.app-header__logo-img{height:60px;width:auto;max-width:300px;display:block;object-fit:contain}.app-header__title{font-size:20px;font-weight:700;color:#111827;margin:0;background:linear-gradient(135deg,#2196f3,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.theme-dark .app-header__title{background:linear-gradient(135deg,#2196f3,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero{width:calc(100% - 56px);max-width:1400px;margin:40px auto 0;padding:60px 40px;background:#fff;border-radius:24px;box-shadow:0 10px 40px #0f172a14;transition:background .3s ease,box-shadow .3s ease;box-sizing:border-box}body.theme-dark .hero{background:radial-gradient(circle at top left,#1f2937,#020617);box-shadow:0 10px 40px #0f172a80}.hero__container{width:100%;display:grid;grid-template-columns:1fr 1fr;gap:60px;align-items:center}.hero__content{display:flex;flex-direction:column;gap:24px;align-items:flex-start}.hero__badge{display:inline-block;padding:6px 12px;background:linear-gradient(135deg,#dbeafe,#bfdbfe);color:#2196f3;border-radius:999px;font-size:13px;font-weight:600;letter-spacing:.02em}body.theme-dark .hero__badge{background:linear-gradient(135deg,#2196f333,#2196f34d);color:#2196f3}.hero__title{font-size:56px;font-weight:800;line-height:1.1;color:#111827;margin:0;letter-spacing:-.02em}.hero__title-highlight{color:#2196f3;background:linear-gradient(135deg,#2196f3,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}body.theme-dark .hero__title{color:#f9fafb}body.theme-dark .hero__title-highlight{background:linear-gradient(135deg,#2196f3,#2196f3);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text}.hero__description{font-size:18px;line-height:1.7;color:#6b7280;margin:0;max-width:520px}body.theme-dark .hero__description{color:#9ca3af}.hero__actions{display:flex;gap:12px;flex-wrap:wrap;margin-top:8px}.hero__btn-primary{font-size:15px;padding:14px 28px}.hero__btn-secondary{font-size:15px;padding:14px 28px;background:#fff;border:1.5px solid #e5e7eb;color:#111827}.hero__btn-secondary:hover:not(:disabled){background:#f9fafb;border-color:#d1d5db;transform:translateY(-1px)}body.theme-dark .hero__btn-secondary{background:#0f172acc;border-color:#374151;color:#e5e7eb}body.theme-dark .hero__btn-secondary:hover:not(:disabled){background:#1f2937e6;border-color:#4b5563}.hero__demo{display:flex;justify-content:center;align-items:flex-start}.hero__demo-card{width:100%;max-width:600px;background:#fff;border-radius:16px;box-shadow:0 10px 40px #0000001a;overflow:hidden;transition:box-shadow .3s ease,transform .3s ease}.hero__demo-card:hover{transform:translateY(-2px);box-shadow:0 16px 48px #00000026}body.theme-dark .hero__demo-card{background:#1f2937e6;box-shadow:0 10px 40px #0006}body.theme-dark .hero__demo-card:hover{box-shadow:0 16px 48px #00000080}body.landing-body{padding:0;background:#f3f4f6;color:#14243d}html:has(body.landing-body){scroll-behavior:smooth}.landing-page [id]{scroll-margin-top:32px}@media (prefers-reduced-motion: reduce){html:has(body.landing-body){scroll-behavior:auto}}.landing-page{--blue: #4197f5;--codia-blue: #4397f3;--blue-2: #83c2ff;--ink: #11233c;--black: #1d1d1b;--muted: #7c7c7e;--panel: #ffffff;--navy: #11233c;--navy-2: #0e2037;--line: #d8e2ef;--soft: #e7f4ff;min-height:100vh;background:#f4f5f6;color:var(--ink);font-family:Geist,Inter,system-ui,-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}.landing-page a{color:inherit;text-decoration:none}.landing-page button,.landing-page input,.landing-page textarea,.landing-page select{font:inherit}.landing-hero{margin:0 auto;padding:58px 62px 52px;min-height:100vh;background:linear-gradient(180deg,#f8fbff,#deefff 62%,#d9eafe);border-bottom-left-radius:50px;border-bottom-right-radius:50px}.landing-nav{max-width:1280px;height:96px;margin:0 auto 50px;padding:0 50px;display:flex;align-items:center;justify-content:space-between;gap:32px;background:#ffffffdb;border:1px solid rgba(255,255,255,.94);border-radius:30px;box-shadow:0 24px 60px #4a739c17;transition:box-shadow .35s cubic-bezier(.4,0,.2,1),transform .35s cubic-bezier(.4,0,.2,1)}.landing-nav:hover{box-shadow:0 28px 64px #4a739c21}.landing-brand{display:inline-flex;align-items:center;gap:12px;min-width:max-content;font-family:Space Grotesk,Geist,sans-serif;font-size:20px;color:var(--black);transition:opacity .25s ease,transform .25s cubic-bezier(.4,0,.2,1)}.landing-brand:hover{opacity:.85;transform:translateY(-1px)}.landing-brand img{height:54px;width:auto;display:block;object-fit:contain}.landing-nav nav,.landing-anchor-nav{display:flex;align-items:center;gap:36px}.landing-nav nav a,.landing-anchor-nav a{position:relative;font-size:14px;font-weight:500;color:#7c7c7e;letter-spacing:.2px;transition:color .25s cubic-bezier(.4,0,.2,1)}.landing-nav nav a:after,.landing-anchor-nav a:after{content:"";position:absolute;left:0;bottom:-6px;width:100%;height:2px;border-radius:999px;background:var(--codia-blue);transform:scaleX(0);transform-origin:center;transition:transform .28s cubic-bezier(.4,0,.2,1)}.landing-nav nav a:hover,.landing-anchor-nav a:hover{color:var(--codia-blue)}.landing-nav nav a:hover:after,.landing-anchor-nav a:hover:after{transform:scaleX(1)}.landing-button{min-height:48px;padding:0 30px;display:inline-flex;align-items:center;justify-content:center;gap:20px;border:0;border-radius:10px;background:var(--codia-blue);color:#fff;font-family:Space Grotesk,Geist,sans-serif;font-weight:500;cursor:pointer;box-shadow:0 12px 26px #4197f538;transition:transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1),background-color .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1)}.landing-button span{display:inline-block;transition:transform .28s cubic-bezier(.4,0,.2,1)}.landing-button:hover{transform:translateY(-2px);box-shadow:0 18px 36px #4197f557}.landing-button:hover span{transform:translate(5px)}.landing-button:active{transform:translateY(0) scale(.98);box-shadow:0 8px 18px #4197f53d;transition-duration:.1s}.landing-button:focus-visible{outline:2px solid var(--codia-blue);outline-offset:3px}.landing-nav__cta{display:flex;align-items:center;gap:12px}.landing-button--small{min-height:42px;padding:0 28px;font-size:14px}.landing-button--light{background:#fff;color:var(--codia-blue);box-shadow:0 4px 14px #4197f514}.landing-button--light:hover{background:#f0f7ff;box-shadow:0 12px 28px #4197f529}.landing-button--outline{width:100%;min-height:44px;border:1px solid rgba(255,255,255,.32);background:transparent;box-shadow:none}.landing-button--outline:hover{background:#ffffff1a;border-color:#ffffff8c;box-shadow:0 8px 24px #0000001f}.landing-hero__copy{max-width:1200px;margin:0 auto;display:flex;flex-direction:column;align-items:center;text-align:center}.landing-pill{display:inline-flex;align-items:center;justify-content:center;min-height:28px;padding:0 18px;border-radius:999px;background:#4397f31a;color:var(--codia-blue);font-size:12px;font-weight:700;line-height:1;text-transform:uppercase}.landing-pill--dark{background:#4897ed21;color:#a9d4ff}.landing-hero h1{margin:30px 0 20px;color:var(--black);font-family:Space Grotesk,Geist,sans-serif;font-size:clamp(54px,6.7vw,96px);font-weight:500;line-height:1.14;letter-spacing:0}.landing-hero h1 span{display:block;color:var(--codia-blue)}.landing-hero__copy p{max-width:760px;margin:0;color:#7c7c7e;font-size:24px;line-height:1.3}.landing-actions{margin-top:44px;display:flex;justify-content:center;gap:20px;flex-wrap:wrap}.landing-machine{position:relative;max-width:1320px;aspect-ratio:2 / 1;margin:52px auto 44px;overflow:hidden;border-radius:50px;background:#d9e4f1;box-shadow:inset 0 1px #ffffffb3,0 30px 70px #34557e29;transition:transform .45s cubic-bezier(.4,0,.2,1),box-shadow .45s cubic-bezier(.4,0,.2,1);animation:landing-hero-in .8s cubic-bezier(.4,0,.2,1) .22s both}.landing-machine:hover{transform:translateY(-4px);box-shadow:inset 0 1px #ffffffb3,0 36px 80px #34557e38}.landing-machine:before,.landing-machine:after{display:none;content:"";position:absolute;left:5%;right:5%;height:16px;border-radius:999px;background:linear-gradient(90deg,#566274,#202a37,#69758a);box-shadow:0 18px 34px #0003}.landing-machine img{width:100%;height:100%;display:block;object-fit:cover}.landing-machine:before{top:36%}.landing-machine:after{top:42%}.landing-machine__gantry{position:absolute;left:18%;right:10%;top:31%;height:10px;background:#6b7687;border-radius:999px;box-shadow:0 13px #3b4655;z-index:2}.landing-machine__gantry span{position:absolute;top:-8px;width:24px;height:70px;border-radius:6px;background:linear-gradient(180deg,#8795a8,#4b5666)}.landing-machine__gantry span:nth-child(1){left:12%}.landing-machine__gantry span:nth-child(2){left:48%}.landing-machine__gantry span:nth-child(3){left:82%}.landing-machine__belt{position:absolute;left:7%;right:4%;top:45%;height:24%;border-radius:4px;background:repeating-linear-gradient(90deg,rgba(255,255,255,.04) 0 2px,transparent 2px 8px),linear-gradient(180deg,#18202b,#05080d);transform:perspective(900px) rotateX(18deg);box-shadow:0 18px 20px #030b154d}.landing-scan{position:absolute;top:7%;width:28%;height:86%;border:1px solid currentColor;background-image:linear-gradient(currentColor 1px,transparent 1px),linear-gradient(90deg,currentColor 1px,transparent 1px);background-size:22px 22px;opacity:.85;filter:drop-shadow(0 0 16px currentColor)}.landing-scan--blue{left:8%;color:#32a3ff}.landing-scan--green{left:38%;color:#2adf91}.landing-scan--violet{left:67%;color:#a75bff}.landing-machine__module{position:absolute;z-index:4;min-width:220px;padding:18px 26px;border:1px solid currentColor;border-radius:7px;background:#12233ad1;color:#49a7ff;text-transform:uppercase;box-shadow:0 0 18px currentColor}.landing-machine__module:after{content:"";position:absolute;left:50%;top:100%;width:2px;height:112px;background:currentColor;box-shadow:0 0 18px currentColor}.landing-machine__module strong{color:#d6eeff;font-size:15px;line-height:1.2}.landing-machine__module span{display:block;margin-top:4px;color:#d6fff1;font-size:12px}.landing-machine__module--blue{left:18%;top:15%}.landing-machine__module--green{left:43%;top:16%;color:#52e6a6}.landing-machine__module--violet{right:11%;top:17%;color:#b46dff}.landing-machine__brain{position:absolute;left:50%;bottom:10%;width:130px;height:78px;display:grid;place-items:center;border-radius:12px;background:#122033;color:#dce9ff;transform:translate(-50%);box-shadow:0 0 0 1px #1d87ff,0 0 28px #1d87ff}.landing-applications{max-width:1320px;min-height:64px;margin:0 auto;padding:12px 50px;display:grid;grid-template-columns:repeat(6,1fr);align-items:center;gap:22px;border:1px solid rgba(255,255,255,.86);border-radius:30px;background:#ffffff9e;animation:landing-hero-in .7s cubic-bezier(.4,0,.2,1) .35s both}.landing-applications span{display:inline-flex;align-items:center;gap:12px;white-space:nowrap;transition:transform .28s cubic-bezier(.4,0,.2,1),color .28s ease}.landing-applications span:hover{transform:translateY(-2px);color:var(--codia-blue)}.landing-applications i{width:18px;height:18px;display:inline-grid;place-items:center;border:1px solid var(--codia-blue);border-radius:5px;color:var(--codia-blue);font-size:10px;font-style:normal}.landing-section,.landing-engine,.landing-config,.landing-pricing,.landing-pilot,.landing-contact,.landing-footer{max-width:1360px;margin:0 auto;padding:80px 54px}.landing-anchor-nav{justify-content:center;gap:34px;margin-bottom:50px}.landing-problem,.landing-pricing,.landing-engine{padding:70px;border-radius:30px;background:linear-gradient(135deg,var(--navy) 0%,var(--navy-2) 100%);color:#fff}.landing-problem{text-align:center}.landing-problem h2,.landing-section h2,.landing-engine h2,.landing-config h2,.landing-pricing h2,.landing-pilot h2,.landing-contact h2{margin:26px 0 20px;font-family:Space Grotesk,Geist,sans-serif;font-size:clamp(36px,4vw,58px);font-weight:500;line-height:.98;letter-spacing:0}.landing-problem>p,.landing-section>p,.landing-engine>p,.landing-pricing>p,.landing-pilot p,.landing-config p,.landing-contact p{margin:0;color:var(--muted);font-size:17px;line-height:1.55}.landing-problem>p,.landing-engine>p,.landing-pricing>p{color:#ffffffb8}.landing-stat-grid{margin-top:48px;display:grid;grid-template-columns:repeat(4,1fr);gap:22px}.landing-stat-grid article{min-height:130px;padding:28px;border:1px solid rgba(132,194,255,.28);border-radius:20px;background:linear-gradient(145deg,#458fd96b,#295381b8);text-align:left;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s ease}.landing-stat-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0000002e}.landing-stat-grid strong{display:block;margin-bottom:16px;font-size:38px}.landing-stat-grid span,.landing-problem__note{color:#ffffffd1;font-size:13px;line-height:1.45}.landing-problem__note{margin-top:34px;padding:22px 28px;border-radius:9px;background:#458fd93d;text-align:left}.landing-section--center{text-align:center}.landing-step-grid,.landing-benefits,.landing-plan-grid,.landing-engine__grid{margin-top:48px;display:grid;grid-template-columns:repeat(3,1fr);gap:22px}.landing-step-grid article{position:relative;min-height:290px;padding:42px 36px;border-radius:30px;background:var(--navy-2);color:#fff;text-align:left;overflow:hidden;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.landing-step-grid article:hover{transform:translateY(-4px);box-shadow:0 20px 44px #0e203747}.landing-step-grid b{position:absolute;right:28px;top:18px;color:#4197f54d;font-size:72px}.landing-step-icon{display:flex;align-items:center;justify-content:center;width:80px;height:80px;margin-bottom:42px;border-radius:20px;background:#4397f31a}.landing-step-icon img{width:48px;height:48px;object-fit:contain}.landing-step-grid h3,.landing-benefits h3,.landing-engine h3{margin:0 0 18px;font-size:20px;line-height:1.15}.landing-step-grid p,.landing-benefits p,.landing-engine__grid p{color:#ffffffad;line-height:1.5}.landing-video{height:380px;margin-top:28px;display:grid;place-items:center;align-content:center;gap:10px;border-radius:30px;background:#1d1d1b;color:#fff}.landing-video button{width:58px;height:58px;border:0;border-radius:50%;background:#4197f552;color:var(--blue-2);cursor:pointer;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,box-shadow .3s ease}.landing-video button:hover{transform:scale(1.08);background:#4197f580;box-shadow:0 0 0 12px #4197f526}.landing-video button:active{transform:scale(.96)}.landing-video span{color:#ffffff6b}.landing-tabs{margin:34px 0 40px;display:flex;justify-content:center;gap:26px}.landing-tabs button{width:150px;height:52px;border:0;border-radius:7px;background:#fff;color:#8a8f98;font-size:13px;font-weight:800;text-transform:uppercase;cursor:pointer;transition:background-color .28s cubic-bezier(.4,0,.2,1),color .28s cubic-bezier(.4,0,.2,1),transform .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1)}.landing-tabs button:hover:not(.is-active){transform:translateY(-2px);box-shadow:0 8px 20px #14243d14;color:var(--codia-blue)}.landing-tabs button.is-active{background:var(--codia-blue);color:#fff;box-shadow:0 10px 24px #4197f547}.landing-module{padding:44px;display:grid;grid-template-columns:1fr .82fr;gap:48px;border:1px solid var(--codia-blue);border-radius:30px;background:#e7f4ff;text-align:left;animation:landing-fade-up .45s cubic-bezier(.4,0,.2,1) both}.landing-module h3{max-width:560px;margin:18px 0;font-size:38px;line-height:1.05}.landing-module p{color:var(--muted);line-height:1.5}.landing-metrics{margin:26px 0;display:flex;flex-wrap:wrap;gap:14px}.landing-metrics strong{flex:1 1 150px;max-width:220px;padding:16px;border-radius:10px;background:#d6ecff;color:var(--codia-blue);font-size:24px}.landing-metrics small{display:block;margin-top:8px;color:#7a8da0;font-size:9px;text-transform:uppercase}.landing-tags{display:flex;flex-wrap:wrap;gap:10px}.landing-tags span,.landing-ideal span{padding:9px 14px;border-radius:999px;background:#fff;font-size:12px}.landing-module__visual{position:relative;min-height:360px;overflow:hidden;border-radius:30px;background:#101c2d}.landing-module__visual img{width:100%;height:100%;min-height:360px;display:block;object-fit:cover}.landing-fabric-frame{position:absolute;top:26px;right:26px;bottom:26px;left:26px;background:repeating-linear-gradient(0deg,rgba(255,255,255,.08) 0 1px,transparent 1px 8px),linear-gradient(150deg,#7e8995,#171d24);transform:perspective(700px) rotateX(18deg)}.landing-fabric-frame span{position:absolute;width:56px;height:38px;border:2px solid #ff7aa6;box-shadow:0 0 14px #ff7aa6}.landing-fabric-frame span:nth-child(1){left:23%;top:34%}.landing-fabric-frame span:nth-child(2){left:49%;top:38%}.landing-fabric-frame span:nth-child(3){right:18%;bottom:18%}.landing-ideal{position:absolute;left:28px;right:28px;bottom:24px;padding:16px;display:flex;flex-wrap:wrap;gap:9px;border-radius:12px;background:#fffc}.landing-ideal strong{width:100%;color:#687789;text-transform:uppercase;font-size:11px}.landing-gallery{margin-top:26px;padding:24px 30px;display:grid;grid-template-columns:repeat(6,1fr);gap:24px;border-radius:30px;background:#fff9}.landing-gallery span{display:flex;flex-direction:column;gap:10px;color:#1d1d1b;font-size:13.5px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.landing-gallery span:hover{transform:translateY(-3px)}.landing-gallery__photo{display:block;aspect-ratio:180 / 119;overflow:hidden;border-radius:8px}.landing-gallery__photo img{width:100%;height:100%;display:block;object-fit:cover;transition:transform .45s cubic-bezier(.4,0,.2,1)}.landing-gallery span:hover .landing-gallery__photo img{transform:scale(1.06)}.landing-gallery b{display:flex;align-items:center;gap:8px;font-weight:500;letter-spacing:.17px}.landing-gallery__icon{width:20px;height:20px;flex-shrink:0;object-fit:contain}.landing-engine h2{max-width:760px}.landing-engine>p{max-width:1000px}.landing-engine__grid article{padding:28px;border:1px solid rgba(255,255,255,.15);border-radius:16px;background:#ffffff0a;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .3s ease,border-color .3s ease}.landing-engine__grid article:hover{transform:translateY(-3px);background:#ffffff12;border-color:#84c2ff59}.landing-engine__icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;margin-bottom:18px;border-radius:10px;background:#4397f31a}.landing-engine__icon img{width:20px;height:20px;object-fit:contain}.landing-config{margin-top:30px;border-radius:30px;background:#fff}.landing-config>div:first-child{display:flex;align-items:center;gap:26px}.landing-config__head{margin-top:24px;display:flex;align-items:flex-start;justify-content:space-between;gap:24px}.landing-config__head h2{margin:0}.landing-step-badge{flex-shrink:0;padding:12px 30px;border-radius:30px;background:#4397f31a;color:var(--codia-blue);font-size:16px;font-weight:500;text-transform:uppercase;white-space:nowrap}.landing-config__lead{max-width:700px;margin-top:18px;color:var(--muted);line-height:1.5}.landing-choice-icon{width:30px;height:30px;flex-shrink:0;object-fit:contain}.landing-choice-grid{max-width:980px;margin:48px 0 40px;display:grid;grid-template-columns:repeat(3,1fr);gap:28px 42px}.landing-choice-grid--two{max-width:720px;grid-template-columns:repeat(2,1fr)}.landing-choice-grid label{position:relative;min-height:100px;display:flex;align-items:stretch;border:2px solid #edf0f4;border-radius:20px;background:#fff;box-shadow:0 4px 12px #0000000f;cursor:pointer;overflow:hidden;transition:transform .28s cubic-bezier(.4,0,.2,1),border-color .28s cubic-bezier(.4,0,.2,1),box-shadow .28s cubic-bezier(.4,0,.2,1)}.landing-choice-grid label input{position:absolute;opacity:0;pointer-events:none}.landing-choice-radio{flex-shrink:0;width:64px;display:flex;align-items:center;justify-content:center;background:#edeff4}.landing-choice-radio:before{content:"";width:24px;height:24px;border-radius:50%;background:#fff;box-shadow:inset 0 0 0 1px #d3d8e0;transition:box-shadow .2s ease,background-color .2s ease}.landing-choice-body{flex:1;display:flex;align-items:center;gap:12px;padding:0 20px;font-family:Space Grotesk,Geist,sans-serif;font-size:15px;font-weight:500;line-height:1.2}.landing-choice-grid label:hover{transform:translateY(-2px);box-shadow:0 14px 24px #14243d1a}.landing-choice-grid label.is-selected{border-color:var(--codia-blue);box-shadow:0 12px 28px #4197f52e}.landing-choice-grid label.is-selected .landing-choice-radio:before{background:#fff;box-shadow:inset 0 0 0 6px var(--codia-blue)}.landing-config__nav{display:flex;align-items:center;gap:18px;flex-wrap:wrap}.landing-config__form{max-width:760px;margin:36px 0 0;display:grid;grid-template-columns:repeat(2,1fr);gap:22px 32px}.landing-config__form label{display:flex;flex-direction:column;gap:8px;color:#7a8da0;font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.4px}.landing-config__form input{padding:14px 16px;border:1px solid #e4e9ef;border-radius:10px;background:#fff;font-size:15px;font-weight:400;text-transform:none;letter-spacing:0;color:var(--navy);transition:border-color .2s ease,box-shadow .2s ease}.landing-config__form input:focus{outline:none;border-color:var(--codia-blue);box-shadow:0 0 0 3px #4197f529}.landing-config__form .landing-config__nav{grid-column:1 / -1;margin-top:6px}.landing-config__form small{color:#9aa1aa;font-size:12px;font-weight:400;text-transform:none;letter-spacing:0;line-height:1.5}.landing-roi__grid{margin-top:54px;display:grid;grid-template-columns:1.2fr .82fr;gap:48px;align-items:start}.landing-calculator{padding:48px;border-radius:30px;background:linear-gradient(135deg,var(--navy-2),var(--navy));color:#fff}.landing-calculator h3,.landing-example h3{margin:0 0 34px;font-size:28px}.landing-range{display:block;margin-bottom:24px}.landing-range span{display:flex;justify-content:space-between;color:#ffffff9e;font-size:11px;font-weight:800;text-transform:uppercase}.landing-range span strong{color:#fff}.landing-range input{width:100%;accent-color:var(--codia-blue)}.landing-result{margin:44px 0 28px;padding:24px;display:grid;gap:18px;border-radius:20px;background:#4197f540}.landing-result span,.landing-example__rows span{display:flex;justify-content:space-between;gap:24px}.landing-example{padding:42px;border-radius:30px;background:#fff}.landing-example__sub{color:var(--muted);font-size:16px;font-weight:400}.landing-example__rows span{padding:14px 0;border-bottom:1px solid #e8ecf1}.landing-example__highlight{margin-top:26px;display:grid;gap:16px}.landing-example__highlight div{padding:22px;border:1px solid #e4e9ef;border-radius:10px}.landing-example__highlight strong{display:block;color:var(--codia-blue);font-size:28px}.landing-example small{display:block;margin-top:6px;color:#9aa1aa;line-height:1.4}.landing-benefits{grid-template-columns:repeat(3,1fr);gap:44px 62px}.landing-benefits article{min-height:190px;padding:34px;border-radius:30px;background:#fff;transition:transform .3s cubic-bezier(.4,0,.2,1),box-shadow .3s cubic-bezier(.4,0,.2,1)}.landing-benefits article:hover{transform:translateY(-4px);box-shadow:0 16px 40px #14243d14}.landing-benefit-icon{display:flex;align-items:center;justify-content:center;width:36px;height:36px;margin-bottom:24px}.landing-benefit-icon img{width:36px;height:36px;object-fit:contain}.landing-benefits p{color:var(--muted)}.landing-pricing{text-align:center}.landing-deployment{max-width:860px;margin:48px auto;padding:26px 34px;display:flex;align-items:center;justify-content:space-between;gap:32px;border-radius:20px;background:#4197f529;text-align:left}.landing-deployment h3{margin:0 0 8px}.landing-deployment p{margin:0;color:#ffffffad}.landing-plan-grid article{padding:38px;border:1px solid rgba(255,255,255,.14);border-radius:20px;background:#0000002b;text-align:left;transition:transform .3s cubic-bezier(.4,0,.2,1),border-color .3s ease,box-shadow .3s ease}.landing-plan-grid article:hover{transform:translateY(-4px);box-shadow:0 16px 36px #0003}.landing-plan-grid article.is-highlighted{border-color:var(--codia-blue);box-shadow:0 12px 32px #4197f52e}.landing-plan-grid article>span{color:#ffffff7a;font-size:12px;font-weight:800;text-transform:uppercase}.landing-plan-grid h3{margin:22px 0 12px;font-size:46px}.landing-plan-grid small{margin-left:10px;color:#ffffff8c;font-size:11px;text-transform:uppercase}.landing-plan-grid p{margin-bottom:34px;color:#ffffffad;text-transform:uppercase}.landing-plan-grid b{display:block;margin:14px 0;color:#ffffffd1;font-weight:500}.landing-plan-grid .landing-button{margin-top:34px}.landing-pilot{margin-top:44px;display:grid;grid-template-columns:1fr .72fr;gap:54px;border:1px solid var(--codia-blue);border-radius:24px;background:#dff0ff}.landing-pilot h2{color:var(--codia-blue)}.landing-pilot strong{display:block;margin:30px 0 24px;font-size:62px}.landing-pilot__visual{min-height:320px;border-radius:24px;background:url(/Frame%2068.png) center / cover no-repeat,#111b29}.landing-faq{text-align:center}.landing-faq>div{max-width:820px;margin:40px auto 0;text-align:left}.landing-faq details{padding:24px 0;border-bottom:1px solid #dfe3e8}.landing-faq summary{cursor:pointer;font-weight:800;list-style:none;display:flex;align-items:center;justify-content:space-between;gap:16px;transition:color .25s ease}.landing-faq summary::-webkit-details-marker{display:none}.landing-faq summary:after{content:"+";flex-shrink:0;width:28px;height:28px;display:grid;place-items:center;border-radius:50%;background:#eef4fb;color:var(--codia-blue);font-size:18px;line-height:1;transition:transform .3s cubic-bezier(.4,0,.2,1),background-color .25s ease}.landing-faq details[open] summary:after{content:"−";transform:rotate(180deg);background:var(--codia-blue);color:#fff}.landing-faq summary:hover{color:var(--codia-blue)}.landing-faq details p{margin:14px 0 0;color:var(--muted);line-height:1.55;animation:landing-fade-up .35s cubic-bezier(.4,0,.2,1) both}.landing-contact{max-width:none;padding-left:max(54px,calc((100vw - 1360px)/2 + 54px));padding-right:max(54px,calc((100vw - 1360px)/2 + 54px));display:grid;grid-template-columns:1fr .82fr;gap:54px;background:var(--navy);color:#fff}.landing-contact>div{grid-column:1 / -1;text-align:center}.landing-contact form{display:grid;grid-template-columns:repeat(2,1fr);gap:14px}.landing-contact input,.landing-contact select,.landing-contact textarea{width:100%;min-height:46px;padding:0 16px;border:1px solid transparent;border-radius:3px;background:#0d1727;color:#fff;transition:border-color .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),background-color .25s ease}.landing-contact input:focus,.landing-contact select:focus,.landing-contact textarea:focus{outline:none;border-color:#4197f58c;box-shadow:0 0 0 3px #4197f52e;background:#0f1c30}.landing-contact select,.landing-contact textarea,.landing-contact button{grid-column:1 / -1}.landing-contact textarea{min-height:120px;padding-top:16px;resize:vertical}.landing-contact aside{display:grid;align-content:start;gap:18px}.landing-contact aside a{color:var(--blue-2)}.landing-contact aside div{padding:24px;display:grid;gap:12px;border:1px solid rgba(131,194,255,.2);border-radius:12px;background:#ffffff0a}.landing-contact aside span{color:#ffffffb3}.landing-footer{max-width:none;padding-top:36px;padding-bottom:36px;display:flex;align-items:center;justify-content:space-between;gap:28px;background:#0c1727;color:#ffffffb3}.landing-footer nav{display:flex;gap:28px}.landing-footer nav a{transition:color .25s ease,transform .25s cubic-bezier(.4,0,.2,1)}.landing-footer nav a:hover{color:var(--codia-blue);transform:translateY(-1px)}.landing-result span strong,.landing-example span strong,.landing-example div strong{transition:color .3s ease}@keyframes landing-fade-up{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}@keyframes landing-hero-in{0%{opacity:0;transform:translateY(28px)}to{opacity:1;transform:translateY(0)}}.landing-hero__copy>*{animation:landing-hero-in .7s cubic-bezier(.4,0,.2,1) both}.landing-hero__copy>*:nth-child(1){animation-delay:.05s}.landing-hero__copy>*:nth-child(2){animation-delay:.12s}.landing-hero__copy>*:nth-child(3){animation-delay:.19s}.landing-hero__copy>*:nth-child(4){animation-delay:.26s}.landing-reveal{opacity:0;transform:translateY(24px);transition:opacity .65s cubic-bezier(.4,0,.2,1),transform .65s cubic-bezier(.4,0,.2,1)}.landing-reveal.is-visible{opacity:1;transform:translateY(0)}.landing-reveal--delay-1{transition-delay:.08s}.landing-reveal--delay-2{transition-delay:.16s}.landing-reveal--delay-3{transition-delay:.24s}@media (prefers-reduced-motion: reduce){.landing-button,.landing-button span,.landing-nav,.landing-brand,.landing-nav nav a,.landing-anchor-nav a,.landing-nav nav a:after,.landing-anchor-nav a:after,.landing-applications span,.landing-stat-grid article,.landing-step-grid article,.landing-video button,.landing-tabs button,.landing-gallery span,.landing-gallery img,.landing-engine__grid article,.landing-choice-grid label,.landing-benefits article,.landing-plan-grid article,.landing-faq summary,.landing-faq summary:after,.landing-contact input,.landing-contact select,.landing-contact textarea,.landing-footer nav a,.landing-machine,.landing-reveal{transition:none!important;animation:none!important;transform:none!important}.landing-reveal{opacity:1}.landing-hero__copy>*,.landing-machine,.landing-applications,.landing-module{animation:none!important}.landing-faq details p{animation:none!important}}@media (max-width: 1100px){.landing-hero,.landing-section,.landing-engine,.landing-config,.landing-pricing,.landing-pilot,.landing-footer{padding-left:28px;padding-right:28px}.landing-nav{height:auto;padding:22px;flex-wrap:wrap}.landing-nav nav,.landing-anchor-nav{order:3;width:100%;justify-content:center;flex-wrap:wrap;gap:18px}.landing-applications,.landing-gallery{grid-template-columns:repeat(3,1fr)}.landing-stat-grid,.landing-step-grid,.landing-benefits,.landing-plan-grid,.landing-engine__grid,.landing-choice-grid{grid-template-columns:repeat(2,1fr)}.landing-module,.landing-roi__grid,.landing-pilot,.landing-contact{grid-template-columns:1fr}}@media (max-width: 720px){.landing-hero{padding:24px 16px 34px;border-bottom-left-radius:26px;border-bottom-right-radius:26px}.landing-nav{border-radius:20px}.landing-brand{font-size:16px}.landing-button{width:100%}.landing-nav__cta{width:100%;flex-direction:column}.landing-hero h1{font-size:52px}.landing-hero__copy p{font-size:18px}.landing-machine{aspect-ratio:1.1 / 1;border-radius:24px}.landing-machine__module{min-width:132px;padding:10px 12px}.landing-machine__module strong{font-size:10px}.landing-machine__module span{font-size:8px}.landing-machine__module--blue{left:5%;top:12%}.landing-machine__module--green{left:36%;top:9%}.landing-machine__module--violet{right:4%;top:20%}.landing-applications,.landing-stat-grid,.landing-step-grid,.landing-benefits,.landing-plan-grid,.landing-engine__grid,.landing-choice-grid,.landing-config__form,.landing-gallery,.landing-metrics{grid-template-columns:1fr}.landing-problem,.landing-pricing,.landing-engine,.landing-config,.landing-module,.landing-calculator,.landing-example,.landing-pilot{padding:26px}.landing-tabs{gap:10px}.landing-tabs button{width:33%;min-width:0}.landing-contact{padding-left:24px;padding-right:24px}.landing-contact form{grid-template-columns:1fr}.landing-footer{align-items:flex-start;flex-direction:column}}.hero__demo-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#f9fafb;border-bottom:1px solid #e5e7eb}body.theme-dark .hero__demo-header{background:#0f172acc;border-bottom-color:#374151}.hero__demo-dots{display:flex;gap:4px;align-items:center}.hero__demo-dots span{width:8px;height:8px;border-radius:50%;background:#d1d5db}body.theme-dark .hero__demo-dots span{background:#6b7280}.hero__demo-title{font-size:14px;font-weight:600;color:#111827;flex:1;text-align:center}body.theme-dark .hero__demo-title{color:#e5e7eb}.hero__demo-badge{padding:4px 10px;background:#10b981;color:#fff;border-radius:999px;font-size:11px;font-weight:600;letter-spacing:.05em}.hero__demo-content{position:relative;width:100%;background:#000;border-radius:0 0 16px 16px;overflow:hidden}.hero__demo-image{width:100%;height:auto;display:block}.hero__demo-placeholder{width:100%;min-height:400px;display:flex;flex-direction:column;align-items:center;justify-content:center;background:#000;padding:40px}body.theme-dark .hero__demo-placeholder{background:#000}body.theme-dark .hero__demo-placeholder p{color:#9ca3af}@media (max-width: 1024px){.hero{margin:30px auto 0;padding:50px 30px}.hero__container{grid-template-columns:1fr;gap:50px}.hero__content{align-items:center;text-align:center}.hero__description{max-width:100%}.hero__title{font-size:42px}.hero__actions{justify-content:center}}@media (max-width: 768px){.hero{width:calc(100% - 32px);margin:20px auto 0;padding:40px 20px}.hero__title{font-size:32px}.hero__description{font-size:16px}.hero__actions{width:100%;flex-direction:column}.hero__btn-primary,.hero__btn-secondary{width:100%}.app-header__container{padding:12px 20px}.app-header__title{font-size:18px}.panel{width:calc(100% - 32px);margin:20px auto 60px;padding:20px;border-radius:16px}}.btn{display:inline-flex;align-items:center;justify-content:center;gap:6px;padding:10px 20px;border-radius:999px;font-size:14px;font-weight:600;letter-spacing:.02em;transition:transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1),background-color .25s cubic-bezier(.4,0,.2,1);font-family:inherit;border:none;cursor:pointer;will-change:transform,box-shadow}.btn--primary{background:linear-gradient(135deg,#2196f3,#2196f3);color:#fff;box-shadow:0 10px 20px #2196f359}.btn--primary:hover:not(:disabled){transform:translateY(-1px);box-shadow:0 14px 28px #2196f373;background:linear-gradient(135deg,#1e88e5,#1e88e5)}.btn--secondary{background:#fb9205;color:#fff;padding-inline:16px;box-shadow:0 8px 18px #fb92054d}.btn--secondary:hover:not(:disabled){background:#e68904;transform:translateY(-1px);box-shadow:0 12px 24px #fb920566}body.theme-dark .btn--secondary{background:#2196f324;color:#e5e7eb;border:1px solid rgba(33,150,243,.35);box-shadow:none}body.theme-dark .btn--secondary:hover:not(:disabled){background:#2196f32e;filter:none}.btn--ghost{background:transparent;border:1px solid rgba(148,163,184,.7);color:#0f172a}.btn--ghost:hover:not(:disabled){background:#0f172a08}body.theme-dark .btn--ghost{border-color:#334155;color:#e5e7eb;background:transparent}body.theme-dark .btn--ghost:hover:not(:disabled){background:#94a3b81f}.btn:disabled{opacity:.5;cursor:not-allowed;box-shadow:none}button{padding:10px 20px;margin:5px;font-size:16px;cursor:pointer;border:none;border-radius:5px;background:#2196f3;color:#fff;font-family:inherit;transition:background-color .25s cubic-bezier(.4,0,.2,1),transform .25s cubic-bezier(.4,0,.2,1),box-shadow .25s cubic-bezier(.4,0,.2,1)}button:hover:not(:disabled){background:#1e88e5;transform:translateY(-1px)}button:disabled{opacity:.5;cursor:not-allowed}.status{display:flex;align-items:center;gap:10px;margin:12px 0 0;padding:12px 16px;border-radius:10px;background:linear-gradient(135deg,#eff6ff,#eef2ff);color:#334155;font-size:14px;font-weight:500;border:1px solid rgba(148,163,184,.35);box-shadow:0 2px 8px #0f172a0f;width:fit-content;max-width:600px}body.theme-dark .status{background:#94a3b814;color:#e5e7eb;border:1px solid rgba(51,65,85,.8);box-shadow:none}body.theme-dark .status__icon{color:#94a3b8f2}body.theme-dark .status__message{color:#e5e7eb}.status__icon{display:flex;align-items:center;justify-content:center;flex-shrink:0;width:20px;height:20px}.status__message{flex:1;line-height:1.5}.status.status--success{background:linear-gradient(135deg,#d1fae5,#a7f3d0);color:#065f46;border:1px solid rgba(16,185,129,.2);box-shadow:0 2px 8px #10b9811a}body.theme-dark .status.status--success{background:#10b98114;color:#e5e7eb;border:1px solid rgba(16,185,129,.22);box-shadow:none}body.theme-dark .status.status--success .status__icon{color:#34d399f2}.status.status--error{background:linear-gradient(135deg,#fee2e2,#fecaca);color:#991b1b;border:1px solid rgba(239,68,68,.3);box-shadow:0 2px 8px #ef44441a}body.theme-dark .status.status--error{background:#ef444414;color:#e5e7eb;border:1px solid rgba(239,68,68,.22);box-shadow:none}body.theme-dark .status.status--error .status__icon{color:#f87171f2}.video-streams{display:grid;gap:20px;margin:20px 0;width:100%}.video-streams--1{grid-template-columns:1fr;justify-items:start;max-width:500px}@media (max-width: 768px){.video-streams--2{grid-template-columns:1fr}.video-streams--1{max-width:100%}}.video-container{position:relative;width:100%;aspect-ratio:4 / 3;border-radius:16px;overflow:hidden;background:#000;box-shadow:0 8px 24px #0003}body.theme-dark .video-container{box-shadow:0 8px 24px #00000080}.video{width:100%;height:100%;object-fit:contain;border-radius:16px;display:block;background:#000}body.theme-dark .video{border:none}.canvas{position:absolute;top:0;left:0;width:100%;height:100%;pointer-events:none}.log{background:#1e1e1e;color:#d4d4d4;padding:15px;border-radius:12px;max-height:300px;overflow-y:auto;font-family:monospace;font-size:12px;margin-top:20px;border:1px solid rgba(226,232,240,.2)}body.theme-dark .log{background:#0f172acc;color:#d4d4d4;border-color:#1f293780}.log-entry{margin:5px 0}.log-error{color:#f48771}.log-success{color:#4ec9b0}.detection-info{margin:10px 0;padding:12px 16px;background:#e3f2fd;border-radius:12px;font-size:14px}.detection-info--empty{visibility:hidden}body.theme-dark .detection-info{background:#94a3b814;color:#cbd5e1;border:1px solid rgba(51,65,85,.8)}body.theme-dark h1{color:#f9fafb}.model-control-panel{margin:20px 0;padding:15px;background:#f5f5f5;border-radius:5px}.model-control-panel h3{margin-bottom:10px}.model-control-item{margin:10px 0;display:flex;align-items:center}.model-control-item label{display:flex;align-items:center;cursor:pointer}.model-status{margin-left:10px;font-weight:700}.model-status.enabled{color:#4caf50}.model-status.disabled{color:#f44336}.control-form{display:flex;flex-direction:column;gap:16px;width:100%;max-width:100%;margin:0;padding:0}.control-section{display:flex;flex-direction:column;gap:10px;padding:14px;border-radius:14px;border:1px solid rgba(226,232,240,.9);background:#ffffffb3}body.theme-dark .control-section{border-color:#1f2937b3;background:#0f172a59}.control-section--actions{gap:12px}.field{display:block;width:100%;margin:0;padding:0}.field__label{font-size:13px;font-weight:600;color:#4b5563;margin:0 0 4px;padding:0;display:block}body.theme-dark .field__label{color:#e5e7eb}.field__char-count{font-size:12px;color:#6b7280;font-weight:500}body.theme-dark .field__char-count{color:#9ca3af}.field__group{display:flex;gap:8px;align-items:stretch;width:100%;margin:0;padding:0}.field__group .field__input{flex:1;min-width:0}.field__input{width:100%;padding:10px 14px;border-radius:10px;border:1px solid #e5e7eb;background:#f9fafb;font-size:14px;color:#111827;outline:none;transition:border-color .18s ease,box-shadow .18s ease,background-color .18s ease;font-family:inherit;margin-left:0;margin-right:0}.field__input:focus{border-color:#2196f3;box-shadow:0 0 0 1px #2196f32e;background:#fff}.field__input:disabled{opacity:.6;cursor:not-allowed}body.theme-dark .field__input{background:#020617;border-color:#1f2937;color:#e5e7eb}body.theme-dark .field__input:focus{border-color:#2196f3a6;box-shadow:0 0 0 1px #2196f340;background:#020617}.field__hint{font-size:12px;color:#9ca3af}body.theme-dark .field__hint{color:#6b7280}.control-form__footer{display:flex;gap:10px;margin-top:0;align-items:center;flex-wrap:wrap}.mst-channel{margin-top:10px}.mst-channel__label{font-size:12px;margin-bottom:6px}.mst-channel__slider{width:100%;margin:0}.model-pill__state{margin-left:8px;font-size:11px;font-weight:500}.model-pill__state--enabled{color:#166534}.model-pill__state--disabled{color:#991b1b}body.theme-dark .model-pill__state--enabled{color:#34d399f2}body.theme-dark .model-pill__state--disabled{color:#f87171f2}.model-list{display:flex;flex-direction:column;gap:10px;margin-top:6px}.model-pill{position:relative;display:block}.model-pill input[type=checkbox]{position:absolute;opacity:0;pointer-events:none}.model-pill__inner{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:10px;border:1px solid rgba(226,232,240,.9);background:#f9fafb;cursor:pointer;transition:border-color .18s ease,background-color .18s ease,box-shadow .18s ease,transform .08s ease}.model-pill__check{width:18px;height:18px;border-radius:4px;border:2px solid rgba(148,163,184,.9);background:#fff;flex-shrink:0;position:relative;transition:border-color .18s ease,background-color .18s ease}.model-pill__check:after{content:"";position:absolute;left:50%;top:50%;width:5px;height:9px;border:solid #ffffff;border-width:0 2px 2px 0;transform:translate(-50%,-60%) rotate(45deg) scale(0);transition:transform .18s ease}.model-pill__content{display:flex;flex-direction:column;gap:2px;flex:1}.model-pill__title{font-size:13px;font-weight:600;color:#111827}.model-pill__subtitle{font-size:11px;color:#6b7280}.model-pill input[type=checkbox]:checked+.model-pill__inner{border-color:#2196f3cc;background:linear-gradient(135deg,#dbeafecc,#fff);box-shadow:0 8px 18px #2196f340;transform:translateY(-1px)}.model-pill input[type=checkbox]:checked+.model-pill__inner .model-pill__check{border-color:#2196f3;background:linear-gradient(135deg,#2196f3,#2196f3)}.model-pill input[type=checkbox]:checked+.model-pill__inner .model-pill__check:after{transform:translate(-50%,-60%) rotate(45deg) scale(1)}.model-pill__inner:disabled{opacity:.6;cursor:not-allowed}body.theme-dark .model-pill__inner{border-color:#1f2937;background:#020617}body.theme-dark .model-pill__title{color:#e5e7eb}body.theme-dark .model-pill__subtitle{color:#9ca3af}body.theme-dark .model-pill input[type=checkbox]:checked+.model-pill__inner{background:linear-gradient(135deg,#2196f347,#0f172afa);border-color:#2196f3;box-shadow:0 10px 26px #0f172ae6}.panel{width:calc(100% - 56px);max-width:1400px;margin:40px auto 150px;background:#fff;border-radius:20px;box-shadow:0 24px 60px #0f172a29;padding:20px 24px;border:1px solid rgba(226,232,240,.9);box-sizing:border-box}body.theme-dark .panel{background:radial-gradient(circle at top left,#1f2937,#020617);border-color:#0f172ae6;box-shadow:0 30px 70px #0f172ae6}.panel__header{display:flex;align-items:center;justify-content:space-between;margin-bottom:16px;padding-bottom:12px;border-bottom:1px solid rgba(226,232,240,.5)}body.theme-dark .panel__header{border-bottom-color:#1f293780}.panel__title{font-size:20px;font-weight:700;color:#111827;margin:0}body.theme-dark .panel__title{color:#f9fafb}.panel__body{display:flex;flex-direction:column;gap:16px}.theme-toggle-wrapper{display:flex;flex-direction:column;align-items:flex-end;gap:6px}.theme-toggle-row{display:flex;align-items:center;gap:10px}.theme-toggle-state{font-size:12px;font-weight:600;color:#334155;-webkit-user-select:none;user-select:none}body.theme-dark .theme-toggle-state{color:#e2e8f0}.theme-toggle{position:relative;width:64px;height:28px;border-radius:999px;border:2px solid rgba(148,163,184,.45);background:#94a3b82e;cursor:pointer;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 10px #0f172a1f}.theme-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 18px #0f172a24}.theme-toggle:before{content:"";position:absolute;left:4px;top:50%;transform:translateY(-50%);width:20px;height:20px;border-radius:50%;background:#fff;transition:all .3s cubic-bezier(.4,0,.2,1);box-shadow:0 2px 4px #0003;z-index:1}.theme-toggle.is-dark{background:#2196f32e;border-color:#2196f38c}.theme-toggle.is-dark:before{left:calc(100% - 24px);background:#2196f3;box-shadow:0 2px 10px #2196f359}body.theme-dark .theme-toggle{background:#94a3b81a;border-color:#334155e6;box-shadow:none}body.theme-dark .theme-toggle:hover{transform:translateY(-1px);box-shadow:0 10px 18px #00000059}body.theme-dark .theme-toggle.is-dark{background:#2196f329;border-color:#2196f380}.theme-toggle__icons{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:12px;line-height:1;opacity:.9;pointer-events:none;-webkit-user-select:none;user-select:none}.theme-toggle__icon{color:#0f172a8c}body.theme-dark .theme-toggle__icon{color:#e2e8f08c}.theme-toggle.is-dark .theme-toggle__icon--moon{color:#e2e8f0f2}.theme-toggle.is-dark .theme-toggle__icon--sun{color:#0f172a8c}body.theme-dark .theme-toggle.is-dark .theme-toggle__icon--sun{color:#e2e8f0a6}input[type=text]:not(.field__input){padding:5px;width:200px;margin-left:10px}input[type=range]{width:200px;margin:0 10px}.modal{display:none;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:1000;justify-content:center;align-items:center}.modal.active{display:flex}.modal-content{background:#fff;border-radius:12px;width:100%;max-width:400px;box-shadow:0 4px 20px #00000026}.modal-header{padding:1.5rem;border-bottom:1px solid #eee;display:flex;justify-content:space-between;align-items:center}.modal-header h2{margin:0;font-size:1.5rem}.close-modal{background:none;border:none;font-size:1.5rem;cursor:pointer;line-height:1;color:#64748b}.modal-body{padding:1.5rem}.auth-form{display:flex;flex-direction:column;gap:20px}.form-group{display:flex;flex-direction:column;gap:8px}.form-group label{font-weight:600;font-size:14px}.form-group input{padding:12px 16px;border:2px solid #e1e5e9;border-radius:8px;font-size:16px}.form-group input:focus{outline:none;border-color:#2196f3}.form-explanation{color:#666;font-size:12px;font-style:italic}.error-message{background:#ffebee;color:#c62828;padding:12px;border-radius:8px;font-size:14px}.success-message{text-align:center}.success-icon{font-size:48px;color:#4caf50;margin-bottom:16px}.submit-button{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:14px 24px;border-radius:8px;font-size:16px;font-weight:600;cursor:pointer;width:100%}.submit-button:disabled{opacity:.7;cursor:not-allowed}.auth-button{background:linear-gradient(135deg,#2196f3,#1976d2);color:#fff;border:none;padding:10px 20px;border-radius:6px;font-size:14px;font-weight:600;cursor:pointer}.auth-button--ghost{background:transparent;color:#2196f3;border:1px solid #2196f3}.auth-button.logout{background:linear-gradient(135deg,#f44336,#d32f2f)}.user-section{display:flex;align-items:center;gap:12px}.user-email{font-size:14px;font-weight:500;max-width:200px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}body.theme-dark .user-email{color:#e5e7eb}.auth-callback{min-height:100vh;display:flex;align-items:center;justify-content:center;background:linear-gradient(135deg,#667eea,#764ba2);padding:20px}.callback-content{background:#fff;padding:40px;border-radius:16px;box-shadow:0 20px 40px #0000001a;text-align:center;max-width:400px;width:100%}.loading-spinner{width:40px;height:40px;border:4px solid #f3f3f3;border-top:4px solid #2196f3;border-radius:50%;animation:spin 1s linear infinite;margin:0 auto 20px}@keyframes spin{to{transform:rotate(360deg)}}.error-icon{font-size:48px;color:#f44336;margin-bottom:16px}:root{--blue: #0099FA;--blue-dark: #007fd1;--blue-soft: rgba(0, 153, 250, .1);--blue-border: rgba(0, 153, 250, .3);--orange: #FF8300;--orange-dark: #e57500;--orange-soft: rgba(255, 131, 0, .1);--orange-border: rgba(255, 131, 0, .32);--success: #1aa56b;--warning: #FF8300;--danger: #e23b3b;--radius: 12px;--radius-sm: 9px;--font: "Inter", system-ui, -apple-system, sans-serif;--mono: "JetBrains Mono", ui-monospace, monospace;--t: .15s ease}html[data-theme=light]{--bg: #f3f5f9;--surface: #ffffff;--surface-2: #f1f4f8;--surface-3: #e9eef5;--border: #e1e7ef;--border-strong: #cdd6e3;--text: #0f1b2d;--text-2: #475569;--muted: #8a95a8;--shadow: 0 1px 2px rgba(16, 32, 56, .06);--shadow-pop: 0 8px 24px rgba(16, 32, 56, .12)}html[data-theme=dark]{--bg: #0c111c;--surface: #141c2b;--surface-2: #1a2334;--surface-3: #222d42;--border: #283449;--border-strong: #38465e;--text: #eef2f8;--text-2: #aab6cc;--muted: #6f7c93;--shadow: 0 1px 2px rgba(0, 0, 0, .3);--shadow-pop: 0 10px 30px rgba(0, 0, 0, .5)}*{box-sizing:border-box;margin:0;padding:0}html,body,#root{height:100%}body.factory-layout{padding:0!important;margin:0;min-height:100%;height:100%;overflow:hidden;background:var(--bg)!important}body.factory-app,.factory-app{font-family:var(--font);background:var(--bg);color:var(--text);line-height:1.5;overflow:hidden;-webkit-font-smoothing:antialiased;transition:background var(--t),color var(--t);height:100%}::selection{background:var(--blue-soft)}.fx-bg{display:none}.factory-shell{display:flex;height:100dvh;min-height:0}.factory-sidebar{width:248px;flex-shrink:0;display:flex;flex-direction:column;padding:18px 14px;background:var(--surface);border-right:1px solid var(--border)}.factory-sidebar__logo{display:flex;align-items:center;padding:6px 4px 20px;margin-bottom:12px;border-bottom:1px solid var(--border)}.factory-sidebar__logo-img{height:64px;width:auto;max-width:100%;display:block;object-fit:contain}.factory-sidebar__nav{position:relative;flex:1;display:flex;flex-direction:column;gap:3px}.nav-indicator{position:absolute;left:0;width:100%;border-radius:var(--radius-sm);background:var(--blue-soft);transition:top var(--t),height var(--t);pointer-events:none}.nav-indicator:before{content:"";position:absolute;left:0;top:20%;height:60%;width:3px;border-radius:0 3px 3px 0;background:var(--blue)}.factory-nav-item{position:relative;z-index:1;display:flex;align-items:center;gap:12px;width:100%;padding:11px 14px;border:none;background:transparent;border-radius:var(--radius-sm);color:var(--text-2);font-size:14px;font-weight:600;cursor:pointer;text-align:left;transition:color var(--t)}.factory-nav-item:hover{color:var(--text)}.factory-nav-item.is-active{color:var(--blue)}.factory-nav-item__icon{font-size:17px;width:22px;text-align:center}.factory-sidebar__footer{padding-top:12px;border-top:1px solid var(--border)}.arch-pill{display:flex;align-items:center;gap:8px;font-size:11px;font-weight:600;color:var(--text-2);padding:9px 11px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);margin-bottom:9px}.arch-pill__dot{width:7px;height:7px;border-radius:50%;background:var(--success)}.back-link{font-size:11px;color:var(--muted);text-decoration:none}.back-link:hover{color:var(--blue)}.factory-main{flex:1;min-height:0;min-width:0;display:flex;flex-direction:column;overflow:hidden}.factory-topbar{display:flex;align-items:center;justify-content:space-between;gap:16px;padding:15px 26px;background:var(--surface);border-bottom:1px solid var(--border);flex-shrink:0}.factory-topbar__title h1{font-size:20px;font-weight:800;letter-spacing:-.01em}.factory-topbar__title p{font-size:13px;color:var(--muted);margin-top:1px}.factory-topbar__actions{display:flex;align-items:center;gap:10px}.arch-badge{display:inline-flex;align-items:center;gap:8px;padding:7px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:600;color:var(--text-2);font-family:var(--mono)}.status-dot{width:7px;height:7px;border-radius:50%;background:var(--muted)}.status-dot--live{background:var(--success)}.badge{display:inline-flex;align-items:center;padding:6px 12px;border-radius:999px;font-size:11px;font-weight:700;letter-spacing:.03em;text-transform:uppercase;border:1px solid var(--border)}.badge--blue{background:var(--blue-soft);color:var(--blue);border-color:var(--blue-border)}.badge--green{background:#1aa56b1f;color:var(--success);border-color:#1aa56b4d}.badge--amber{background:var(--orange-soft);color:var(--orange-dark);border-color:var(--orange-border)}.factory-theme-toggle{padding:0;border:none;background:transparent;cursor:pointer;flex-shrink:0;line-height:0}.factory-theme-toggle__track{position:relative;display:block;width:52px;height:28px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border-strong)}.factory-theme-toggle__thumb{position:absolute;top:2px;left:2px;width:22px;height:22px;border-radius:50%;background:var(--blue);transition:transform var(--t);z-index:2;box-shadow:var(--shadow)}html[data-theme=dark] .factory-theme-toggle__thumb{transform:translate(24px)}.factory-theme-toggle__icon{position:absolute;top:50%;transform:translateY(-50%);font-size:12px;line-height:1;color:var(--text-2);z-index:1;pointer-events:none;-webkit-user-select:none;user-select:none}.factory-theme-toggle__icon--sun{left:8px}.factory-theme-toggle__icon--moon{right:8px}html[data-theme=light] .factory-theme-toggle__icon--sun{color:var(--blue);opacity:1}html[data-theme=light] .factory-theme-toggle__icon--moon{opacity:.35}html[data-theme=dark] .factory-theme-toggle__icon--moon{color:var(--blue);opacity:1}html[data-theme=dark] .factory-theme-toggle__icon--sun{opacity:.35}.factory-theme-toggle:hover .factory-theme-toggle__track{border-color:var(--blue)}.factory-theme-toggle:focus-visible .factory-theme-toggle__track{outline:2px solid var(--blue-border);outline-offset:2px}.factory-content{flex:1;min-height:0;overflow-y:auto;overflow-x:hidden;padding:22px 26px 36px;-webkit-overflow-scrolling:touch}.factory-content::-webkit-scrollbar{width:9px}.factory-content::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:9px}.factory-content::-webkit-scrollbar-track{background:transparent}.factory-panel{display:none}.factory-panel.is-active{display:block;min-height:min-content}.panel-intro{color:var(--text-2);font-size:14px;margin-bottom:20px;max-width:760px}.glass-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden}.glass-card__header{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:15px 18px;border-bottom:1px solid var(--border)}.glass-card__title{font-size:14px;font-weight:700;display:flex;align-items:center;gap:8px}.title-accent{color:var(--blue);font-size:9px}.glass-card__actions{display:flex;gap:8px}.glass-card__body{padding:18px}.glass-card__body--flush{padding:0}.muted-text{color:var(--muted);font-size:13px}.section-subtitle{font-size:11px;font-weight:700;text-transform:uppercase;letter-spacing:.05em;color:var(--muted);margin:18px 0 9px}.btn{display:inline-flex;align-items:center;justify-content:center;gap:7px;padding:9px 16px;border-radius:var(--radius-sm);font-size:13px;font-weight:700;font-family:var(--font);border:1px solid transparent;cursor:pointer;white-space:nowrap;transition:background var(--t),border-color var(--t),color var(--t)}.btn:active{transform:translateY(1px)}.btn--sm{padding:8px 13px;font-size:12px}.btn--primary{background:var(--blue);color:#fff}.btn--primary:hover{background:var(--blue-dark)}.btn--primary:disabled{opacity:.45;cursor:not-allowed}.btn--ghost{background:var(--surface-2);color:var(--text);border-color:var(--border-strong)}.btn--ghost:hover{background:var(--surface-3);border-color:var(--blue);color:var(--blue)}.btn--ghost:disabled{opacity:.4;cursor:not-allowed}.select-pill{padding:8px 13px;border-radius:var(--radius-sm);background:var(--surface-2);color:var(--text);border:1px solid var(--border-strong);font-size:13px;font-weight:600;font-family:var(--font);cursor:pointer;outline:none}.select-pill:focus{border-color:var(--blue)}.map-workspace{display:grid;grid-template-columns:1fr 296px;gap:20px}@media (max-width: 980px){.map-workspace{grid-template-columns:1fr}}.map-canvas-wrap{position:relative;min-height:540px;background:var(--surface-2);border-radius:0 0 var(--radius) var(--radius);overflow:hidden}.map-canvas-wrap:before{content:"";position:absolute;top:0;right:0;bottom:0;left:0;background-image:linear-gradient(var(--border) 1px,transparent 1px),linear-gradient(90deg,var(--border) 1px,transparent 1px);background-size:38px 38px;opacity:.5;pointer-events:none}.map-canvas-wrap.has-image:before{opacity:.25}.map-floor-image{display:block;width:100%;height:100%;max-height:600px;object-fit:contain;pointer-events:none}.map-placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:5px;color:var(--muted);text-align:center;padding:20px;pointer-events:none}.map-placeholder.is-hidden{display:none}.map-placeholder__icon{font-size:52px;opacity:.4;margin-bottom:4px}.map-placeholder__title{font-size:16px;font-weight:700;color:var(--text-2)}.map-placeholder p{font-size:13px;max-width:320px}.map-pin{position:absolute;width:36px;height:36px;margin:-18px 0 0 -18px;border-radius:50%;background:var(--blue);border:3px solid var(--surface);box-shadow:var(--shadow-pop);cursor:grab;z-index:10;display:flex;align-items:center;justify-content:center;transition:background var(--t)}.map-pin span{font-weight:800;color:#fff;font-size:14px}.map-pin:active,.map-pin.is-dragging{cursor:grabbing}.map-pin.is-dragging{transition:none;z-index:20}.map-pin.is-selected{background:var(--orange)}.map-pin.is-streaming:after{content:"";position:absolute;top:-2px;right:-2px;width:11px;height:11px;border-radius:50%;background:var(--success);border:2px solid var(--surface)}.map-cam-row{display:flex;align-items:center;gap:11px;padding:9px 8px;border-radius:var(--radius-sm);cursor:pointer;transition:background var(--t)}.map-cam-row:hover{background:var(--surface-2)}.map-cam-row__num{width:28px;height:28px;flex-shrink:0;background:var(--blue);color:#fff;border-radius:8px;display:flex;align-items:center;justify-content:center;font-weight:800;font-size:12px}.map-cam-row__name{font-size:13px;font-weight:700}.map-cam-row__meta{font-size:11px;color:var(--muted)}.hint-card{margin-top:14px}.hint-row{display:flex;align-items:center;gap:9px;font-size:12px;color:var(--text-2);padding:5px 0}kbd{font-family:var(--mono);font-size:10px;font-weight:600;padding:3px 7px;border-radius:5px;background:var(--surface-2);border:1px solid var(--border-strong);color:var(--text);min-width:56px;text-align:center}.ctx-menu{position:fixed;z-index:500;min-width:208px;padding:6px;background:var(--surface);border:1px solid var(--border-strong);border-radius:var(--radius);box-shadow:var(--shadow-pop);display:none}.ctx-menu.is-open{display:block}.ctx-menu button{display:block;width:100%;text-align:left;padding:9px 11px;border:none;background:transparent;border-radius:var(--radius-sm);font-size:13px;font-weight:600;color:var(--text);cursor:pointer;font-family:var(--font);transition:background var(--t)}.ctx-menu button:hover{background:var(--surface-2)}.ctx-menu button.is-danger{color:var(--danger)}.ctx-menu button.is-danger:hover{background:#e23b3b1a}.ctx-menu hr{border:none;border-top:1px solid var(--border);margin:5px 4px}.cam-settings-layout{display:grid;grid-template-columns:336px 1fr;gap:20px}@media (max-width: 1040px){.cam-settings-layout{grid-template-columns:1fr}}.cam-list{display:flex;flex-direction:column;gap:9px}.cam-list-item{display:flex;align-items:center;gap:13px;padding:13px 14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:border-color var(--t),background var(--t)}.cam-list-item:hover{border-color:var(--border-strong)}.cam-list-item.is-active{border-color:var(--blue);background:var(--blue-soft)}.cam-list-item__icon{width:44px;height:44px;flex-shrink:0;background:var(--blue);border-radius:10px;display:flex;align-items:center;justify-content:center;font-size:20px}.cam-list-item__name{font-weight:700;font-size:14px}.cam-list-item__meta{font-size:12px;color:var(--muted);margin-top:2px}.detector-grid{display:flex;flex-direction:column;gap:8px}.detector-pill{position:relative;display:block}.detector-pill input{position:absolute;opacity:0;pointer-events:none}.detector-pill__inner{display:flex;align-items:center;gap:12px;padding:12px 14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border);cursor:pointer;transition:border-color var(--t),background var(--t)}.detector-pill__inner:hover{border-color:var(--border-strong)}.detector-pill input:checked+.detector-pill__inner{border-color:var(--blue);background:var(--blue-soft)}.detector-pill__dot{width:11px;height:11px;border-radius:50%;flex-shrink:0}.detector-pill__title{font-size:13px;font-weight:700}.detector-pill__sub{font-size:11px;color:var(--muted)}.detector-cards{display:grid;grid-template-columns:repeat(auto-fill,minmax(316px,1fr));gap:16px}.detector-card{background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow);overflow:hidden;transition:border-color var(--t)}.detector-card:hover{border-color:var(--border-strong)}.detector-card__head{display:flex;align-items:center;gap:12px;padding:16px 18px;border-bottom:1px solid var(--border)}.detector-card__dot{width:12px;height:12px;border-radius:50%}.detector-card__title{font-weight:700;font-size:15px}.detector-card__sub{font-size:12px;color:var(--muted)}.detector-card__body{padding:18px}.detector-setup-layout{display:grid;grid-template-columns:336px 1fr;gap:20px}@media (max-width: 1040px){.detector-setup-layout{grid-template-columns:1fr}}.detector-list{display:flex;flex-direction:column;gap:4px}.detector-list-item{display:flex;align-items:center;gap:10px;padding:10px 12px;border-radius:var(--radius-sm);border:1px solid transparent;cursor:pointer;transition:background var(--t),border-color var(--t)}.detector-list-item:hover{background:var(--surface-2)}.detector-list-item.is-active{background:var(--blue-soft);border-color:var(--blue-border)}.detector-list-item__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.detector-list-item__info{flex:1;min-width:0}.detector-list-item__name{font-size:13px;font-weight:700}.detector-list-item__meta{font-size:11px;color:var(--muted);margin-top:1px}.detector-type-pills{display:flex;flex-wrap:wrap;gap:8px}.detector-type-pill{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:var(--radius-sm);border:1px solid var(--border);background:var(--surface-2);font-size:13px;font-weight:600;color:var(--text-2);cursor:pointer;transition:border-color var(--t),background var(--t),color var(--t)}.detector-type-pill:hover{border-color:var(--border-strong);color:var(--text)}.detector-type-pill.is-active{border-color:var(--blue);background:var(--blue-soft);color:var(--blue)}.detector-type-pill__dot{width:10px;height:10px;border-radius:50%;flex-shrink:0}.detector-type-pill__label{white-space:nowrap}.detector-type-readonly{display:flex;align-items:center;gap:8px;font-size:14px;font-weight:600}.toggle-row{display:flex;align-items:center;justify-content:space-between;padding:9px 0;font-size:13px;color:var(--text-2)}.field{margin-bottom:16px}.field__label{display:block;font-size:11px;font-weight:700;color:var(--muted);margin-bottom:7px;text-transform:uppercase;letter-spacing:.04em}.field__hint{font-size:11px;color:var(--muted);margin-top:7px}.field input[type=text],.field input[type=number],.field select,.field textarea{width:100%;padding:10px 12px;border-radius:var(--radius-sm);background:var(--surface-2);border:1px solid var(--border);font-size:14px;color:var(--text);font-family:var(--font);outline:none;transition:border-color var(--t)}.field input:focus,.field select:focus{border-color:var(--blue)}input[type=range]{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;background:var(--surface-3);border:1px solid var(--border);outline:none;cursor:pointer}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;width:18px;height:18px;border-radius:50%;background:var(--blue);border:2px solid var(--surface);cursor:pointer;box-shadow:var(--shadow)}input[type=range]::-moz-range-thumb{width:16px;height:16px;border-radius:50%;background:var(--blue);border:2px solid var(--surface);cursor:pointer}.toggle-row input[type=checkbox]{width:19px;height:19px;accent-color:var(--blue);cursor:pointer}.sync-toggle,.color-mode-toggle{display:flex;gap:3px;background:var(--surface-2);padding:3px;border-radius:var(--radius-sm);border:1px solid var(--border)}.sync-toggle button,.color-mode-toggle button{flex:1;padding:8px 12px;border:none;border-radius:7px;background:transparent;color:var(--text-2);font-size:12px;font-weight:700;cursor:pointer;font-family:var(--font);transition:background var(--t),color var(--t);white-space:nowrap}.sync-toggle button:hover,.color-mode-toggle button:hover{color:var(--text)}.sync-toggle button.is-active,.color-mode-toggle button.is-active{background:var(--blue);color:#fff}.view-layout{display:grid;grid-template-columns:1fr 356px;gap:20px}@media (max-width: 1180px){.view-layout{grid-template-columns:1fr}}.status-bar{padding:11px 15px;border-radius:var(--radius-sm);font-size:13px;font-weight:600;margin-bottom:16px;border:1px solid var(--border)}.status-bar--info{background:var(--blue-soft);color:var(--blue);border-color:var(--blue-border)}.status-bar--success{background:#1aa56b1a;color:var(--success);border-color:#1aa56b4d}.status-bar--error{background:#e23b3b1a;color:var(--danger);border-color:#e23b3b4d}.stream-controls{display:flex;flex-wrap:wrap;gap:10px;align-items:center;margin-bottom:14px}.stream-id-tag{font-family:var(--mono);font-size:11px;color:var(--muted)}.video-streams{display:grid;gap:16px;margin:0;width:100%}.video-streams--1{grid-template-columns:1fr;max-width:680px}.video-streams--2{grid-template-columns:repeat(2,1fr)}@media (max-width: 760px){.video-streams--1{max-width:100%}.video-streams--2{grid-template-columns:1fr}}.video-container{position:relative;width:100%;aspect-ratio:4/3;background:#0a0e16;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-strong)}.video-container__tag{position:absolute;top:11px;left:11px;z-index:3;padding:5px 10px;border-radius:7px;background:#0009;color:#fff;font-size:11px;font-weight:700}.video-container video,.video-container canvas{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:contain}.video-container canvas{pointer-events:none}.grid-2{display:grid;grid-template-columns:1fr 1fr;gap:18px}@media (max-width: 640px){.grid-2{grid-template-columns:1fr}}.color-preview-canvas{width:100%;aspect-ratio:4/3;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#0a0e16;cursor:crosshair}.spectrum-chart{width:100%;height:150px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:var(--surface)}.hue-slider-wrap input[type=range]{height:22px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.hue-slider-wrap input[type=range]::-webkit-slider-thumb{width:22px;height:22px;background:#fff;border:3px solid #1e293b}.debug-panel-wrap{margin-top:14px;display:grid;grid-template-columns:1fr 1fr;gap:12px}.debug-panel-wrap canvas{width:100%;aspect-ratio:16/10;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:#0a0e16}.stats-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:10px;margin-bottom:6px}.stat-box{padding:14px;border-radius:var(--radius);background:var(--surface-2);border:1px solid var(--border)}.stat-box--blue,.stat-box--cyan{background:var(--blue-soft);border-color:var(--blue-border)}.stat-box--amber,.stat-box--purple{background:var(--orange-soft);border-color:var(--orange-border)}.stat-box--red{background:#e23b3b17;border-color:#e23b3b47}.stat-box--green{background:#1aa56b1a;border-color:#1aa56b47}.stat-box__label{font-size:10.5px;font-weight:700;color:var(--muted);text-transform:uppercase;letter-spacing:.03em}.stat-box__value{font-size:27px;font-weight:800;margin-top:4px;letter-spacing:-.02em}.defect-type-stats{font-size:12px}.defect-type-stats>div{display:flex;justify-content:space-between;padding:7px 0;border-bottom:1px solid var(--border);color:var(--text-2)}.defect-type-stats>div:last-child{border-bottom:none}.defect-type-stats strong{color:var(--text);font-family:var(--mono)}.events-list{max-height:300px;overflow-y:auto}.events-list::-webkit-scrollbar{width:6px}.events-list::-webkit-scrollbar-thumb{background:var(--border-strong);border-radius:6px}.event-item{padding:11px 13px;border-radius:var(--radius-sm);margin-bottom:7px;background:var(--surface-2);border:1px solid var(--border);font-size:12px}.event-item--detected{border-left:3px solid var(--danger)}.event-item--disappeared{border-left:3px solid var(--muted)}.event-item__time{color:var(--muted);font-size:11px;margin-top:3px;font-family:var(--mono)}.hidden-input{display:none}.cam-preview{position:relative;width:100%;aspect-ratio:4/3;background:#0a0e16;border-radius:var(--radius);overflow:hidden;border:1px solid var(--border-strong)}.cam-preview video{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;object-fit:cover}.cam-preview__placeholder{position:absolute;top:0;right:0;bottom:0;left:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;color:var(--muted);background:radial-gradient(ellipse at center,rgba(0,153,250,.08),transparent 70%)}.cam-preview__placeholder-icon{font-size:30px;opacity:.7}.cam-preview__placeholder-text{font-size:12px;font-weight:600}.cam-preview__label{position:absolute;top:10px;left:10px;z-index:4;padding:4px 9px;border-radius:7px;background:#0000008c;color:#fff;font-size:11px;font-weight:700}.roi-editor__stage{position:relative}.roi-editor__svg{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:5}.roi-editor__svg.is-editing{cursor:crosshair}.roi-editor__handle{cursor:grab}.roi-editor__handle:active{cursor:grabbing}.roi-editor__handle-hit{fill:transparent;stroke:none}.roi-editor__handle-dot{fill:#0099fa;stroke:#fff;stroke-width:.4;pointer-events:none;transition:fill .12s,r .12s}.roi-editor__handle:hover .roi-editor__handle-dot,.roi-editor__handle.is-selected .roi-editor__handle-dot{fill:#33b0ff;stroke-width:.55}.roi-editor__handle-label{fill:#fff;font-size:1.6px;font-weight:700;font-family:system-ui,sans-serif;-webkit-user-select:none;user-select:none}.roi-editor__toolbar{display:flex;align-items:center;gap:8px;flex-wrap:wrap;margin-top:10px}.liveview2-layout{display:grid;grid-template-columns:1fr 340px;gap:20px;align-items:start}@media (max-width: 1180px){.liveview2-layout{grid-template-columns:1fr}}.liveview2-main{min-width:0}.liveview2-toolbar{display:flex;align-items:center;gap:12px;margin-bottom:16px}.liveview2-side{display:flex;flex-direction:column;gap:16px}.cam-grid{display:grid;gap:14px}.cam-grid--auto{grid-template-columns:repeat(auto-fill,minmax(320px,1fr))}.cam-grid--cols-2{grid-template-columns:repeat(2,1fr)}.cam-grid--cols-3{grid-template-columns:repeat(3,1fr)}.cam-grid--cols-4{grid-template-columns:repeat(4,1fr)}@media (max-width: 760px){.cam-grid--cols-3,.cam-grid--cols-4{grid-template-columns:repeat(2,1fr)}}.cam-tile{display:block;padding:0;border:1px solid var(--border-strong);border-radius:var(--radius);overflow:hidden;cursor:pointer;background:#0a0e16;text-align:left;transition:border-color var(--t),transform var(--t)}.cam-tile:hover{border-color:var(--blue);transform:translateY(-2px)}.cam-tile .cam-preview{border:none;border-radius:0;aspect-ratio:16/10}.cam-tile__roi{position:absolute;top:0;right:0;bottom:0;left:0;width:100%;height:100%;z-index:3;pointer-events:none}.cam-tile__overlay,.cam-tile__topbar,.cam-tile__bottombar{position:absolute;z-index:4}.cam-tile__overlay{top:0;right:0;bottom:0;left:0;pointer-events:none}.cam-tile__topbar{top:8px;left:8px;right:8px;display:flex;justify-content:space-between;align-items:center}.cam-tile__bottombar{bottom:0;left:0;right:0;padding:8px 10px;display:flex;justify-content:space-between;align-items:center;background:linear-gradient(transparent,#0009);color:#fff;font-size:12px;font-weight:700}.cam-tile__count{font-family:var(--mono);font-size:11px;opacity:.85}.cam-tile__live{display:inline-flex;align-items:center;gap:5px;padding:3px 8px;border-radius:6px;background:#00000080;color:#fff;font-size:10px;font-weight:800;letter-spacing:.05em}.cam-tile__live-dot{width:6px;height:6px;border-radius:50%;background:var(--danger);box-shadow:0 0 8px var(--danger)}.cam-tile__alert{padding:3px 8px;border-radius:6px;background:var(--danger);color:#fff;font-size:10px;font-weight:800}.det-box{position:absolute;border:2px solid #0099FA;border-radius:4px}.det-box__tags{position:absolute;top:-2px;left:-2px;display:flex;flex-wrap:wrap;gap:3px;transform:translateY(-100%);padding-bottom:3px}.det-tag{padding:2px 6px;border-radius:4px;color:#fff;font-size:10px;font-weight:700;white-space:nowrap}.event-dot{width:8px;height:8px;border-radius:50%;flex-shrink:0;margin-top:4px}.cam-detail{display:grid;grid-template-columns:1fr 360px;gap:20px;align-items:start}@media (max-width: 1180px){.cam-detail{grid-template-columns:1fr}}.cam-detail__main{display:flex;flex-direction:column;gap:12px}.cam-detail__stage{position:relative}.cam-detail__stage .cam-preview{aspect-ratio:16/9}.cam-detail__chips{display:flex;flex-wrap:wrap;gap:8px}.cam-detail__side{display:flex;flex-direction:column;gap:16px}.detector-chip{display:inline-flex;align-items:center;gap:7px;padding:6px 12px;border-radius:999px;background:var(--surface-2);border:1px solid var(--border);font-size:12px;font-weight:600}.detector-chip__dot{width:9px;height:9px;border-radius:50%}.detail-panel .glass-card__header{display:flex;align-items:center;justify-content:space-between}.depth-map{width:100%;aspect-ratio:16/9;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:linear-gradient(120deg,#1e3a8a,#2563eb 25%,#10b981,#f59e0b 75%,#ef4444);filter:saturate(.85)}.depth-legend{display:flex;align-items:center;gap:8px;margin-top:8px;font-size:11px;color:var(--muted)}.depth-legend__bar{flex:1;height:8px;border-radius:999px;background:linear-gradient(90deg,#2563eb,#10b981,#f59e0b,#ef4444)}.color-bar{width:100%;height:22px;border-radius:var(--radius-sm);border:1px solid var(--border-strong);background:linear-gradient(to right,red,#ff0,#0f0,#0ff,#00f,#f0f,red)}.color-swatches{display:flex;gap:8px;margin-top:10px}.color-swatch{width:36px;height:36px;border-radius:var(--radius-sm);border:1px solid var(--border-strong)}@media (max-width: 960px){.factory-shell{flex-direction:column}.factory-sidebar{width:100%;flex-shrink:0;flex-direction:row;align-items:center;gap:8px;padding:10px 12px;border-right:none;border-bottom:1px solid var(--border);overflow-x:auto}.factory-sidebar__logo{padding:0;margin:0;border-bottom:none;flex-shrink:0}.factory-sidebar__logo-img{height:56px}.factory-sidebar__nav{flex:1;flex-direction:row;gap:4px;min-width:0}.nav-indicator{display:none}.factory-nav-item{flex:1;justify-content:center;padding:10px 8px;min-width:0}.factory-nav-item__label{font-size:12px}.factory-nav-item.is-active{background:var(--blue-soft)}.factory-sidebar__footer{display:none}.factory-topbar{flex-wrap:wrap;padding:12px 16px;gap:10px}.factory-topbar__title h1{font-size:17px}.factory-topbar__actions{flex-wrap:wrap;width:100%;justify-content:flex-start}.factory-content{padding:16px}.map-canvas-wrap{min-height:360px}}@media (max-width: 640px){.factory-nav-item__label{display:none}.factory-nav-item{padding:10px 12px}.factory-sidebar__logo-img{height:52px}.arch-badge{font-size:11px;padding:6px 10px}.detector-cards{grid-template-columns:1fr}.glass-card__header{flex-wrap:wrap}.stream-controls{gap:8px}.status-bar{font-size:12px;padding:10px 12px}}@media (max-width: 480px){.factory-topbar__title p{display:none}}.confirm-overlay{position:fixed;top:0;right:0;bottom:0;left:0;z-index:1000;display:flex;align-items:center;justify-content:center;padding:16px;background:#0308128c;-webkit-backdrop-filter:blur(3px);backdrop-filter:blur(3px);animation:confirm-fade var(--t)}.confirm-dialog{width:100%;max-width:400px;background:var(--surface);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:24px 22px 20px;text-align:center;animation:confirm-pop .16s ease}.confirm-dialog__icon{width:46px;height:46px;margin:0 auto 14px;display:flex;align-items:center;justify-content:center;border-radius:50%;font-size:20px;background:var(--blue-soft);color:var(--blue)}.confirm-dialog__icon[data-danger=true]{background:#e23b3b1f;color:var(--danger)}.confirm-dialog__title{font-size:16px;font-weight:650;color:var(--text);margin:0 0 6px}.confirm-dialog__message{font-size:13.5px;color:var(--text-2);line-height:1.45;margin:0 0 20px}.confirm-dialog__actions{display:flex;gap:10px;justify-content:center}.confirm-dialog__actions .btn{min-width:112px}.btn--danger{background:var(--danger);border-color:var(--danger);color:#fff}.btn--danger:hover{background:#c92f2f;border-color:#c92f2f}@keyframes confirm-fade{0%{opacity:0}to{opacity:1}}@keyframes confirm-pop{0%{opacity:0;transform:translateY(8px) scale(.98)}to{opacity:1;transform:none}}