:root{font-family:Inter,ui-sans-serif,system-ui,-apple-system,"Segoe UI",Arial,sans-serif;color:#e7eff2;background:#0c141b;color-scheme:dark}*{box-sizing:border-box}body{margin:0;overflow:hidden}button,input{font:inherit}button{cursor:pointer;color:inherit;border:1px solid #304958;background:#142531;padding:.73rem .95rem;border-radius:7px;font-size:11px;letter-spacing:.075em;font-weight:750;transition:background .18s,border-color .18s}button:hover{background:#1b3d4c;border-color:#3a93a5}button:focus-visible{outline:2px solid #82e8cd;outline-offset:2px}.bar{height:76px;border-bottom:1px solid #26414a;background:#0b1820;display:flex;align-items:center;gap:18px;padding:0 28px}.identity{display:flex;align-items:center;gap:12px;text-decoration:none;color:inherit;margin-right:auto}.identity .mark{width:40px;height:40px;display:grid;place-items:center;border:1px solid #64c5b2;background:#17342f;border-radius:7px;color:#d2f9d6;font-size:28px;font-weight:900}.identity .dot{color:#e5bf71}.identity strong{display:block;letter-spacing:.18em;font-size:15px}.identity small{display:block;letter-spacing:.16em;color:#82a1a9;font-size:9px;margin-top:4px}.pill{border:1px solid #29424a;padding:10px 12px;color:#91abb2;font-size:10px;letter-spacing:.13em}.pill strong{color:#eff3ea}.accent{background:#c0e8ca;color:#102c2b;border-color:transparent}.accent:hover{background:#e3f1c3}.layout{display:grid;grid-template-columns:minmax(0,1fr) 390px;height:calc(100dvh - 76px)}.scene{position:relative;background:radial-gradient(ellipse at 40% 58%,#1c3743 0%,#08151e 68%);overflow:hidden}canvas{position:absolute;width:100%;height:100%;display:block;outline:0}.scene-title{position:absolute;top:66px;left:56px;pointer-events:none;text-shadow:0 3px 15px #08161b}.eyebrow{color:#6fe1c9;font-size:10px;letter-spacing:.19em;font-weight:800}.scene-title h1{font-weight:650;font-size:clamp(32px,3.8vw,65px);letter-spacing:-.048em;line-height:1.02;margin:17px 0}.scene-title h1 em{font-weight:400;color:#c8f1e0;font-style:normal}.scene-title p{color:#b5c5c5;font-size:12px;letter-spacing:.018em;max-width:400px}#hud{position:absolute;top:15px;left:25px;right:23px;display:flex;align-items:center;gap:8px;font-size:10px;letter-spacing:.10em;color:#c2d4da;pointer-events:none}#fps{margin-left:auto;font-variant-numeric:tabular-nums}.status-dot{width:7px;height:7px;border-radius:50%;background:#64e9a6;box-shadow:0 0 15px #64e9a6}.overlay-bottom{position:absolute;bottom:28px;left:30px;display:flex;flex-wrap:wrap;align-items:center;gap:8px}.overlay-bottom button{backdrop-filter:blur(16px);background:#11212de3}.overlay-bottom button b{color:#7de5c8}.sliderLabel{display:flex;gap:10px;align-items:center;background:#122633de;border:1px solid #344c57;border-radius:7px;padding:9px 12px;color:#abc8cb;font-size:11px;letter-spacing:.08em}.sliderLabel input{width:92px;accent-color:#7ee7c4}.sliderLabel output{font-size:12px;color:#e3f8e6;font-weight:750;width:31px}.corner-calc{position:absolute;right:26px;bottom:33px;font-weight:800;color:#87d7c8;letter-spacing:.13em;font-size:11px}.corner-calc span{display:block;font-size:9px;color:#7c959e;font-weight:500;margin-top:7px}#inspector{overflow-y:auto;scrollbar-width:thin;scrollbar-color:#28454f #101e26;background:#10202b;border-left:1px solid #28424c;padding:25px}.section-title{display:flex;justify-content:space-between;color:#d9eceb;letter-spacing:.13em;font-size:11px;font-weight:800;margin:5px 0 15px;border-bottom:1px solid #2a3d45;padding-bottom:14px}.section-title span{color:#79a9ac;font-size:10px}.kpis{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-bottom:29px}.kpis>div{background:#172b35;border:1px solid #2b4851;padding:16px 14px;border-radius:9px}.kpis small,.detail-grid small{font-size:9px;color:#7ca3ac;letter-spacing:.10em;display:block}.kpis strong{display:block;font-size:27px;margin-top:10px;font-weight:600;color:#e3f9e4;font-variant-numeric:tabular-nums}.kpis span{font-size:10px;color:#a7bec3}.machine-buttons{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:7px;margin-bottom:23px}.machine-buttons button{padding:11px 3px;font-size:11px;letter-spacing:0}.machine-buttons button.active{border-color:#78f0c4;background:#17504d;color:#d3ffe6}.detail{border:1px solid #36525d;background:#162e3b;padding:18px;border-radius:10px;margin-bottom:28px}.detail h2{font-size:21px;line-height:1.2;margin:13px 0 6px;font-weight:600}.detail #machineType{font-size:10px;letter-spacing:.11em;color:#93b8c3;text-transform:uppercase}.detail-grid{display:grid;grid-template-columns:1fr 1fr;row-gap:19px;margin:22px 0}.detail-grid strong{display:block;margin-top:6px;font-size:15px;font-weight:650}.full{width:100%;background:#a9e0c7;color:#17302d}.studies{display:grid;gap:7px}.studies details{border:1px solid #294750;border-radius:6px;background:#172c37;padding:10px;font-size:12px}.studies summary{cursor:pointer}.studies code{display:block;white-space:normal;color:#b1eed3;font-size:11px;margin-top:12px}.footnote{font-size:10px;line-height:1.6;color:#7f9da5;margin:28px 0}#agvLayer{pointer-events:none;position:absolute;inset:0}.agv{position:absolute;border:2px solid #4bf7cc;background:#4bf7cc55;border-radius:4px;box-shadow:0 0 15px #68d8aa;transform:translate(-50%,-50%);height:10px;width:19px;opacity:0;transition:opacity .2s}body.loaded .agv{opacity:1}@media(max-width:1000px){.layout{grid-template-columns:minmax(0,1fr) 310px}.bar{padding:0 16px;gap:8px}.pill:nth-of-type(2){display:none}#inspector{padding:17px}.scene-title{left:25px;top:65px}.scene-title h1{font-size:39px}}@media(max-width:700px){body{overflow:auto}.bar{height:62px}.bar .pill{display:none}.bar .accent{padding:9px;font-size:9px}.layout{display:block;height:auto}.scene{height:65dvh;min-height:470px}.scene-title{left:18px;top:65px}.scene-title h1{font-size:34px}.overlay-bottom{left:12px;bottom:14px;right:12px;gap:5px}.overlay-bottom button{padding:9px 8px;font-size:9px}.sliderLabel{padding:6px}.sliderLabel input{width:62px}.corner-calc{display:none}#inspector{max-height:none;overflow:visible}.kpis strong{font-size:25px}.identity small{font-size:8px}}