.demo-strip[data-v-1827a8d8]{flex-shrink:0;padding:6px 12px}.demo-strip-inner[data-v-1827a8d8]{display:flex;align-items:center;gap:10px;padding:6px 14px;border-radius:999px;background:#0f0a3c8c;border:1px solid rgba(168,139,250,.25);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);overflow:hidden;color:#ffffffd9;font-size:12.5px}.demo-strip-tag[data-v-1827a8d8]{flex-shrink:0;padding:2px 8px;border-radius:999px;font-size:10px;font-weight:700;letter-spacing:.08em;background:#ffa7472e;background:oklch(.8 .16 65 / .18);color:#ffcd9d;color:oklch(.88 .14 65);border:1px solid oklch(.8 .16 65 / .4)}.demo-strip-title[data-v-1827a8d8]{font-weight:600;color:#fff;white-space:nowrap}.demo-strip-desc[data-v-1827a8d8]{color:#ffffff8c;white-space:nowrap;overflow:hidden;text-overflow:ellipsis;min-width:0;flex:1}.demo-strip-counter[data-v-1827a8d8]{flex-shrink:0;font-family:ui-monospace,monospace;font-size:11.5px;color:#a88bfaf2;padding:2px 8px;border-radius:999px;background:#a88bfa1f;border:1px solid rgba(168,139,250,.3)}.demo-strip-jump[data-v-1827a8d8]{display:inline-flex;align-items:center;gap:4px;flex-shrink:0;padding:2px 6px;border-left:1px solid rgba(255,255,255,.08);border-right:1px solid rgba(255,255,255,.08);margin:0 2px}.demo-strip-badge[data-v-1827a8d8]{width:22px;height:22px;border-radius:50%;font-family:ui-monospace,monospace;font-size:10.5px;font-weight:700;line-height:1;color:#ffffff8c;background:#ffffff0d;border:1px solid rgba(255,255,255,.1);cursor:pointer;transition:all .16s ease;display:inline-flex;align-items:center;justify-content:center}.demo-strip-badge[data-v-1827a8d8]:hover:not(:disabled){background:#a88bfa33;border-color:#a88bfa80;color:#fff;transform:translateY(-1px)}.demo-strip-badge[data-v-1827a8d8]:active:not(:disabled){transform:translateY(0)}.demo-strip-badge.is-current[data-v-1827a8d8]{background:#a88bfad9;border-color:#a88bfa;color:#0f0b15;box-shadow:0 0 12px #a88bfa80;cursor:default}.demo-strip-badge.is-visited[data-v-1827a8d8]{background:#22d3ee24;border-color:#22d3ee66;color:#22d3eef2}.demo-strip-badge.is-visited[data-v-1827a8d8]:hover:not(:disabled){background:#22d3ee47;border-color:#22d3eeb3}.demo-strip-badge[data-v-1827a8d8]:disabled{cursor:not-allowed;opacity:.55}@media(max-width:700px){.demo-strip-desc[data-v-1827a8d8]{display:none}.demo-strip-jump[data-v-1827a8d8]{gap:3px;padding:2px 4px}.demo-strip-badge[data-v-1827a8d8]{width:18px;height:18px;font-size:9.5px}}.demo-empty[data-v-1827a8d8]{--t-accent: oklch(.72 .22 320);--t-accent-soft: oklch(.72 .22 320 / .18);--t-accent-text: oklch(.86 .18 320);--t-bg-1: oklch(.205 .024 305);--t-bd: oklch(.32 .03 305 / .55);--t-fg: oklch(.97 .005 305);--t-fg-2: oklch(.8 .02 305);padding:32px 28px;border-radius:18px;background:var(--t-bg-1);border:1px solid var(--t-bd);color:var(--t-fg)}.demo-empty-title[data-v-1827a8d8]{font-size:22px;font-weight:700;margin-bottom:6px;color:var(--t-fg)}.demo-empty-body[data-v-1827a8d8]{font-size:14px;color:var(--t-fg-2);margin-bottom:18px}.demo-empty-btn[data-v-1827a8d8]{display:inline-block;padding:10px 18px;border-radius:10px;background:var(--t-accent-soft);border:1px solid color-mix(in oklch,var(--t-accent) 40%,var(--t-bd));color:var(--t-accent-text);font-size:13px;font-weight:600;text-decoration:none}.demo-empty-btn[data-v-1827a8d8]:hover{background:color-mix(in oklch,var(--t-accent) 25%,var(--t-bg-1))}
