html,body{margin:0;padding:0;background:#07101e!important;color:#e7f0ff;font-family:system-ui,-apple-system,sans-serif}*{box-sizing:border-box}.demo-header{max-width:1514px;margin:auto;padding:22px 32px;display:flex;align-items:center;justify-content:space-between;border-bottom:1px solid #233146}.demo-brand{display:flex;align-items:center;gap:10px;color:#fff!important;font-size:23px;font-weight:600;text-decoration:none}.demo-brand img{width:28px;height:28px;object-fit:contain;filter:brightness(0) invert(1)}.demo-brand span{font-weight:400;color:#87a9cf;font-size:19px}.demo-back{font-size:14px;color:#b7d8ff!important;text-decoration:none}.demo-main{max-width:1258px;padding:28px 32px 16px;margin:auto}.demo-toolbar{display:flex;justify-content:space-between;gap:24px;align-items:center;color:#e7f0ff}.demo-toolbar h1{display:flex;align-items:center;gap:14px;font-size:30px;font-weight:600;margin:0}.demo-toolbar h1 span{font-size:12px;letter-spacing:.04em;font-weight:500;border:1px solid #3d5676;color:#c3ddff;border-radius:6px;padding:7px 10px}.demo-toolbar p{font-size:14px;line-height:1.5;color:#93a9c3;margin:12px 0}.demo-view{display:flex;flex:none;border:1px solid #354865;padding:4px;border-radius:9px}.demo-view button{background:transparent;color:#b8cce5;padding:10px 13px;border:0;border-radius:6px;font:500 14px system-ui;cursor:pointer;touch-action:manipulation}.demo-view button[aria-pressed=true]{background:#dceaff;color:#102743}.demo-help{font-size:14px;line-height:1.6;color:#abc3df;margin:14px 0 20px}.demo-viewport{overflow:auto;width:100%;border-radius:18px;background:#0e1116;box-shadow:0 20px 70px #0005;overscroll-behavior:contain;outline-offset:5px}.demo-canvas{width:1194px;min-height:834px;transform-origin:top left;zoom:var(--demo-scale,1)}#dc-root{width:1194px;height:834px}.demo-footnote{font-size:12px;color:#8198b4;line-height:1.6;margin:18px 0}.demo-media-placeholder{width:100%;height:100%;display:flex;align-items:center;justify-content:center;padding:6px;text-align:center;background:#e9eef3;color:#64768b;font-size:12px}.demo-media-placeholder span{max-width:90%}button:focus-visible,a:focus-visible{outline:3px solid #36aaff;outline-offset:3px}.demo-canvas button{touch-action:manipulation!important}.demo-canvas button[data-act]{touch-action:none!important}@media(max-width:760px){.demo-header{padding:18px 20px}.demo-brand{font-size:21px}.demo-main{padding:22px 16px 16px}.demo-toolbar{align-items:flex-start;flex-direction:column;gap:8px}.demo-toolbar h1{font-size:27px}.demo-view{align-self:flex-start}.demo-help{margin:16px 0;font-size:14px}.demo-viewport{max-height:65vh;border-radius:12px}.demo-footnote{font-size:12px}.demo-back{font-size:13px}}@media(prefers-reduced-motion:reduce){*,*::before,*::after{animation:none!important;transition:none!important}}