.kb-article-steps{display:flex;flex-direction:column;gap:24px}.kb-article-footer{display:flex;flex-direction:column;gap:24px;margin-top:24px}.kb-article-footer__note{margin-top:0!important}.kb-step{display:grid;gap:12px 16px;grid-template-columns:auto 1fr;align-items:start}.kb-step__badge{display:flex;align-items:center;justify-content:center;width:36px;height:36px;border-radius:9999px;border:1px solid rgba(82,130,255,.3);background:#5282ff1a;font-size:14px;font-weight:700;color:var(--wisp-blue-light, #7ba4ff)}.kb-step__body{display:flex;flex-direction:column;gap:14px;min-width:0}.kb-step__text{display:flex;flex-direction:column;gap:6px}.kb-step__title{margin:0;font-size:1rem;font-weight:600;color:var(--lb-text)}.kb-step__desc{margin:0;font-size:14px;line-height:1.55;color:var(--lb-muted)}.kb-step__visual{margin:0}.kb-panel-mock{--wisp-blue-light: #7ba4ff;max-width:320px;position:relative;isolation:isolate}.kb-panel-mock--wide{max-width:340px}.kb-panel-mock__caption{margin:0 0 6px;font-size:11px;color:var(--lb-faint)}.kb-panel-mock__hint{margin:8px 0 0;font-size:12px;line-height:1.5;color:var(--lb-muted)}.kb-panel-mock__hint strong{color:var(--lb-text);font-weight:600}.kb-panel-mock__hint code{font-size:11px;color:var(--lb-text)}.kb-port-em{font-weight:700;color:var(--wisp-blue-light)}.kb-panel-mock .console-stats{padding:0;overflow:hidden}.kb-panel-mock .inv-card{border-radius:16px;border:1px solid var(--lb-border);background:var(--lb-card);-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);box-shadow:0 4px 24px var(--lb-shadow)}.kb-panel-mock .console-stats__title{margin:0;padding:10px 12px;font-size:10px;font-weight:600;letter-spacing:.06em;text-transform:uppercase;color:var(--lb-faint);border-bottom:1px solid var(--lb-border)}.kb-panel-mock .console-stats-grid{display:grid;grid-template-columns:1fr;gap:8px;padding:10px}.kb-panel-mock .stat-box{display:flex;align-items:center;width:100%;height:44px;min-height:44px;max-height:44px;margin:0;padding:0 14px;box-sizing:border-box;border-radius:10px;border:1px solid var(--lb-border);background:var(--lb-inset);overflow:hidden}.kb-panel-mock .stat-box--focus{border-color:#5282ff59;background:#5282ff14}.kb-panel-mock .stat-icon{flex-shrink:0;width:22px;margin:0 10px 0 0;font-size:15px;opacity:.9;text-align:center;color:var(--wisp-blue-light)}.kb-panel-mock .stat-label{flex:0 0 auto;margin:0;font-size:13px;font-weight:500;color:var(--lb-muted);white-space:nowrap}.kb-panel-mock .stat-value{flex:1 1 auto;text-align:right;margin:0 0 0 10px;min-width:0;font-size:13px;font-weight:700;color:var(--lb-text);line-height:1.2;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.kb-panel-mock .stat-value.clickable{color:var(--wisp-blue-light)}.kb-panel-mock .kb-no-domain{display:inline-flex;align-items:center;gap:4px;margin-left:auto;font-size:11px;font-weight:600;line-height:1;padding:5px 8px;border-radius:6px;color:var(--wisp-blue-light);background:#5282ff1f;border:1px solid rgba(82,130,255,.25);white-space:nowrap}.kb-public-folder-mock{padding:12px}.kb-public-phase{display:flex;flex-direction:column;gap:10px}.kb-mock-phase{display:flex;align-items:center;gap:8px;margin:0}.kb-mock-phase__badge{display:inline-flex;align-items:center;justify-content:center;width:20px;height:20px;border-radius:9999px;font-size:11px;font-weight:700;color:var(--wisp-blue-light);background:#5282ff1f;border:1px solid rgba(82,130,255,.28);flex-shrink:0}.kb-mock-phase__label{font-size:12px;font-weight:600;color:var(--lb-text)}.kb-mock-divider{display:flex;align-items:center;justify-content:center;gap:6px;margin:12px 0;padding:8px 0;font-size:11px;color:var(--lb-faint);border-top:1px dashed var(--lb-border);border-bottom:1px dashed var(--lb-border)}.kb-mock-divider code{font-size:11px;color:var(--lb-muted)}.kb-mock-divider .fa-solid{font-size:10px;opacity:.7}.kb-files-toolbar{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-end;gap:6px;margin:0}.kb-file-btn{display:inline-flex;align-items:center;gap:6px;padding:0 10px;min-height:32px;border-radius:8px;font-size:11px;font-weight:500;white-space:nowrap;color:var(--lb-muted);background:var(--lb-inset);border:1px solid var(--lb-border)}.kb-file-btn .fa-solid{font-size:11px;opacity:.9}.kb-file-btn--primary{color:#c7d2fe;background:#667eea2e;border-color:#667eea52}.kb-file-btn--callout{box-shadow:0 0 0 2px #5282ff38;border-color:#5282ff73}html.light-theme .kb-file-btn{color:#475569;background:#f8fafc;border-color:#0000001a}html.light-theme .kb-file-btn--primary{color:#4338ca;background:#6366f11f;border-color:#6366f147}.kb-files-crumb{display:flex;align-items:center;gap:4px;margin:0;font-size:12px;color:var(--lb-faint)}.kb-files-crumb__sep{opacity:.5}.kb-files-crumb__current{font-weight:600;color:var(--wisp-blue-light)}.kb-panel-mock .kb-files-list{display:flex;flex-direction:column;gap:6px;padding:0}.kb-panel-mock .file-wrapper{position:relative;display:flex;align-items:center;width:100%;height:42px;border-radius:8px;margin:0;border:1px solid var(--lb-border);box-shadow:0 1px 3px var(--lb-shadow);cursor:default}.kb-panel-mock .file-wrapper .left{display:flex;align-items:center;flex:1 1 auto;min-width:0;height:42px}.kb-panel-mock .file-wrapper .left .fa-icn{margin-left:15px;opacity:.8;font-size:15px}.kb-panel-mock .file-wrapper .file-name{margin-left:10px;font-size:15px;color:var(--lb-text)}.kb-panel-mock .file-wrapper .fa-ellipsis{margin-left:auto;margin-right:15px;color:var(--lb-muted);font-size:14px}.kb-panel-mock .file-wrapper--indent .left{padding-left:16px}.kb-panel-mock .file-wrapper--active{border-color:#5282ff59;background:#5282ff14}html.wispbyte-theme .kb-panel-mock .file-wrapper{background-color:#0a141d}html.wispbyte-theme .kb-panel-mock .file-wrapper--active{background-color:#5282ff1a}html.dark-theme .kb-panel-mock .file-wrapper{background-color:#0a0a0a}html.dark-theme .kb-panel-mock .file-wrapper--active{background-color:#141414}html.light-theme .kb-panel-mock .file-wrapper{background-color:#fff;box-shadow:0 1px 3px #0000000f}html.light-theme .kb-panel-mock .file-wrapper--active{background-color:#f0f4ff}html.light-theme .kb-panel-mock .file-wrapper .file-name{color:#1e293b}html.light-theme .kb-panel-mock .file-wrapper .fa-ellipsis,html.light-theme .kb-panel-mock .file-wrapper .left .fa-icn:not([style]){color:#64748b}.kb-panel-mock .kb-context-scene{display:flex;flex-direction:column;gap:6px;padding:8px}.kb-panel-mock .file-options{position:static;width:100%;max-width:200px;margin:0 4px 4px auto;border-radius:12px;padding:4px 0;overflow:hidden;border:1px solid var(--lb-border);box-shadow:0 4px 16px var(--lb-shadow)}.kb-panel-mock .kb-file-options--flow{flex-shrink:0}html.wispbyte-theme .kb-panel-mock .file-options{background-color:#0a141dfa}html.dark-theme .kb-panel-mock .file-options{background-color:#0a0a0af2}html.light-theme .kb-panel-mock .file-options{background-color:#fffffffa;box-shadow:0 10px 40px #00000026}.kb-panel-mock .file-options .file-option{display:flex;align-items:center;width:100%;min-height:40px;padding:6px 14px;gap:10px;border:0;background:transparent;font-family:inherit;font-size:14px;font-weight:500;color:var(--lb-text);text-align:left;cursor:default}.kb-panel-mock .file-options .file-option .fa-solid{width:16px;text-align:center;color:var(--lb-muted)}.kb-panel-mock .file-options .file-option--active{background:#5282ff1f;color:var(--wisp-blue-light)}.kb-panel-mock .file-options .file-option--active .fa-solid{color:var(--wisp-blue-light)}html.light-theme .kb-panel-mock .file-options .file-option{color:#1e293b}html.light-theme .kb-panel-mock .file-options .file-option .fa-solid{color:#64748b}html.light-theme .kb-panel-mock .file-options .file-option--active{background:#5282ff1a;color:#2563eb}.kb-panel-mock .power-btns{display:flex;align-items:center;gap:10px;padding:12px 14px}.kb-panel-mock .power-btn{width:40px;height:40px;min-width:40px;padding:0;border-radius:10px;display:inline-flex;align-items:center;justify-content:center;border:1px solid var(--lb-border);background:var(--lb-inset);color:var(--lb-text);font-size:14px}.kb-panel-mock .power-btn--start{color:#34d399;background:#34d39914;border-color:#34d39938}.kb-panel-mock .power-btn--restart{color:var(--wisp-blue-light);background:#5282ff14;border-color:#5282ff38}.kb-panel-mock .power-btn--stop{color:#fbbf24;background:#fbbf2414;border-color:#fbbf2438}.kb-panel-mock .power-btn--kill{color:#f87171;background:#f8717114;border-color:#f8717138;font-size:13px}.kb-panel-mock.help-box,.kb-help-box.help-box{border-radius:12px;border:1px solid var(--lb-border);box-shadow:0 0 15px var(--lb-shadow);overflow:hidden;max-width:none}html.wispbyte-theme .kb-help-box.help-box{background-color:#0a141d}html.dark-theme .kb-help-box.help-box{background-color:#0a0a0a}html.light-theme .kb-help-box.help-box{background-color:#fff}.kb-help-box .topbar{display:flex;align-items:center;gap:12px;padding:15px 20px;border-bottom:1px solid var(--lb-border);background:linear-gradient(90deg,rgba(255,255,255,.05),rgba(255,255,255,.02) 60%,transparent);background-color:var(--lb-elevated)}html.light-theme .kb-help-box .topbar{background:linear-gradient(90deg,rgba(0,0,0,.03),rgba(0,0,0,.01) 60%,transparent);background-color:#f1f5f9}.kb-help-box .topbar .icon{width:32px;height:32px;border-radius:50%;display:flex;align-items:center;justify-content:center;background-color:var(--lb-inset-hover);box-shadow:0 0 5px var(--lb-shadow)}.kb-help-box .topbar .icon .icn{font-size:14px;color:var(--lb-text)}.kb-help-box .topbar .title{font-size:16px;font-weight:500;color:var(--lb-text)}.kb-help-box .description{display:flex;flex-direction:column;gap:12px;padding:16px 20px 18px;margin:0;font-size:14px;line-height:1.55;color:var(--lb-muted)}.kb-help-box .description ul{margin:0;padding-left:1.15rem;list-style:disc;display:flex;flex-direction:column;gap:8px}.kb-help-box .description li{padding-left:.15rem}.kb-help-box .description p{margin:0}.kb-help-box .description code{font-size:.92em;color:var(--lb-text)}.kb-help-box .description strong{color:var(--lb-text);font-weight:600}.kb-code-file{overflow:hidden;border-radius:12px;border:1px solid var(--lb-border);background:var(--lb-card);box-shadow:0 4px 24px var(--lb-shadow)}.kb-code-file__tab{display:flex;align-items:center;justify-content:space-between;gap:12px;border-bottom:1px solid var(--lb-border);background:var(--lb-inset);padding:8px 10px 8px 14px;font-size:13px;font-weight:500;color:var(--wisp-blue-light)}.kb-code-file__tab-name{display:inline-flex;align-items:center;gap:8px;min-width:0}.kb-code-file__tab-name .fa-solid,.kb-code-file__tab-name .fa-brands{font-size:13px;opacity:.85;flex-shrink:0}.kb-code-file__copy{display:inline-flex;align-items:center;gap:6px;flex-shrink:0;padding:6px 10px;border-radius:8px;border:1px solid var(--lb-border);background:var(--lb-inset-hover);font-family:inherit;font-size:12px;font-weight:500;color:var(--lb-muted);cursor:pointer;transition:background .15s ease,border-color .15s ease,color .15s ease}.kb-code-file__copy:hover{color:var(--lb-text);border-color:var(--lb-border-strong)}.kb-code-file__copy.is-copied{color:#34d399;border-color:#34d39959;background:#34d3991a}.kb-code-file__copy .fa-solid{font-size:11px}.kb-code-file pre{margin:0;overflow-x:auto;padding:14px 16px;font-size:12px;line-height:1.55;color:var(--lb-text);background:var(--lb-inset)}html.wispbyte-theme .kb-code-file pre{background:#0a141d}html.dark-theme .kb-code-file pre{background:#0a0a0a}html.light-theme .kb-code-file pre{background:#f8fafc}
