.sd-installer-demo{color:#f3f0e9;--background:150 16% 9%;--foreground:40 20% 94%;--surface:150 15% 13%;--border:150 10% 25%;--muted-foreground:120 7% 70%;--primary:35 57% 66%;--primary-foreground:150 20% 10%;--card:150 15% 13%;--secondary:150 12% 20%;--secondary-foreground:40 20% 94%;background:#15201b;border:1px solid #ffffff26;border-radius:4px;margin-top:32px;overflow:hidden}.sd-demo-bar{border-bottom:1px solid #ffffff20;justify-content:space-between;align-items:center;gap:12px;padding:15px 20px;font-size:14px;display:flex}.sd-demo-bar>span{flex-wrap:wrap;align-items:center;gap:12px;display:flex}.sd-demo-bar b{color:#c8b493;font-size:11px;font-weight:400}.sd-demo-bar button{color:inherit;background:0 0;border:1px solid #ffffff30;place-items:center;min-width:44px;min-height:44px;display:grid}.sd-demo-start{text-align:center;background:radial-gradient(at 50% 0,#334137,#0000 70%);flex-direction:column;justify-content:center;align-items:center;min-height:400px;padding:45px 24px;display:flex}.sd-demo-symbol{color:#d9b177;margin-bottom:24px}.sd-demo-start h3{font-size:clamp(26px,3vw,40px);font-weight:400;line-height:1.15}.sd-demo-start p{color:#c4c9bf;max-width:490px;margin:20px 0 28px;font-size:16px;line-height:1.7}.sd-demo-start small{color:#aeb7ac;margin-top:20px;font-size:12px}.sd-demo-player{height:min(720px,80dvh);min-height:540px}.sd-demo-loading{justify-content:center;align-items:center;gap:12px;height:400px;font-size:15px;display:flex}.sd-demo-loading svg{animation:1s linear infinite sd-demo-spin}.sd-installer-demo:-webkit-full-screen{flex-direction:column;width:100vw;height:100dvh;display:flex}.sd-installer-demo:fullscreen{flex-direction:column;width:100vw;height:100dvh;display:flex}.sd-installer-demo:-webkit-full-screen .sd-demo-player{flex:1;height:auto;min-height:0}.sd-installer-demo:fullscreen .sd-demo-player{flex:1;height:auto;min-height:0}.sd-demo-player button{min-height:32px}.sd-demo-player button:focus-visible{outline-offset:2px;outline:2px solid #d9b177}@media(max-width:767px){.sd-demo-bar{padding:12px}.sd-demo-bar>span{gap:7px}.sd-demo-bar b{flex-basis:100%;font-size:10px}.sd-demo-player{height:760px;min-height:0}.sd-demo-start{min-height:420px}.sd-demo-start p{font-size:15px}}@keyframes sd-demo-spin{to{transform:rotate(360deg)}}@media(prefers-reduced-motion:reduce){.sd-demo-loading svg{animation:none}}