/* WattleCode demo-build frame: shared by every /demos/ page */
@font-face{font-family:"Space Grotesk";src:url(../fonts/SpaceGrotesk-VariableFont_wght.ttf) format("truetype");font-weight:300 700;font-display:swap}
@font-face{font-family:"Inter";src:url(../fonts/Inter-Variable.ttf) format("truetype");font-weight:100 900;font-display:swap}
@font-face{font-family:"JetBrains Mono";src:url(../fonts/JetBrainsMono-VariableFont_wght.ttf) format("truetype");font-weight:100 800;font-display:swap}
.wc-demo-bar{position:sticky;top:0;z-index:1000;display:flex;align-items:center;gap:14px;flex-wrap:wrap;background:#0F1F17;color:#F6F3EA;font:500 13px/1.4 "Inter",system-ui,sans-serif;padding:9px 20px;border-bottom:2px solid #F2B81C}
.wc-demo-bar a{color:#F6F3EA;text-decoration:none}
.wc-demo-bar .wc-back{font-family:"JetBrains Mono",monospace;font-weight:700;white-space:nowrap}
.wc-demo-bar .wc-back b{color:#F2B81C}
.wc-demo-bar .wc-lbl{font-family:"JetBrains Mono",monospace;font-size:11px;font-weight:700;background:#F2B81C;color:#0F1F17;padding:3px 8px;border-radius:999px;white-space:nowrap}
.wc-demo-bar .wc-txt{color:rgba(246,243,234,.75);flex:1;min-width:200px}
.wc-demo-bar .wc-cta{background:#F2B81C;color:#0F1F17;font-weight:700;padding:6px 14px;border-radius:999px;white-space:nowrap}
@media (max-width:640px){.wc-demo-bar .wc-txt{display:none}}