.studio-demo{border:1px solid #d1c5b1;border-radius:14px;background:#f5efe3;color:#211a12;box-shadow:0 28px 75px #211a1220;overflow:hidden;font:13px/1.5 var(--sans,system-ui,sans-serif)}
.studio-demo *{box-sizing:border-box}
.studio-demo__bar{display:flex;align-items:center;justify-content:space-between;gap:14px;min-height:58px;padding:12px 20px;background:#ede5d4;border-bottom:1px solid #d8cdbb}
.studio-demo__identity{display:flex;align-items:center;gap:12px;font-weight:600}
.studio-demo__identity>span:first-child{font:italic 27px/1 Georgia,serif;color:#a63a2b}
.studio-demo__badge{border:1px solid #cdb9a6;border-radius:20px;padding:3px 8px;font-size:10px;font-weight:400;color:#713a2b}
.studio-demo__bar>a{font-size:11px;color:#713a2b;white-space:nowrap}
.studio-demo__bar>a:hover{text-decoration:underline}
.studio-demo__stage{position:relative;background:#fbf7ee;aspect-ratio:1440/920;min-height:520px}
.studio-demo__poster{position:relative;width:100%;height:100%}
.studio-demo__poster img{display:block;width:100%;height:auto}
.studio-demo__invitation{position:absolute;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:16px;padding:24px;background:#f5efe370;font-size:12px}
.studio-demo__start{display:inline-flex;align-items:center;gap:17px;padding:14px 24px;border:1px solid #a63a2b;border-radius:30px;background:#a63a2b;color:#fbf7ee!important;font-weight:600;box-shadow:0 5px 20px #211a1218}
.studio-demo__start:hover{background:#7e2c20;border-color:#7e2c20}
.studio-demo__frame{display:block;width:100%;height:100%;min-height:720px;border:0;background:#f5efe3}
.studio-demo[data-running] .studio-demo__stage{aspect-ratio:auto;height:920px}
.studio-demo__status{margin:0;padding:12px 18px;border-top:1px solid #d8cdbb;background:#ede5d4;text-align:center;font-size:11px;color:#514435}
.studio-demo__after{display:flex;align-items:center;justify-content:space-between;gap:28px;margin-top:26px;font:12px/1.6 var(--sans,system-ui,sans-serif)}
.studio-demo__after p{max-width:570px;margin:0;color:#6e6353}
.studio-demo__cta{display:inline-flex;align-items:center;justify-content:center;gap:12px;flex-shrink:0;background:#a63a2b;color:#fbf7ee!important;border-radius:30px;padding:13px 19px;font-weight:600;white-space:nowrap}
.studio-demo__cta:hover{background:#7e2c20}
.studio-demo__cta .al-web-beta{border-color:#ffffff50;background:#ffffff15}
.studio-demo a:focus-visible,.studio-demo__cta:focus-visible{outline:2px solid #a63a2b;outline-offset:4px}
@media(max-width:900px){.studio-demo__stage{min-height:0}.studio-demo__invitation{position:static;background:#fbf7ee;flex-direction:column;gap:10px;padding:24px}.studio-demo__after{flex-direction:column;text-align:center;gap:18px}.studio-demo__bar{padding:12px}.studio-demo__badge{display:none}}
@media(max-width:480px){.studio-demo__identity{font-size:11px;gap:8px}.studio-demo__bar>a{font-size:10px}.studio-demo__after{font-size:11px}}
@media(max-width:900px){.studio-demo[data-running] .studio-demo__stage{height:800px}.studio-demo__frame{min-height:0}}