body{margin:0;font-family:Arial,sans-serif;height:100vh;display:flex;flex-direction:column;overflow:hidden;background:#1b1e21;transition:background .2s ease}body[data-theme=light]{background:#f0f0f1}[data-theme=dark]{--shell-bg-sidenav: #262a2e;--shell-bg-deep: #1b1e21;--shell-bg-panel: #2b2f34;--shell-bg-panel-hover: rgba(255, 255, 255, .06);--shell-bg-panel-open-title: #34383d;--shell-bg-panel-body: #2f3338;--shell-bg-radio: #1f2226;--shell-border: #45494e;--shell-border-input: #44494e;--shell-border-strong: #8a8d90;--shell-border-subtle: rgba(255, 255, 255, .08);--shell-text: #f2f2f3;--shell-text-body: #e8e9ea;--shell-text-secondary: #c7cacd;--shell-text-muted: #b0b3b6;--shell-text-muted2: #9a9ea3;--shell-placeholder: #797d81;--shell-switch-track-off: #55595e;--shell-sidenav-border: transparent}[data-theme=light]{--shell-bg-sidenav: #ffffff;--shell-bg-deep: #f0f0f1;--shell-bg-panel: #ffffff;--shell-bg-panel-hover: rgba(0, 0, 0, .04);--shell-bg-panel-open-title: #eef0f2;--shell-bg-panel-body: #fafbfc;--shell-bg-radio: #f5f5f5;--shell-border: #dddddd;--shell-border-input: #cccccc;--shell-border-strong: #999999;--shell-border-subtle: rgba(0, 0, 0, .08);--shell-text: #1a1a1a;--shell-text-body: #333333;--shell-text-secondary: #555555;--shell-text-muted: #6b6f74;--shell-text-muted2: #6b6f74;--shell-placeholder: #999999;--shell-switch-track-off: #c7cacd;--shell-sidenav-border: #dddddd}.app-topbar,.app-sidenav,.app-topbar *,.app-sidenav *,.app-topbar *:before,.app-sidenav *:before,.app-topbar *:after,.app-sidenav *:after{box-sizing:border-box}.app-topbar{flex:0 0 auto;display:flex;align-items:center;background:#26292d;border-bottom:1px solid #35383d;box-shadow:0 2px 8px #00000040;transition:background .2s ease,border-color .2s ease;line-height:normal}.app-topbar[data-theme=light]{background:#fff;border-bottom-color:#e2e2e3;box-shadow:0 2px 8px #00000014}.app-topbar[data-theme=light] .sidebar-toggle-btn span{background:#333}.app-topbar[data-theme=light] .theme-switch-label{color:#6b6f74}.app-topbar[data-theme=light] .theme-switch{border-color:#ccc;background:#fff}#app-tabs{display:flex;gap:10px;padding:10px 12px;overflow-x:auto;scrollbar-width:thin}.sidebar-toggle-btn{display:none;flex:0 0 auto;flex-direction:column;justify-content:center;align-items:center;gap:4px;width:40px;height:40px;margin-left:10px;border:none;border-radius:6px;background:transparent;cursor:pointer}.sidebar-toggle-btn:hover{background:#2b2e33}.sidebar-toggle-btn span{display:block;width:20px;height:2px;background:#e8e9ea;border-radius:1px}.sidebar-backdrop{display:none}.app-brand{display:flex;align-items:center;gap:8px;flex:0 0 auto;padding:0 6px 0 14px;-webkit-user-select:none;user-select:none}.app-brand-icon{display:block;width:24px;height:24px;flex:0 0 auto}.app-brand-text{font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Helvetica Neue,Arial,sans-serif;font-size:14px;font-weight:600;letter-spacing:.3px;color:#f1e6cd;white-space:nowrap}.app-topbar[data-theme=light] .app-brand-text{color:#1f3b57}.theme-switch-wrapper{display:flex;align-items:center;gap:8px;flex:0 0 auto;margin-left:auto;padding:0 14px}.theme-switch-label{font-size:11px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:#9a9ea3}.theme-switch{position:relative;display:inline-flex;align-items:center;width:52px;height:26px;padding:0 6px;box-sizing:border-box;border-radius:999px;border:1.5px solid #3a3d43;background:#24272b;cursor:pointer;transition:border-color .15s ease}.theme-switch:hover{border-color:#6b6f74}.theme-switch-icon{display:inline-flex;align-items:center;justify-content:center;width:14px;height:14px;color:#7c8085;position:relative;z-index:1}.theme-switch-knob{position:absolute;top:2px;left:2px;width:20px;height:20px;border-radius:50%;background:#e8e9ea;box-shadow:0 1px 3px #0006;transition:transform .2s ease}.theme-switch[data-theme=light] .theme-switch-knob{transform:translate(26px);background:#f0db4f}.app-tab{display:flex;align-items:center;gap:8px;padding:9px 18px;border:1.5px solid #3a3d43;border-radius:999px;background:#24272b;color:#c7cacd;font-size:14px;font-weight:600;cursor:pointer;transition:border-color .15s,box-shadow .15s,color .15s,background .15s}.app-tab-icon{display:inline-flex;flex:0 0 auto;width:16px;height:16px}.app-tab-icon svg{display:block;width:100%;height:100%}.app-tab:hover{color:#fff;background:#2b2e33}.app-tab-active{background:#16181a;color:#fff}.app-topbar[data-theme=light] .app-tab{background:#fff;color:#55595e}.app-topbar[data-theme=light] .app-tab:hover{background:#f5f5f5;color:#1a1a1a}.app-topbar[data-theme=light] .app-tab-active{background:#f0f0f1;color:#1a1a1a}.app-tab-react{border-color:#61dafb80}.app-tab-angular{border-color:#dd003180}.app-tab-vue{border-color:#41b88380}.app-tab-vanilla{border-color:#f0db4f80}.app-tab-jquery{border-color:#0868ac80}.app-tab-react.app-tab-active{border-color:#61dafb;box-shadow:0 0 0 3px #61dafb2e,0 0 14px #61dafb59}.app-tab-angular.app-tab-active{border-color:#dd0031;box-shadow:0 0 0 3px #dd00312e,0 0 14px #dd003159}.app-tab-vue.app-tab-active{border-color:#41b883;box-shadow:0 0 0 3px #41b8832e,0 0 14px #41b88359}.app-tab-vanilla.app-tab-active{border-color:#f0db4f;box-shadow:0 0 0 3px #f0db4f2e,0 0 14px #f0db4f59}.app-tab-jquery.app-tab-active{border-color:#0868ac;box-shadow:0 0 0 3px #0868ac2e,0 0 14px #0868ac59}.app-shell{display:flex;flex-direction:row;width:100%;flex:1 1 auto;min-height:0;margin:0;overflow:hidden}.content-pane{flex:1 1 auto;min-width:0;min-height:0;display:flex;flex-direction:column;overflow:hidden}#single-spa-application{flex:1 1 auto;min-width:0;min-height:0;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;padding:0 20px 0 0;overflow-y:auto}#single-spa-application.content-hidden{display:none}.view-mode-tabs{flex:0 0 auto;display:flex;gap:8px;padding:10px 0 10px 4px}.view-mode-tab{display:inline-flex;align-items:center;gap:6px;padding:6px 16px;border:1.5px solid var(--shell-border, #45494e);border-radius:999px;background:transparent;color:var(--shell-text-secondary, #c7cacd);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,color .15s,background .15s}.view-mode-tab-icon{display:inline-flex;flex:0 0 auto;width:13px;height:13px}.view-mode-tab-icon svg{display:block;width:100%;height:100%}.view-mode-tab:hover{color:var(--shell-text, #f2f2f3);background:var(--shell-bg-panel-hover, rgba(255, 255, 255, .06))}.view-mode-tab-active{border-color:#61dafb;color:var(--shell-text, #f2f2f3);background:var(--shell-bg-panel, #2b2f34)}.code-viewer{flex:1 1 auto;min-height:0;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;padding-right:20px;padding-bottom:20px;display:none;flex-direction:column}.code-viewer.code-viewer-active{display:flex}.code-viewer-inner{position:relative;display:flex;flex-direction:column;min-height:0;flex:1 1 auto;background:#282c34;border-radius:8px;overflow:hidden}.code-copy-button{position:absolute;top:12px;right:12px;z-index:1;display:inline-flex;align-items:center;gap:6px;padding:6px 12px;border:1px solid rgba(255,255,255,.14);border-radius:6px;background:#ffffff0f;color:#9da5b4;font-family:Arial,sans-serif;font-size:12px;font-weight:600;cursor:pointer;transition:background .15s,color .15s,border-color .15s}.code-copy-button:hover{background:#ffffff1f;color:#e6e6e6}.code-copy-button svg{display:block;flex:0 0 auto}.code-copy-button-done{border-color:#4ade8080;background:#4ade801f;color:#4ade80}.code-block{flex:1 1 auto;min-height:0;margin:0;padding:16px 20px;overflow:auto}.code-block code{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;line-height:1.6;white-space:pre;-moz-tab-size:2;tab-size:2}.wiki-viewer{flex:1 1 auto;min-height:0;width:100%;max-width:1400px;margin:0 auto;box-sizing:border-box;padding-right:20px;display:none;flex-direction:column;background:var(--shell-bg-panel, #ffffff);border:1px solid var(--shell-border, #dddddd);border-radius:8px;overflow:hidden}.wiki-viewer.wiki-viewer-active{display:flex}.wiki-inner{flex:1 1 auto;min-height:0;overflow-y:auto;padding:24px 28px 32px}.wiki-header{padding-bottom:20px;margin-bottom:20px;border-bottom:1px solid var(--shell-border, #dddddd)}.wiki-title{margin:0 0 12px;font-size:20px;font-weight:800;color:var(--shell-text, #1a1a1a)}.wiki-install{display:inline-block;margin:0 12px 8px 0;padding:8px 12px;border-radius:6px;background:var(--shell-bg-radio, #f5f5f5);border:1px solid var(--shell-border, #dddddd);color:var(--shell-text-body, #333333);font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:13px}.wiki-npm-link{display:inline-block;margin-bottom:8px;color:#2563eb;font-size:13px;font-weight:600;text-decoration:none}.wiki-npm-link:hover{text-decoration:underline}.wiki-peer-note{margin:8px 0 0;color:var(--shell-text-muted, #6b6f74);font-size:13px;line-height:1.5}.wiki-section{margin-bottom:28px}.wiki-section-title{margin:0 0 6px;font-size:15px;font-weight:800;letter-spacing:.3px;text-transform:uppercase;color:var(--shell-text, #1a1a1a)}.wiki-section-intro{margin:0 0 12px;color:var(--shell-text-secondary, #555555);font-size:13.5px;line-height:1.6;max-width:900px}.wiki-prop-table{width:100%;border-collapse:collapse;font-size:13px}.wiki-prop-table th{text-align:left;padding:8px 10px;border-bottom:1.5px solid var(--shell-border, #dddddd);color:var(--shell-text-muted, #6b6f74);font-size:11px;font-weight:700;letter-spacing:.4px;text-transform:uppercase}.wiki-prop-table td{padding:9px 10px;border-bottom:1px solid var(--shell-border-subtle, rgba(0, 0, 0, .08));color:var(--shell-text-body, #333333);vertical-align:top;line-height:1.5}.wiki-prop-syntax{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12.5px;color:#2563eb;white-space:nowrap}.wiki-prop-type{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:var(--shell-text-muted, #6b6f74);white-space:nowrap}.app-footer{flex:0 0 auto;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:8px;padding:14px 16px;background:var(--shell-bg-sidenav, #262a2e);border-top:1px solid var(--shell-border, #45494e);transition:background .2s ease,border-color .2s ease}.app-footer-links{display:flex;align-items:center;justify-content:center;flex-wrap:wrap;gap:14px}.app-footer-link{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:6px;color:var(--shell-text-muted, #9a9ea3);transition:color .15s ease,background-color .15s ease}.app-footer-link:hover{color:var(--shell-text, #f2f2f3);background:var(--shell-bg-panel-hover, rgba(255, 255, 255, .06))}.app-footer-link svg{display:block}.app-footer-link-npm{font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:11px;font-weight:700;letter-spacing:.2px}.app-footer-powered{font-size:12px;color:var(--shell-text-muted, #9a9ea3);text-align:center}.app-footer-powered strong{color:var(--shell-text, #f2f2f3);font-weight:700}@media(max-width:480px){.app-footer{padding:12px 10px;gap:6px}.app-footer-links{gap:8px}.app-footer-link{width:30px;height:30px}}.app-sidenav{width:20%;min-width:260px;flex:0 0 auto;margin:0 15px 0 0;background:var(--shell-bg-sidenav, #262a2e);border:1px solid var(--shell-sidenav-border, transparent);border-left:none;box-shadow:2px 0 10px #00000026;overflow-y:auto;display:flex;flex-direction:column;transition:background .2s ease;line-height:normal}.sidenav-title{font-size:14px;font-weight:700;letter-spacing:.6px;text-transform:uppercase;color:var(--shell-text, #f2f2f3);background:var(--shell-bg-deep, #1b1e21);padding:16px;border-bottom:1px solid var(--shell-border, #45484c);flex:0 0 auto}.settings-accordion{flex:1 1 auto;min-height:0;padding:10px;display:flex;flex-direction:column;gap:8px}.settings-panel{flex-shrink:0;background:var(--shell-bg-panel, #2b2f34);border:1px solid var(--shell-border, #45494e);border-radius:8px;overflow:hidden}.settings-panel[open]{border-color:var(--shell-border-strong, #8a8d90);box-shadow:0 2px 8px #00000040}.settings-panel[open]>.panel-title{border-left-color:var(--shell-border-strong, #8a8d90);background:var(--shell-bg-panel-open-title, #34383d);border-bottom:1px solid var(--shell-border, #45494e)}.panel-title{display:flex;align-items:center;height:50px;padding:0 16px;border-left:4px solid transparent;font-weight:700;font-size:13.5px;letter-spacing:.5px;text-transform:uppercase;color:var(--shell-text, #f2f2f3);cursor:pointer;list-style:none}.panel-title::-webkit-details-marker{display:none}.panel-title:after{content:"";margin-left:auto;width:8px;height:8px;flex:0 0 auto;border-right:2px solid var(--shell-text-muted, #b0b3b6);border-bottom:2px solid var(--shell-text-muted, #b0b3b6);transform:rotate(45deg);transition:transform .15s ease}.settings-panel[open]>.panel-title:after{transform:rotate(-135deg)}.panel-title:hover{background:var(--shell-bg-panel-hover, rgba(255, 255, 255, .06))}.panel-title-icon{display:inline-flex;flex:0 0 auto;width:15px;height:15px;margin-right:10px}.panel-title-icon svg{display:block;width:100%;height:100%}.panel-title-muted{color:var(--shell-text-muted, #b0b3b6);font-weight:400;font-size:.85em;margin-left:4px;text-transform:none}.settings-panel-body{background:var(--shell-bg-panel-body, #2f3338);border-top:1px solid var(--shell-border-subtle, rgba(255, 255, 255, .08));padding:12px 16px}.data-source-tabs{display:flex;gap:2px;background:var(--shell-bg-deep, #1b1e21);margin:-12px -16px 8px;padding:0 12px}.tab-btn{padding:10px 8px;border:none;background:transparent;color:var(--shell-text-muted, #b0b3b6);font-size:13px;cursor:pointer;border-bottom:2px solid transparent}.tab-btn-active{color:var(--shell-text, #f2f2f3);font-weight:700;border-bottom-color:var(--shell-border-strong, #8a8d90)}.settings-tab-content{display:flex;flex-direction:column}.settings-row{display:flex;align-items:center;justify-content:space-between;gap:8px;padding:6px 0}.settings-row-column{flex-direction:column;align-items:stretch}.settings-radio-group{display:flex;flex-direction:row;flex-wrap:wrap;gap:10px;margin-top:6px}.settings-radio-option{display:flex;align-items:center;gap:8px;padding:8px 14px;border-radius:999px;border:1.5px solid var(--shell-border, #45494e);background:var(--shell-bg-radio, #1f2226);color:var(--shell-text-secondary, #c7cacd);font-size:13px;font-weight:600;cursor:pointer;transition:border-color .15s,background .15s,color .15s,box-shadow .15s}.settings-radio-option:hover{border-color:var(--shell-text-muted2, #7c8085)}.settings-radio-option:has(input:checked){border-color:#4ade80;background:#4ade801f;color:var(--shell-text, #ffffff);box-shadow:0 0 0 3px #4ade802e}.settings-radio-option input[type=radio]{-moz-appearance:none;appearance:none;-webkit-appearance:none;width:16px;height:16px;margin:0;flex:0 0 auto;border-radius:50%;border:2px solid var(--shell-text-muted2, #6b6f74);background:transparent;cursor:pointer;display:grid;place-content:center;transition:border-color .15s}.settings-radio-option input[type=radio]:before{content:"";width:8px;height:8px;border-radius:50%;background:#4ade80;transform:scale(0);transition:transform .12s ease-out;box-shadow:0 0 6px 1px #4ade80e6}.settings-radio-option input[type=radio]:checked{border-color:#4ade80}.settings-radio-option input[type=radio]:checked:before{transform:scale(1)}.settings-label{font-size:12px;color:var(--shell-text-secondary, #c7cacd);flex:1 1 auto}.settings-input{width:90px;box-sizing:border-box;font-family:Arial;font-size:12px;padding:4px 6px;background:var(--shell-bg-deep, #1b1e21);color:var(--shell-text-body, #e8e9ea);border:1px solid var(--shell-border-input, #44494e);border-radius:4px}.settings-input::placeholder,.settings-textarea::placeholder{color:var(--shell-placeholder, #797d81)}.settings-input:focus{outline:none;border-color:var(--shell-border-strong, #8a8d90)}.switch{position:relative;display:inline-block;flex:0 0 auto;width:40px;height:22px;cursor:pointer}.switch input{position:absolute;opacity:0;width:0;height:0}.switch-track{position:absolute;top:0;right:0;bottom:0;left:0;background:var(--shell-switch-track-off, #55595e);border-radius:999px;transition:background-color .15s ease}.switch-track:before{content:"";position:absolute;left:3px;top:3px;width:16px;height:16px;background:#e8e9ea;border-radius:50%;box-shadow:0 1px 3px #00000080;transition:transform .15s ease,background-color .15s ease}.switch input:checked+.switch-track{background:#6fae5c}.switch input:checked+.switch-track:before{transform:translate(18px);background:#fff}.switch input:focus-visible+.switch-track{outline:2px solid var(--shell-border-strong, #8a8d90);outline-offset:2px}.settings-textarea{width:100%;min-height:70px;box-sizing:border-box;font-family:monospace;font-size:11px;padding:6px;background:var(--shell-bg-deep, #1b1e21);color:var(--shell-text-body, #e8e9ea);border:1px solid var(--shell-border-input, #44494e);border-radius:4px;resize:vertical}.settings-textarea:focus{outline:none;border-color:var(--shell-border-strong, #8a8d90)}.settings-select,.settings-input-wide{width:100%}.postman-row{display:flex;flex-direction:row;gap:6px}.settings-method-select{flex:0 0 90px;width:90px}.postman-row .settings-input-wide{flex:1 1 auto;min-width:0}.settings-textarea-short{min-height:44px}.settings-fetch-button{width:100%;padding:8px;border:none;border-radius:4px;background-color:#ff6c37;color:#fff;font-weight:700;cursor:pointer}.settings-fetch-button:hover{background-color:#e0562b}.settings-panel-body pre{margin:0;padding:10px;background:var(--shell-bg-deep, #1b1e21);border:1px solid var(--shell-border-input, #44494e);border-radius:4px;overflow-x:auto}.settings-panel-body code{font-family:SFMono-Regular,Consolas,monospace;font-size:11px;line-height:1.5;color:var(--shell-text-body, #e8e9ea);white-space:pre}.settings-error{font-size:11px;font-weight:700;color:var(--shell-text, #f2f2f3);margin-top:-4px;margin-bottom:4px}@media(max-width:820px){.sidebar-toggle-btn{display:flex}.app-sidenav{position:fixed;top:0;left:0;bottom:0;z-index:50;width:82%;max-width:320px;min-width:0;margin:0;border-left:1px solid var(--shell-sidenav-border, #dddddd);box-shadow:4px 0 16px #00000059;transform:translate(-100%);transition:transform .2s ease}.app-sidenav.app-sidenav-open{transform:translate(0)}.sidebar-backdrop.visible{display:block;position:fixed;top:0;right:0;bottom:0;left:0;background:#00000080;z-index:40}.app-brand{padding-left:4px}#single-spa-application{padding-right:12px}}@media(max-width:480px){.app-brand-text{display:none}}pre code.hljs{display:block;overflow-x:auto;padding:1em}code.hljs{padding:3px 5px}.hljs{color:#abb2bf;background:#282c34}.hljs-comment,.hljs-quote{color:#5c6370;font-style:italic}.hljs-doctag,.hljs-keyword,.hljs-formula{color:#c678dd}.hljs-section,.hljs-name,.hljs-selector-tag,.hljs-deletion,.hljs-subst{color:#e06c75}.hljs-literal{color:#56b6c2}.hljs-string,.hljs-regexp,.hljs-addition,.hljs-attribute,.hljs-meta .hljs-string{color:#98c379}.hljs-attr,.hljs-variable,.hljs-template-variable,.hljs-type,.hljs-selector-class,.hljs-selector-attr,.hljs-selector-pseudo,.hljs-number{color:#d19a66}.hljs-symbol,.hljs-bullet,.hljs-link,.hljs-meta,.hljs-selector-id,.hljs-title{color:#61aeee}.hljs-built_in,.hljs-title.class_,.hljs-class .hljs-title{color:#e6c07b}.hljs-emphasis{font-style:italic}.hljs-strong{font-weight:700}.hljs-link{text-decoration:underline}