.ocx-live-demo{--ld-line:#dce5ef;--ld-text:#17263b;--ld-muted:#718096;margin:28px 0;border:1px solid var(--ld-line);border-radius:20px;overflow:hidden;background:#fff;box-shadow:0 16px 42px rgba(21,42,70,.08);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,Arial,sans-serif}.ocx-live-demo__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;padding:11px 13px;border-bottom:1px solid var(--ld-line);background:linear-gradient(135deg,#fbfdff,#f6f4ff 60%,#f2fbf8)}.ocx-live-demo__identity,.ocx-live-demo__actions,.ocx-live-demo__devices{display:flex;align-items:center}.ocx-live-demo__identity{gap:8px;min-width:0}.ocx-live-demo__identity strong{color:var(--ld-text);font-size:13px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.ocx-live-demo__pulse{width:9px;height:9px;border-radius:50%;background:#18b98a;box-shadow:0 0 0 5px rgba(24,185,138,.12)}.ocx-live-demo__badge{font-size:9px;font-weight:900;letter-spacing:.1em;color:#6154cf;background:#eeebff;border:1px solid #ddd7ff;border-radius:999px;padding:5px 7px}.ocx-live-demo__actions{gap:8px}.ocx-live-demo__devices{gap:4px;padding:3px;background:#fff;border:1px solid #dfe6ef;border-radius:10px}.ocx-live-demo__devices button{border:0;background:transparent;color:#77879a;border-radius:7px;height:30px;padding:0 9px;font-size:11px}.ocx-live-demo__devices button.is-active{background:#edeaff;color:#5e51cd}.ocx-live-demo__devices button i{margin-right:5px}.ocx-live-demo__open{height:36px;display:inline-flex;align-items:center;gap:6px;padding:0 11px;border:1px solid #dfe6ef;border-radius:10px;color:#465a73;background:#fff;text-decoration:none!important;font-size:11px;font-weight:700}.ocx-live-demo__open:hover{color:#5e51cd;border-color:#cfc8ff}.ocx-live-demo__stage{padding:16px;background:linear-gradient(180deg,#eef3f8,#e7edf5);overflow:hidden}.ocx-live-demo__viewport{max-width:100%;margin:0 auto;background:#fff;border-radius:13px;overflow:hidden;box-shadow:0 5px 20px rgba(24,41,67,.11);transition:width .28s ease}.ocx-live-demo iframe{display:block;width:100%;border:0;background:#fff;transition:height .25s ease}@media(max-width:700px){.ocx-live-demo__bar{align-items:flex-start;flex-direction:column}.ocx-live-demo__actions{width:100%;justify-content:space-between}.ocx-live-demo__identity strong{max-width:48vw}.ocx-live-demo__devices button span,.ocx-live-demo__open span{display:none}.ocx-live-demo__devices button i{margin:0}.ocx-live-demo__stage{padding:8px}.ocx-live-demo{border-radius:14px}}