.public-demo-canvas{display:block!important;width:100%!important;height:100%!important;position:absolute;inset:0;outline:none;touch-action:none}
.public-demo-canvas:focus-visible{outline:2px solid #b7edda;outline-offset:-5px}
.public-demo-callout{position:absolute;top:0;left:0;z-index:2;pointer-events:none;white-space:nowrap;padding:5px 8px;border:1px solid #a4d8e23b;border-radius:4px;background:#0b2030d9;color:#d4e5ea;font:600 9px/1.2 system-ui,sans-serif;letter-spacing:.13em;box-shadow:0 3px 10px #0003}
.public-demo-callout[data-category=power]{border-color:#d4ba695c;color:#f0dba4}.public-demo-callout[data-category=cooling]{border-color:#59c4da66;color:#a9e4e7}.public-demo-callout[data-category=it]{border-color:#93dabb60;color:#c1eedc}
.public-demo-callout[hidden]{display:none}
.public-demo-sr{position:absolute!important;width:1px!important;height:1px!important;padding:0!important;margin:-1px!important;overflow:hidden!important;clip:rect(0,0,0,0)!important;white-space:nowrap!important;border:0!important}
.public-demo-fallback{position:absolute;inset:0;display:flex;flex-direction:column;justify-content:flex-start;padding:70px clamp(18px,4vw,44px) 20px;gap:12px;background:linear-gradient(90deg,#091724f5 0%,#091724e8 48%,#09172499 100%);color:#edf5f6;z-index:1;font-family:inherit}
.public-demo-fallback[hidden]{display:none}.public-demo-fallback h3{margin:0;font-size:clamp(22px,4vw,32px);letter-spacing:-.03em}.public-demo-fallback>p{margin:0;max-width:54ch;font-size:14px;line-height:1.55;color:#b9cbd4}
.public-demo-paths{display:grid;gap:10px;width:100%;max-width:600px}.public-demo-path{padding:12px 14px;border:1px solid #455d6d;border-radius:8px;background:#112c3ecc;font-size:13px;line-height:1.7}.public-demo-path strong{display:block;font-size:10px;letter-spacing:.14em;color:#a4e5d2}.public-demo-path[data-active=true]{border-color:#a3dec9;background:#183b49}
.public-demo-expanded{position:fixed!important;inset:0!important;width:100vw!important;height:100dvh!important;max-width:none!important;max-height:none!important;margin:0!important;z-index:2147483646!important;overflow:auto!important;background:#091724!important;border-radius:0!important;padding:16px!important;box-sizing:border-box!important}
.public-demo-expanded #dc-demo-stage{height:calc(100dvh - 180px)!important;min-height:230px!important;max-height:none!important}
[data-demo-shell]:fullscreen,#dc-demo:fullscreen,.demo-shell:fullscreen{background:#091724;padding:20px;overflow:auto;width:100vw;height:100vh;box-sizing:border-box}
[data-demo-shell]:fullscreen #dc-demo-stage,#dc-demo:fullscreen #dc-demo-stage,.demo-shell:fullscreen #dc-demo-stage{height:calc(100vh - 190px);min-height:240px;max-height:none}
@media(max-width:600px){[data-demo-shell]:fullscreen,#dc-demo:fullscreen,.demo-shell:fullscreen{padding:8px}.public-demo-callout{font-size:7px;letter-spacing:.08em;padding:4px 5px}.public-demo-expanded{padding:8px!important;display:flex!important;flex-direction:column!important}.public-demo-expanded #dc-demo-stage,[data-demo-shell]:fullscreen #dc-demo-stage,#dc-demo:fullscreen #dc-demo-stage,.demo-shell:fullscreen #dc-demo-stage{height:auto!important;flex:1 0 180px!important;min-height:180px!important}.public-demo-expanded .demo-information,.public-demo-expanded .demo-bottomline,.demo-shell:fullscreen .demo-information,.demo-shell:fullscreen .demo-bottomline{flex-shrink:0}.public-demo-fallback{gap:9px;padding-top:58px}.public-demo-path{padding:9px 10px}}