/* Keep the product workspace intact; navigation sits in its original plum frame. */
.demo-context{max-width:1440px;margin:0 auto;padding:0 10px 16px;display:flex;align-items:center;justify-content:space-between;gap:20px;color:#f8f5ec}
.demo-context nav{display:flex;align-items:center;gap:24px;flex-wrap:wrap}
.demo-context a{display:inline-flex;align-items:center;min-height:36px;color:inherit;text-decoration:none;font-size:12px;line-height:1.5}
.demo-context a:hover{text-decoration:underline;text-underline-offset:4px}
.demo-context a:focus-visible{outline-color:#c9dfd1}
.demo-context p{display:flex;align-items:center;gap:12px;flex-wrap:wrap;font-size:11px;line-height:1.6}
.demo-context strong{font-weight:500;color:#c9dfd1}
.demo-context p>span{color:#d2c9d3}
.demo-fallback{max-width:900px;margin:30px auto;padding:clamp(26px,5vw,64px);background:#f8f5ec;border-radius:12px;color:#302636}
.demo-fallback h1{font-size:clamp(30px,5vw,52px);line-height:1.1;letter-spacing:-.04em;font-weight:500}
.demo-fallback p{margin:24px 0;max-width:56ch;line-height:1.7}
.demo-fallback a{color:inherit;text-underline-offset:5px}
.status-banner #scanBtn,.ai-footer{display:none}
.demo-example-button{white-space:normal;line-height:1.45}
@media(max-width:1020px){.demo-context{align-items:flex-start;flex-direction:column;gap:2px;padding-bottom:14px}.demo-context p{gap:8px}}
@media(max-width:760px){.demo-context{padding:10px 20px 14px;background:#2c2331}.demo-context nav{gap:22px;width:100%;justify-content:space-between}.demo-context a{min-height:36px;font-size:12px}.demo-context p{font-size:10px;gap:3px 8px}.demo-fallback{margin:20px;border-radius:0;padding:24px 0}}
@media(max-width:360px){.demo-context nav{gap:10px}.demo-context a{font-size:11px}}