@charset "UTF-8";
/* Scoped to #demoBar. No inline styles or global theme changes. */
#demoBar{position:sticky;top:0;z-index:9999;box-sizing:border-box;width:100%;margin:0;padding:0;background:linear-gradient(90deg,#14284b 0%,#1d3a6b 55%,#14284b 100%);color:#fff;font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Noto Sans KR","Apple SD Gothic Neo","Malgun Gothic",Arial,sans-serif;box-shadow:0 2px 8px #0003}
#demoBar[hidden]{display:none!important}
#demoBar *{box-sizing:border-box}
#demoBar .demo-inner{position:relative;max-width:1280px;margin:0 auto;padding:12px 58px 12px 20px;display:flex;align-items:center;justify-content:center;gap:10px 14px;flex-wrap:wrap;line-height:1.5}
#demoBar .demo-badges{display:flex;align-items:center;gap:5px;flex-shrink:0}
#demoBar .demo-badge{display:inline-block;padding:4px 8px;border-radius:5px;font-size:11px;font-weight:800;letter-spacing:.04em;line-height:1.2;white-space:nowrap}
#demoBar .b-demo{background:#ffffff1f;color:#fff;border:1px solid #ffffff50}
#demoBar .b-free{background:#ffc83d;color:#14284b;border:1px solid #ffc83d}
#demoBar .demo-text{font-size:14px;letter-spacing:-.2px;min-width:0;overflow-wrap:anywhere;color:#fff}
#demoBar .demo-text strong{color:#ffc83d;font-weight:750}
#demoBar .demo-sub{display:block;font-size:12px;color:#d3def0;margin-top:2px}
#demoBar a.demo-cta{display:inline-flex;align-items:center;justify-content:center;gap:6px;flex-shrink:0;min-height:36px;padding:7px 14px;border:1px solid #ffc83d;border-radius:999px;background:#ffc83d;color:#14284b!important;font-size:12px;font-weight:750;line-height:1.4;white-space:nowrap;text-decoration:none!important}
#demoBar a.demo-cta:hover{background:#ffdc80;border-color:#ffdc80}
#demoBar .demo-close{position:absolute;right:14px;top:50%;transform:translateY(-50%);display:grid;place-items:center;width:32px;height:32px;min-width:32px;min-height:32px;margin:0;padding:0;border:1px solid #ffffff38;border-radius:50%;background:transparent;color:#fff;font-family:inherit;font-size:22px;font-weight:400;line-height:1;box-shadow:none;cursor:pointer}
#demoBar .demo-close:hover{background:#ffffff20;border-color:#ffffff70;color:#fff}
#demoBar a:focus-visible,#demoBar button:focus-visible{outline:2px solid #fff;outline-offset:3px}
@media(max-width:768px){#demoBar{position:relative}#demoBar .b-free,#demoBar .demo-sub{display:none}#demoBar .demo-inner{justify-content:flex-start;gap:8px;padding:10px 52px 10px 14px}#demoBar .demo-text{flex:1 1 180px;font-size:12px}#demoBar a.demo-cta{min-height:32px;font-size:11px;padding:6px 12px}#demoBar .demo-close{right:10px}}
@media(max-width:380px){#demoBar .demo-badges{flex-basis:100%}#demoBar .demo-text{flex-basis:100%}#demoBar .demo-inner{gap:7px}}