.demo[data-v-3a12707e]{color:var(--c-text);align-items:center;gap:12px;font-size:14px;display:flex}.demo--bar[data-v-3a12707e]{z-index:var(--z-bar);height:56px;padding:0 24px;padding-bottom:env(safe-area-inset-bottom);background:var(--c-bar);border-top:1px solid var(--c-border-strong);scrollbar-width:none;position:fixed;bottom:0;left:0;right:0;overflow-x:auto}.demo--bar[data-v-3a12707e]::-webkit-scrollbar{display:none}.demo--panel[data-v-3a12707e]{background:var(--c-bar);border:1px solid var(--c-border);border-radius:var(--radius-lg);flex-wrap:wrap;padding:12px}.demo__label[data-v-3a12707e]{flex-shrink:0;align-items:center;gap:8px;font-weight:500;display:inline-flex}.demo__date-value[data-v-3a12707e],.demo__run[data-v-3a12707e],.demo__step[data-v-3a12707e],.demo__title[data-v-3a12707e]{white-space:nowrap}.demo__date[data-v-3a12707e]{border-left:1px solid var(--c-border-strong);color:var(--c-text-muted);flex-shrink:0;align-items:center;gap:6px;padding-left:12px;display:inline-flex}.demo__date-value[data-v-3a12707e]{color:var(--c-text-strong);font-variant-numeric:tabular-nums;font-weight:600}.demo__steps[data-v-3a12707e]{flex-shrink:0;gap:4px;display:inline-flex}.demo__step[data-v-3a12707e]{background:var(--c-bg);border:1px solid var(--c-border-strong);border-radius:var(--radius);min-height:30px;box-shadow:var(--shadow-btn);color:var(--c-text);font-variant-numeric:tabular-nums;padding:0 10px;font-size:13px;font-weight:600}.demo__step[data-v-3a12707e]:hover{border-color:var(--c-primary);color:var(--c-primary)}.demo__step[data-v-3a12707e]:active{background:var(--c-primary-soft)}.demo__run[data-v-3a12707e]{border-radius:var(--radius);min-height:30px;color:var(--c-primary);background:0 0;border:0;flex-shrink:0;align-items:center;gap:6px;padding:0 8px;font-size:13px;font-weight:500;display:inline-flex}.demo__run[data-v-3a12707e]:hover{background:var(--c-primary-soft)}.demo[data-v-3a12707e] .ui-dd{flex-shrink:0}.demo__spacer[data-v-3a12707e]{flex:auto;min-width:8px}.demo__link[data-v-3a12707e]{font-weight:500}.demo__link[data-v-3a12707e],.demo__reset[data-v-3a12707e]{white-space:nowrap;flex-shrink:0}.demo__reset[data-v-3a12707e]{border-radius:var(--radius);min-height:30px;color:var(--c-text-muted);background:0 0;border:0;align-items:center;gap:6px;padding:0 8px;font-size:13px;display:inline-flex}.demo__reset[data-v-3a12707e]:hover{background:var(--c-border);color:var(--c-text-strong)}.demo__summary[data-v-3a12707e]{padding:8px 10px}.demo__summary-list[data-v-3a12707e]{flex-direction:column;gap:4px;margin-top:8px;font-size:13px;display:flex}.demo__summary-list li[data-v-3a12707e]:before{content:"";vertical-align:middle;background:var(--c-primary);border-radius:50%;width:5px;height:5px;margin-right:8px;display:inline-block}@media (width<=640px){.demo--bar[data-v-3a12707e]{height:auto;min-height:56px;padding:8px 12px calc(8px + env(safe-area-inset-bottom));flex-wrap:wrap;gap:6px 8px;overflow-x:visible}.demo--bar .demo__label[data-v-3a12707e]{display:none}.demo--bar .demo__date[data-v-3a12707e]{border-left:0;padding-left:0}.demo--bar .demo__link[data-v-3a12707e]:first-of-type,.demo--bar .demo__steps[data-v-3a12707e]{margin-left:auto}.demo--bar .demo__reset[data-v-3a12707e],.demo--bar .demo__run[data-v-3a12707e],.demo--bar .demo__step[data-v-3a12707e]{min-height:36px}.demo--bar .demo__link[data-v-3a12707e]{align-items:center;min-height:36px;display:inline-flex}.demo--bar .demo__run-more[data-v-3a12707e],.demo--bar .demo__spacer[data-v-3a12707e]{display:none}}