.live-lab{margin:42px 0;padding:34px;border:1px solid #cddbeb;border-top:6px solid #0868ee;border-radius:18px;background:#fff;color:#102847;box-shadow:0 18px 50px rgba(16,40,71,.08)}
.live-lab__heading,.live-lab__heading>div,.live-lab__camera header,.live-lab__feedback header{display:flex;align-items:flex-start;justify-content:space-between;gap:18px}.live-lab__heading>div{display:block}.live-lab__heading small,.live-innovation-link small{color:#0868ee;font-weight:800;letter-spacing:.08em}.live-lab__heading h2{max-width:760px;margin:7px 0 8px;font-size:clamp(26px,3vw,42px);line-height:1.16}.live-lab__heading p{margin:0;color:#58708d}.live-lab__heading>strong{flex:none;padding:9px 14px;border-radius:999px;background:#eef5ff;color:#0868ee}
.live-lab__steps{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:28px 0;padding:0;list-style:none}.live-lab__steps li{display:flex;align-items:center;gap:10px;min-height:50px;padding:8px 12px;border-radius:12px;background:#f3f7fc;color:#60748d;font-weight:700}.live-lab__steps b{display:grid;width:28px;height:28px;place-items:center;border-radius:50%;background:#dfe9f5}.live-lab__steps li.active{background:#e9f3ff;color:#075fcf}.live-lab__steps li.done{background:#eaf8f1;color:#19724a}.live-lab__steps li.active b{background:#0868ee;color:#fff}
.live-lab__grid{display:grid;grid-template-columns:minmax(260px,.8fr) minmax(320px,1.25fr);gap:18px}.live-lab__grid>article{border:1px solid #d8e2ee;border-radius:16px;padding:20px;background:#fbfdff}.live-lab__control{grid-row:span 2}.live-lab__grid h3{margin:0 0 10px;font-size:21px}.live-lab__grid p{color:#5b7088}.live-lab__actions{display:grid;gap:10px;margin-top:18px}.live-lab button,.live-lab__gain a,.live-innovation-link a{display:grid;min-height:48px;place-items:center;border:1px solid #0868ee;border-radius:10px;background:#fff;color:#0868ee;font:inherit;font-weight:800;text-decoration:none;cursor:pointer}.live-lab button:first-child{background:#0868ee;color:#fff}.live-lab button.stop{border-color:#c8373f;color:#b1252d}.live-lab button:disabled{cursor:not-allowed;border-color:#cbd7e5;background:#eef2f6;color:#8494a7}.live-lab__camera>div{position:relative;display:grid;min-height:260px;overflow:hidden;place-items:center;border-radius:12px;background:#102847}.live-lab__camera img{width:100%;height:100%;min-height:260px;object-fit:cover}.live-lab__camera>div>span{position:absolute;max-width:80%;text-align:center;color:#dbe8f7}.live-lab__camera #live-camera-connect{position:absolute;bottom:22px;min-height:42px;padding:0 22px;border-color:#fff;background:#fff;color:#075fcf}.live-lab__camera #live-camera-connect[hidden]{display:none}.live-axis-list{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:14px 0}.live-axis-list div{padding:10px;border-radius:9px;background:#eef5ff}.live-axis-list strong,.live-axis-list span{display:block}.live-axis-list span{margin-top:4px;color:#58708d;font-size:13px}.live-lab__gain{display:flex;align-items:center;gap:18px;margin-top:20px;padding:18px;border-radius:13px;background:#eef6ff}.live-lab__gain p{flex:1;margin:0}.live-lab__gain a{padding:0 18px;background:#0868ee;color:#fff}.live-innovation-link{display:flex;align-items:center;justify-content:space-between;gap:24px;margin:24px auto;padding:25px 30px;border:1px solid #cfe0f4;border-radius:16px;background:#eef6ff}.live-innovation-link h2{margin:6px 0;font-size:25px}.live-innovation-link p{margin:0;color:#58708d}.live-innovation-link a{flex:none;padding:0 22px;background:#0868ee;color:#fff}
@media(max-width:780px){.live-lab{margin:24px 0;padding:20px 16px}.live-lab__heading{display:block}.live-lab__heading>strong{display:inline-block;margin-top:14px}.live-lab__steps{grid-template-columns:1fr 1fr}.live-lab__grid{grid-template-columns:1fr}.live-lab__control{grid-row:auto}.live-axis-list{grid-template-columns:1fr 1fr}.live-lab__gain,.live-innovation-link{display:block}.live-lab__gain a,.live-innovation-link a{margin-top:14px;padding:0 14px}.live-lab__camera>div,.live-lab__camera img{min-height:210px}}

.h1-media video{width:100%;height:100%;object-fit:cover;object-position:center 48%}
.h1-live-empty{position:absolute;inset:0;display:grid;place-items:center;padding:24px;color:#60748d;font-size:12px;line-height:1.6;text-align:center}
.h1-live-empty[hidden]{display:none}
#h1-camera-connect{background:#0868ee;color:#fff}
#h1-camera-status,#h1-play-status{grid-column:1/-1}