.demo-session{min-height:100vh;background:#061426;color:#e2e8f0}.demo-session-bar{position:sticky;top:0;z-index:100;display:flex;justify-content:space-between;align-items:center;gap:20px;min-height:76px;padding:12px 24px;border-bottom:1px solid #22d3ee35;background:linear-gradient(105deg,#082b31,#111b37);box-shadow:0 8px 30px #0002}.demo-session-brand{display:flex;align-items:center;gap:10px;font-weight:800;font-size:14px}.demo-session-brand small{font-size:12px;font-weight:500;color:#9fdbc9;margin-left:8px}.demo-session-dot{width:8px;height:8px;border-radius:100%;background:#5eead4;box-shadow:0 0 12px #5eead470}.demo-session-actions{display:flex;align-items:center;gap:24px}.demo-guide-launch{border:1px solid #5eead455;border-radius:999px;background:#0d3b46;color:#b7fff0;padding:9px 14px;font:700 12px inherit;cursor:pointer}.demo-guide-launch:hover{background:#11505e}.demo-session-switch{display:flex;gap:4px;background:#071325;border:1px solid #ffffff15;padding:4px;border-radius:12px}.demo-session-switch a,.demo-session-switch span{display:flex;flex-direction:column;min-width:105px;padding:7px 13px;color:#e2e8f0;font-size:13px;font-weight:800;text-decoration:none;border-radius:8px}.demo-session-switch small{font-size:10px;font-weight:500;color:#7dd3fc}.demo-session-switch .selected{background:#25335a;border:1px solid #7dd3fc35}.demo-session-switch a:hover{background:#164e63}.demo-session-time{display:flex;flex-direction:column;gap:2px;min-width:92px}.demo-session-time small{font-size:10px;color:#a5c8d0}.demo-session-time strong{font-size:20px;font-variant-numeric:tabular-nums;color:#5eead4}.demo-session-time.warning strong{color:#fbbf24}.demo-session-message{max-width:680px;margin:12vh auto;padding:40px;border:1px solid #22d3ee30;border-radius:24px;background:#0a1c30}.demo-session-message h1{font-size:28px;font-weight:800;margin-bottom:16px}.demo-session-message p{color:#a8bed2;line-height:1.7}.demo-session-message a{display:inline-block;margin-top:24px;color:#5eead4}.demo-session-content .z-runtime-shell>div>aside{top:76px;height:calc(100vh - 76px)}.demo-mobile-nav{display:none}.demo-session-content header.sticky{position:relative;top:auto}.demo-session-switch a:focus-visible,.demo-mobile-nav select:focus-visible{outline:2px solid #67e8f9;outline-offset:3px}.demo-guide{position:fixed;right:24px;bottom:24px;z-index:1200;width:min(400px,calc(100vw - 32px));max-height:calc(100vh - 120px);overflow:auto;padding:20px;border:1px solid #67e8f966;border-radius:20px;background:linear-gradient(145deg,#0c2035,#111a35);box-shadow:0 24px 70px #0009;color:#eaf7ff}.demo-guide.demo-guide-left{right:auto;left:24px}.demo-guide.demo-guide-right{right:24px;left:auto}.demo-guide.demo-guide-rate{top:96px;bottom:auto;width:340px;max-height:calc(100vh - 120px)}.demo-guide-head{display:flex;align-items:flex-start;justify-content:space-between;gap:16px;cursor:move;touch-action:none;-webkit-user-select:none;user-select:none}.demo-guide-head>div{display:flex;flex-direction:column;gap:2px}.demo-guide-head small{color:#5eead4;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.14em}.demo-guide-head strong{color:#91a9be;font-size:12px}.demo-guide-window-actions{display:flex;gap:8px}.demo-guide-window-actions button{border:0;background:transparent;color:#9fb4c7;font-size:22px;line-height:1;cursor:pointer}.demo-guide-progress{height:4px;margin:14px 0 18px;overflow:hidden;border-radius:99px;background:#ffffff12}.demo-guide-progress span{display:block;height:100%;border-radius:inherit;background:linear-gradient(90deg,#22d3ee,#5eead4);transition:width .35s ease}.demo-guide-arrow{position:absolute;right:24px;top:70px;color:#5eead4;font-size:22px}.demo-guide-lesson{margin-bottom:5px;color:#67e8f9;font-size:10px;font-weight:800;text-transform:uppercase;letter-spacing:.13em}.demo-guide h2{margin:0 34px 8px 0;font-size:21px;line-height:1.2}.demo-guide-target{display:flex;align-items:center;justify-content:space-between;gap:12px;margin:12px 0;padding:10px 12px;border:1px solid #fbbf2445;border-radius:10px;background:#fbbf240c}.demo-guide-target small{color:#f8ce6a;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.1em}.demo-guide-target strong{color:#f8fafc;font:700 12px ui-monospace,SFMono-Regular,Menlo,monospace}.demo-guide p{margin:0;color:#b6cadb;font-size:14px;line-height:1.55}.demo-guide-learning{display:grid;gap:8px;margin-top:14px}.demo-guide-learning>div{padding:11px 12px;border-left:2px solid #5eead466;border-radius:0 9px 9px 0;background:#ffffff08}.demo-guide-learning small{display:block;margin-bottom:4px;color:#8ee8d8;font-size:9px;font-weight:800;text-transform:uppercase;letter-spacing:.11em}.demo-guide-learning p{font-size:12px;line-height:1.45}.demo-guide-actions{display:flex;justify-content:flex-end;gap:9px;margin-top:18px}.demo-guide-actions button{border:1px solid #5eead455;border-radius:10px;background:#22c9b7;color:#04141e;padding:10px 14px;font:800 12px inherit;cursor:pointer}.demo-guide-actions button.secondary{background:transparent;color:#cde7ef}.demo-guide-actions button:disabled{cursor:not-allowed;opacity:.55;animation:none!important;outline:none!important;box-shadow:none!important}@keyframes demo-guide-target-pulse{0%,to{outline-color:#5eead477;box-shadow:0 0 0 3px #22d3ee22,0 0 18px #22d3ee35}50%{outline-color:#fef08a;box-shadow:0 0 0 7px #fef08a25,0 0 34px #22d3ee80}}.demo-guide-highlight{position:relative!important;z-index:1101!important;outline:4px solid #5eead4!important;outline-offset:5px!important;border-radius:12px!important;animation:demo-guide-target-pulse 1.1s ease-in-out infinite!important;scroll-margin:220px}@media (prefers-reduced-motion:reduce){.demo-guide-highlight{animation:none!important;box-shadow:0 0 0 6px #22d3ee35!important}}@media (max-width:767px){.demo-mobile-nav{display:block;padding:10px 16px;background:#081c30;border-bottom:1px solid #22d3ee30}.demo-mobile-nav select{width:100%;padding:10px 12px;border-radius:8px;border:1px solid #37526c;background:#071325;color:#e2e8f0;font:inherit}}@media (max-width:1000px){.demo-session-brand small{display:none}}@media (max-width:900px){.demo-guide.demo-guide-left,.demo-guide.demo-guide-right{right:16px;left:auto}.demo-guide.demo-guide-rate{top:auto;bottom:16px}}@media (max-width:640px){.demo-session-bar{padding:10px 12px;gap:10px;flex-wrap:wrap}.demo-session-brand{font-size:12px}.demo-session-actions{width:100%;justify-content:space-between;gap:8px}.demo-guide-launch{order:3;width:100%}.demo-session-switch a,.demo-session-switch span{min-width:88px;padding:5px 8px}.demo-session-time strong{font-size:18px}.demo-session-message{margin:40px 16px;padding:24px}.demo-guide{right:16px;bottom:16px;padding:18px}}:root{font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}html,body,#root{height:100%;width:100%;margin:0}body{min-width:320px;background:transparent;color:inherit}a{color:inherit;text-decoration:none}img,svg,video,canvas{max-width:100%;height:auto}:focus-visible{outline:2px solid rgba(99,102,241,.6);outline-offset:2px}.text-z-ink{color:#0f172a}.text-z-slate{color:#64748b}.bg-z-navy{background-color:#0b1220}.border-z-line{border-color:#e2e8f0}.rounded-xl2{border-radius:16px}.shadow-soft{box-shadow:0 6px 18px #0f172a1a}.shadow-card{box-shadow:0 10px 25px #0f172a14}.shadow-glow{box-shadow:0 12px 30px #ff7a002e}@keyframes zubblProgress{0%{transform:translate(-120%)}50%{transform:translate(60%)}to{transform:translate(220%)}}.z-runtime-shell{background:radial-gradient(circle at top left,rgba(255,122,0,.14),transparent 34%),radial-gradient(circle at top right,rgba(59,130,246,.12),transparent 32%),#07111f;color:#e5edf7}.z-runtime-card{border:1px solid rgba(148,163,184,.18);background:#0f172abd;box-shadow:0 18px 45px #00000047;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.z-runtime-panel{border:1px solid rgba(148,163,184,.16);background:#02061775}.z-runtime-muted{color:#e2e8f0a8}.z-runtime-pill{display:inline-flex;align-items:center;border-radius:999px;border:1px solid rgba(148,163,184,.2);background:#ffffff0f;padding:.25rem .65rem;font-size:.72rem;font-weight:700;letter-spacing:.04em}.z-runtime-glow{box-shadow:0 0 0 1px #ff7a0029,0 18px 50px #ff7a001f}.z-runtime-table{width:100%;border-collapse:separate;border-spacing:0;color:#dbe7f3}.z-runtime-table thead{background:#ffffff0a}.z-runtime-table th{border-bottom:1px solid rgba(148,163,184,.16);padding:.85rem 1rem;text-align:left;font-size:.72rem;font-weight:800;letter-spacing:.05em;text-transform:uppercase;color:#e2e8f094}.z-runtime-table td{border-bottom:1px solid rgba(148,163,184,.12);padding:.9rem 1rem;font-size:.82rem;color:#e2e8f0d1;vertical-align:top}.z-runtime-table tbody tr{transition:background .14s ease,box-shadow .14s ease}.z-runtime-table tbody tr:hover{background:#ffffff09}.z-runtime-table a,.z-runtime-table button{color:inherit}.z-runtime-intel{border:1px solid rgba(148,163,184,.14);background:linear-gradient(180deg,#0f172af0,#020617eb);box-shadow:0 10px 35px #00000052,inset 0 1px #ffffff08}.z-runtime-intel-soft{border:1px solid rgba(148,163,184,.12);background:#ffffff08}.z-runtime-intel-title{font-size:.72rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase;color:#e2e8f08f}.z-runtime-intel-value{color:#f8fafc;font-weight:700}.z-runtime-intel-muted{color:#e2e8f094}.z-runtime-threat-bar{overflow:hidden;border-radius:999px;background:#ffffff14}.z-runtime-threat-fill{height:100%;border-radius:999px;background:linear-gradient(90deg,#10b981,#f59e0b,#ef4444)}.z-runtime-shell{background:radial-gradient(circle at top left,rgba(37,99,235,.24),transparent 34%),radial-gradient(circle at top right,rgba(14,165,233,.18),transparent 32%),linear-gradient(180deg,#061a33,#06213d 42%,#061527);color:#e5edf7}.z-runtime-card{border:1px solid rgba(96,165,250,.22);background:linear-gradient(180deg,#081830eb,#051123f0);box-shadow:0 18px 45px #0000004d,inset 0 1px #ffffff0a;-webkit-backdrop-filter:blur(14px);backdrop-filter:blur(14px)}.z-runtime-button{border:1px solid rgba(34,211,238,.45);background:#082f496b;color:#67e8f9;box-shadow:inset 0 1px #ffffff0d}.z-runtime-button:hover{border-color:#22d3eeb3;background:#0891b233;color:#cffafe}.z-runtime-button-primary{border:1px solid rgba(34,211,238,.65);background:#0891b23d;color:#a5f3fc;box-shadow:0 0 0 1px #22d3ee14,inset 0 1px #ffffff0d}.z-runtime-input{border:1px solid rgba(96,165,250,.24);background:#031227b8;color:#e5edf7}.z-runtime-input:focus{border-color:#60a5faa6;outline:none}.z-runtime-input option{background:#071827;color:#e5edf7}.z-runtime-row{transition:background .14s ease,box-shadow .14s ease,border-color .14s ease}.z-runtime-row:hover{background:linear-gradient(90deg,#0891b21a,#2563eb0f);box-shadow:inset 2px 0 #22d3eea6}.z-runtime-time{color:#e2e8f0bd;font-variant-numeric:tabular-nums}.z-runtime-user{color:#dbeafe;font-weight:600}.z-runtime-app{color:#bfdbfed1}.z-runtime-message{color:#e2e8f0d1;line-height:1.4}.z-runtime-muted{color:#e2e8f06b}.z-runtime-input::-webkit-calendar-picker-indicator{filter:invert(1);opacity:.65;cursor:pointer}.z-runtime-input::-webkit-calendar-picker-indicator:hover{opacity:1}.z-runtime-action-cyan{border:1px solid rgba(34,211,238,.58);background:#0891b233;color:#a5f3fc}.z-runtime-action-cyan:hover{background:#0891b24d;box-shadow:0 0 22px #22d3ee1f}.z-runtime-action-green{border:1px solid rgba(52,211,153,.42);background:#10b98124;color:#a7f3d0}.z-runtime-action-red{border:1px solid rgba(248,113,113,.45);background:#ef444421;color:#fecaca}.z-runtime-action-amber{border:1px solid rgba(251,191,36,.42);background:#f59e0b24;color:#fde68a}.z-runtime-action-muted{border:1px solid rgba(148,163,184,.18);background:#94a3b814;color:#e2e8f061}.scrollbar-hide{-ms-overflow-style:none;scrollbar-width:none}.scrollbar-hide::-webkit-scrollbar{display:none}