.live-mode-switch{display:flex;align-items:center;gap:16px;margin:10px 0;color:#62416d}.live-mode-switch label{min-width:230px}.live-mode-switch span{font-size:12px}.live-demo-panel{padding:16px;border:1px solid #bc99c2;border-radius:16px;background:linear-gradient(135deg,#ead9ef,#f8e9ee);color:#51344c}.live-demo-panel header{display:flex;justify-content:space-between;align-items:center}.live-demo-panel h2{margin:0}.live-demo-panel [role=status]{font-size:13px}.live-metrics{display:grid;grid-template-columns:repeat(4,1fr);gap:10px;margin:18px 0}.live-metrics>div{padding:12px;background:#ffffff99;border:1px solid #c8add0;border-radius:10px;font-size:11px}.live-metrics strong{display:block;margin-top:6px;font-size:20px}.live-demo-layout{display:grid;grid-template-columns:minmax(0,1fr) 260px;gap:14px}.live-chart{position:relative;min-height:520px;background:#fff9fc;border:1px solid #c8add0;border-radius:10px;overflow:hidden}.live-chart canvas{width:100%;height:520px;display:block}#liveChartEmpty{position:absolute;inset:0;display:flex;align-items:center;justify-content:center;flex-direction:column;text-align:center;gap:12px;padding:20px;color:#80598e}#liveChartEmpty[hidden]{display:none}.live-ticket{display:flex;flex-direction:column;gap:12px}.live-demo-panel button{border:1px solid #ac87b7;border-radius:8px;padding:11px;background:#f7edf9;color:#593264;font-weight:700}.live-demo-panel button:disabled{opacity:.45;cursor:not-allowed}.live-order-actions{display:flex;gap:8px}.live-order-actions button{flex:1}.live-demo-panel details{margin-top:14px}.replay-lab>[hidden]{display:none!important}@media(max-width:700px){.live-demo-layout{grid-template-columns:1fr}.live-metrics{grid-template-columns:repeat(2,1fr)}.live-chart,.live-chart canvas{height:60vh;min-height:420px}.live-mode-switch{flex-wrap:wrap}}