.physio-demo{--pd-mint:#9deac6;--pd-amber:#ffc26b;--pd-muted:#b6c4d9;max-width:1280px;margin:56px auto;padding:32px;background:#101d31;color:#eef5ff;border:1px solid #33455e;border-radius:20px;font-family:Arial,sans-serif}.physio-demo *{box-sizing:border-box}.pd-heading{display:flex;justify-content:space-between;align-items:center;gap:20px}.pd-kicker{font-size:10px!important;letter-spacing:.15em;font-weight:700;color:var(--pd-mint);margin:0 0 9px}.pd-heading h2{font-size:clamp(26px,3vw,38px);line-height:1.2;margin:0}.pd-badge{font-size:10px;letter-spacing:.06em;background:#253c4a;color:#a9efce;padding:9px 12px;border-radius:20px;white-space:nowrap}.pd-lead{font-size:16px;line-height:1.8;color:var(--pd-muted);max-width:850px;margin:22px 0}.pd-controls{display:flex;align-items:center;gap:10px 16px;flex-wrap:wrap;margin:24px 0}.physio-demo button,.physio-demo select{font:inherit;font-size:13px;color:#e8f2ff;background:#1d304a;border:1px solid #546985;border-radius:7px;padding:11px 13px;min-height:42px;cursor:pointer}.physio-demo button:hover{background:#304b69}.physio-demo button:disabled{opacity:.5;cursor:default}.physio-demo button.pd-primary{background:var(--pd-mint);color:#113c30;border-color:var(--pd-mint);font-weight:700}.physio-demo label{display:flex;align-items:center;gap:7px;font-size:13px;cursor:pointer}.physio-demo input{accent-color:#6cdbaf;width:17px;height:17px}.physio-demo :focus-visible{outline:3px solid #ffc26b;outline-offset:4px}.pd-layout{display:grid;grid-template-columns:minmax(0,1fr) 300px;gap:20px;align-items:start}.pd-visual{min-width:0}.pd-image{position:relative;aspect-ratio:3/2;overflow:hidden;border-radius:12px;background:#21334a}.pd-image img,.pd-image canvas{width:100%;height:100%;position:absolute;inset:0;object-fit:fill}.pd-image canvas{pointer-events:none}.pd-area{position:absolute;top:12px;padding:7px 9px;background:#101d31d9;border:1px solid #9deac680;border-radius:7px;color:var(--pd-mint);font-size:11px;pointer-events:none}.pd-area-a{left:12px}.pd-area-b{right:12px;color:var(--pd-amber);border-color:#ffc26b80}.pd-gaze{position:absolute;width:27px;height:27px;border:2px solid white;border-radius:50%;box-shadow:0 0 0 6px #ffffff24;transform:translate(-50%,-50%);pointer-events:none}.pd-gaze:after{content:'';position:absolute;left:9px;top:9px;width:5px;height:5px;border-radius:50%;background:white}.pd-legend{display:flex;gap:10px 18px;flex-wrap:wrap;color:var(--pd-muted);font-size:11px;padding:14px 0;line-height:1.5}.pd-legend span{display:flex;align-items:center;gap:6px}.pd-dot{width:7px;height:7px;display:inline-block;border-radius:50%}.pd-dot.a{background:var(--pd-mint)}.pd-dot.b{background:var(--pd-amber)}.pd-targets{display:flex;gap:8px;flex-wrap:wrap;align-items:center}.pd-targets>span{font-size:12px;color:var(--pd-muted);width:100%}.pd-monitor{background:#07111f;border:1px solid #304159;border-radius:12px;padding:20px;min-width:0}.pd-monitor-head{display:flex;justify-content:space-between;align-items:center;gap:10px}.pd-monitor h3{font-size:21px;margin:0}.pd-monitor-dot{width:9px;height:9px;background:var(--pd-mint);border-radius:50%}.pd-pulse{display:flex;gap:14px;align-items:center;margin:14px 0}.pd-pulse strong{font-size:54px;font-weight:500;line-height:1.1;color:var(--pd-mint);font-variant-numeric:tabular-nums}.pd-pulse span{font-size:11px;color:var(--pd-muted);line-height:1.5}#ecgCanvas{width:100%;height:155px;display:block;border:1px solid #203c42;border-radius:6px;background:#091d23}.pd-response{margin-top:18px}.pd-response>span{font-size:11px;color:var(--pd-muted)}.pd-meter,.pd-progress{height:5px;background:#233449;border-radius:10px;overflow:hidden;margin:9px 0}.pd-meter>div{height:100%;background:var(--pd-amber);width:0}.pd-response p{font-size:12px;line-height:1.6;color:#d1deed;min-height:39px;margin:10px 0 16px}.pd-metrics{margin:0}.pd-metrics>div{display:flex;justify-content:space-between;border-top:1px solid #26354a;padding:11px 0;gap:9px;font-size:11px}.pd-metrics dt{color:var(--pd-muted)}.pd-metrics dd{margin:0;text-align:right;font-weight:700}.pd-progress>div{height:100%;width:0;background:var(--pd-mint)}.pd-bottom{display:grid;grid-template-columns:1fr 1fr 1.3fr;gap:24px;margin:24px 0}.pd-count{display:grid;grid-template-columns:1fr auto;gap:10px;font-size:12px;align-self:center}.pd-count>span{color:var(--pd-muted)}.pd-count>div{grid-column:1/-1;height:6px;background:#2a3c52;border-radius:10px;overflow:hidden}.pd-count i{display:block;height:100%;width:0;background:var(--pd-mint)}#barB{background:var(--pd-amber)}.pd-bottom-actions{text-align:right}.pd-bottom-actions p{font-size:11px;line-height:1.6;color:var(--pd-muted);margin:8px 0 0}.pd-disclaimer{padding:18px 20px;background:#1b2b41;border-radius:10px;color:#c0cfe1;font-size:12px!important;line-height:1.8;margin:0}.pd-disclaimer strong{color:white}.physio-demo [hidden]{display:none!important}@media(max-width:1000px){.physio-demo{margin:32px 20px;padding:24px}.pd-layout{grid-template-columns:minmax(0,1fr) 270px;gap:16px}.pd-monitor{padding:16px}}@media(max-width:740px){.physio-demo{margin:28px 12px;padding:18px 14px}.pd-heading{align-items:start;flex-direction:column;gap:15px}.pd-layout{grid-template-columns:1fr}.pd-controls{gap:10px 12px}.pd-monitor{display:grid;grid-template-columns:1fr 1fr;gap:8px 18px}.pd-monitor-head{grid-column:1/-1}.pd-pulse{margin:9px 0}.pd-monitor #ecgCanvas{grid-column:1/-1;height:150px}.pd-response{grid-column:1/-1;margin-top:6px}.pd-response p{min-height:0;margin-bottom:7px}.pd-metrics{grid-column:1/-1}.pd-progress{grid-column:1/-1}.pd-pulse strong{font-size:44px}.pd-bottom{grid-template-columns:1fr 1fr;gap:20px 16px}.pd-bottom-actions{grid-column:1/-1;text-align:left}.pd-area{font-size:9px;padding:6px;top:8px}.pd-area-a{left:8px}.pd-area-b{right:8px}.pd-disclaimer{padding:15px}.pd-gaze{width:23px;height:23px}.pd-gaze:after{left:7px;top:7px}}