/* LogicBit News Core — live demo template switcher */
.lbnc-demo { position: fixed; left: 16px; bottom: 16px; z-index: 9999; font: 14px/1.4 system-ui, -apple-system, 'Segoe UI', Roboto, sans-serif; }
.lbnc-demo__toggle { border: 0; border-radius: 999px; padding: 11px 18px; background: #111827; color: #fff; font-weight: 700; cursor: pointer; box-shadow: 0 10px 30px -8px rgba(0,0,0,.5); }
.lbnc-demo__panel { position: absolute; left: 0; bottom: 54px; width: min(340px, calc(100vw - 32px)); max-height: 70vh; overflow: auto; background: #fff; color: #111827; border-radius: 14px; padding: 14px; box-shadow: 0 20px 50px -12px rgba(0,0,0,.45); }
.lbnc-demo__panel[hidden] { display: none; }
.lbnc-demo__head { display: flex; flex-direction: column; margin-bottom: 8px; }
.lbnc-demo__head small { color: #6b7280; }
.lbnc-demo__family { margin: 10px 0; }
.lbnc-demo__family b { display: block; font-size: 12px; text-transform: uppercase; letter-spacing: .06em; color: #374151; margin-bottom: 6px; }
.lbnc-demo__swatches { display: grid; grid-template-columns: repeat(10, 1fr); gap: 6px; }
.lbnc-demo__swatches a { aspect-ratio: 1; border-radius: 8px; background: linear-gradient(135deg, var(--b) 0 34%, var(--a) 34% 70%, var(--c) 70%); border: 2px solid #e5e7eb; display: block; }
.lbnc-demo__swatches a:hover, .lbnc-demo__swatches a.is-current { border-color: #111827; transform: scale(1.08); }
.lbnc-demo__reset { display: inline-block; margin-top: 4px; color: #6b7280; font-size: 12px; text-decoration: underline; }