.live-snapshot{margin:0 0 22px;padding:25px 28px;border-radius:22px;border:1px solid #28506d;background:linear-gradient(135deg,#10283b,#0a1c2c);box-shadow:0 18px 45px #0005}
.live-snapshot-head{display:flex;justify-content:space-between;align-items:flex-start;gap:20px}
.live-snapshot h2{margin:0}
.live-snapshot>p{color:#8fa6b7;margin:10px 0 20px}
.live-pill{white-space:nowrap;padding:8px 11px;border-radius:99px;color:var(--teal);background:rgba(85,223,206,.08);border:1px solid rgba(85,223,206,.25);font-size:10px;font-weight:900;letter-spacing:.08em}
.live-pill i{display:inline-block;width:7px;height:7px;border-radius:50%;background:var(--teal);box-shadow:0 0 12px var(--teal);margin-right:5px;animation:livePulse 2s infinite}
.snapshot-grid{display:grid;grid-template-columns:1.25fr 1fr .8fr 1fr;gap:13px}
.snapshot-grid label>span{display:block;color:#9db1c0;font-size:11px;font-weight:800;margin-bottom:7px}
.snapshot-grid>label>input,.snapshot-grid select{box-sizing:border-box;width:100%;min-height:47px;border:1px solid #2b536d;border-radius:12px;background:#081a29;color:#fff;padding:0 12px;font:700 14px Inter,system-ui;outline:0}
.snapshot-grid>label>input:focus,.snapshot-grid select:focus{border-color:var(--teal);box-shadow:0 0 0 3px rgba(85,223,206,.1)}
.snapshot-status{display:flex;justify-content:space-between;gap:15px;margin-top:13px;color:#6f899b;font-size:11px}
.snapshot-status span:last-child{color:#9fb5c4}
.continuous-comparison{display:grid;grid-template-columns:repeat(3,1fr);gap:8px;margin:0 0 14px}
.continuous-comparison>div{padding:11px;border-radius:12px;background:#081a29;border:1px solid #203f55}
.continuous-comparison small,.continuous-comparison strong{display:block}
.continuous-comparison small{min-height:28px;color:#6f899b;font-size:9px;line-height:1.35}
.continuous-comparison strong{color:#dce9f2;font-size:14px;margin-top:4px}
@keyframes livePulse{50%{opacity:.45;transform:scale(.75)}}
@media(max-width:900px){.snapshot-grid{grid-template-columns:1fr 1fr}}
@media(max-width:560px){.live-snapshot{padding:19px;border-radius:19px}.snapshot-grid,.continuous-comparison{grid-template-columns:1fr}.live-snapshot-head,.snapshot-status{display:block}.live-pill{display:inline-block;margin-top:12px}.snapshot-status span{display:block;margin-top:5px}}