.demo-win input[type=checkbox][data-v-0f7f0096]{accent-color:rgb(37 99 235)}.demo-wrapper[data-v-0f7f0096]{margin-top:2rem;width:100%;position:relative;isolation:isolate}.demo-wrapper[data-v-0f7f0096]:before{content:"";position:absolute;inset:-15% -8% 10%;background:radial-gradient(ellipse at 50% 40%,rgba(59,130,246,.09) 0%,transparent 65%);filter:blur(32px);z-index:-1;pointer-events:none;border-radius:50%}.demo-win[data-v-0f7f0096]{position:relative;background:#0f172a;border-radius:10px;border:1px solid rgba(59,130,246,.18);box-shadow:0 0 18px 4px #3b82f62e,0 0 50px 12px #2563eb1a,0 30px 80px #0009;display:flex;flex-direction:column;height:520px;overflow:hidden;font-family:Inter,DM Sans,system-ui,sans-serif;font-size:12px;line-height:1.5;color:#f8fafc;text-align:left}.demo-left-sidebar[data-v-0f7f0096]{width:220px}.demo-right-sidebar[data-v-0f7f0096]{width:210px}.demo-caption-bar[data-v-0f7f0096]{display:flex;align-items:center;justify-content:center;margin-bottom:.75rem}.demo-steps[data-v-0f7f0096]{display:flex;align-items:center;gap:0}.demo-step[data-v-0f7f0096]{display:flex;align-items:center;gap:6px;padding:4px 10px;font-size:11px;font-weight:500;border-radius:99px;transition:all .3s ease;color:#94a3b880}.demo-step+.demo-step[data-v-0f7f0096]:before{content:"";display:block;width:20px;height:1px;background:#33415599;margin-right:0;margin-left:-4px;flex-shrink:0;order:-1}.demo-step-dot[data-v-0f7f0096]{width:6px;height:6px;border-radius:50%;background:currentColor;opacity:.4;flex-shrink:0;transition:all .3s ease}.demo-step-active[data-v-0f7f0096]{color:#60a5fa}.demo-step-active .demo-step-dot[data-v-0f7f0096]{opacity:1;box-shadow:0 0 6px #60a5facc;background:#60a5fa}.demo-step-done[data-v-0f7f0096]{color:#64748bb3}.demo-step-done .demo-step-dot[data-v-0f7f0096]{opacity:.7;background:#475569}.demo-row-flash[data-v-0f7f0096]{position:relative}.demo-row-flash[data-v-0f7f0096]:after{content:"";position:absolute;inset:0;background:#eab3081f;border-radius:inherit;pointer-events:none;animation:row-flash-opacity-0f7f0096 .6s ease-out forwards;will-change:opacity}@keyframes row-flash-opacity-0f7f0096{0%{opacity:0}30%{opacity:1}to{opacity:0}}.demo-column-transition[data-v-0f7f0096]{transition:opacity .4s ease}.demo-column-dimmed[data-v-0f7f0096]{opacity:.2;pointer-events:none}.demo-step-clickable[data-v-0f7f0096]{cursor:pointer;user-select:none}.demo-step-clickable[data-v-0f7f0096]:hover{color:#94a3b8}.demo-step-active.demo-step-clickable[data-v-0f7f0096]:hover{color:#60a5fa}.demo-play-btn[data-v-0f7f0096]{display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:50%;background:#3b82f626;color:#60a5fa;border:1px solid rgba(59,130,246,.3);cursor:pointer;margin-left:8px;transition:all .2s ease;flex-shrink:0}.demo-play-btn[data-v-0f7f0096]:hover{background:#3b82f640;color:#93c5fd;border-color:#3b82f680}[data-v-0f7f0096]::-webkit-scrollbar{width:4px;height:4px}[data-v-0f7f0096]::-webkit-scrollbar-track{background:transparent}[data-v-0f7f0096]::-webkit-scrollbar-thumb{background:#47556980;border-radius:2px}[data-v-0f7f0096]::-webkit-scrollbar-thumb:hover{background:#64748bb3}.demo-cursor[data-v-0f7f0096]{position:absolute;z-index:50;pointer-events:none;transition:left .6s cubic-bezier(.4,0,.2,1),top .6s cubic-bezier(.4,0,.2,1),opacity .3s ease;opacity:1}.demo-cursor-hidden[data-v-0f7f0096]{opacity:0}.demo-cursor-instant[data-v-0f7f0096]{transition-duration:0s!important}.demo-cursor-dot[data-v-0f7f0096]{width:18px;height:18px;border-radius:50%;background:transparent;border:2px solid rgba(96,165,250,.9);box-shadow:0 0 10px 2px #60a5fa73,0 0 20px 4px #60a5fa26;transform:translate(-50%,-50%)}.demo-cursor-ripple[data-v-0f7f0096]{position:absolute;top:0;left:0;width:28px;height:28px;border-radius:50%;background:#60a5fa4d;transform:translate(-50%,-50%) scale(0);animation:cursor-ripple-0f7f0096 .5s ease-out forwards}@keyframes cursor-ripple-0f7f0096{0%{transform:translate(-50%,-50%) scale(0);opacity:1}to{transform:translate(-50%,-50%) scale(3);opacity:0}}@media(max-width:720px){.demo-win[data-v-0f7f0096]{transform-origin:top left;transform:scale(.7);height:364px;margin-right:calc((1 - .7) * -100%)}.demo-wrapper[data-v-0f7f0096]{overflow:hidden}.demo-cursor[data-v-0f7f0096]{display:none}}@media(max-width:520px){.demo-win[data-v-0f7f0096]{transform:scale(.55);height:286px}}