/* The demo bar. Sits above the app without changing the app's own layout. */
.kv-demo{position:fixed;inset:0 0 auto 0;z-index:9999;min-height:38px;display:flex;flex-wrap:wrap;align-items:center;justify-content:space-between;gap:4px 14px;
  padding:6px 14px;background:#1f4e46;color:#eaf3f0;font:500 13px/1.35 "Public Sans",system-ui,sans-serif;box-shadow:0 1px 6px rgba(0,0,0,.25)}
.kv-demo b{font-weight:700;color:#fff}
.kv-demo-label{min-width:0}
.kv-demo-acts{display:flex;align-items:center;gap:6px;flex-wrap:wrap}
.kv-demo a,.kv-demo button{font:inherit;font-weight:600;color:#eaf3f0;background:rgba(255,255,255,.12);border:0;border-radius:6px;padding:4px 10px;text-decoration:none;cursor:pointer}
.kv-demo a:hover,.kv-demo button:hover{background:rgba(255,255,255,.22)}
.kv-demo a.kv-demo-cta{background:#bd6d38;color:#fff}
.kv-demo a.kv-demo-cta:hover{background:#a85e2e}
.kv-demo :focus-visible{outline:2px solid #fff;outline-offset:2px}
html.kv-has-demo body{padding-top:38px}
@media (max-width:720px){ .kv-demo-label{font-size:12px} html.kv-has-demo body{padding-top:66px} }
@media print{ .kv-demo{display:none} html.kv-has-demo body{padding-top:0} }
body.kv-video{margin:0;min-height:100vh;display:grid;place-items:center;background:#eef1ec;color:#1c2622;font:16px/1.6 "Public Sans",system-ui,sans-serif;padding:24px}
body.kv-video main{max-width:560px;background:#fff;border:1px solid #d9ded8;border-radius:14px;padding:32px;display:grid;gap:14px}
body.kv-video h1{font:500 28px/1.15 "Fraunces",Georgia,serif;margin:0}
body.kv-video p{margin:0;color:#5c6560}
body.kv-video a{color:#2c6e63;font-weight:600}