@media(max-width:1440px){html{font-size:12px}}@media(max-width:1024px){html{font-size:8.48px}}:root{--brand: #2152ff;--brand-hover: #1740d6;--brand-soft: #eef2ff;--brand-strong: #0f2fc7;--lbs-header-height: 4.625rem;--text-1: #0b1220;--text-2: #4a5269;--text-3: #8a93a6;--text-inv: #fff;--border: #ebeef3;--border-strong: #d6dbe4;--divider: #f1f3f7;--bg: #fff;--bg-soft: #f7f8fa;--bg-sidebar: #fbfcfd;--bg-code: #fff;--bg-pre: #f6f8fa;--radius: 6px;--radius-lg: 10px;--shadow-sm: 0 1px 1px rgba(10, 15, 25, .04);--shadow-md: 0 6px 18px rgba(10, 15, 25, .06);--shadow-pop: 0 2px 4px rgba(10, 15, 25, .06), 0 10px 24px rgba(10, 15, 25, .08);--sidebar-w: 248px;--toolbar-h: 44px;--resizer-w: 5px;--font-sans: -apple-system, BlinkMacSystemFont, "Inter", "PingFang SC", "Microsoft YaHei", "Segoe UI", Roboto, "Helvetica Neue", sans-serif;--font-mono: "SF Mono", "JetBrains Mono", "Fira Code", Menlo, Consolas, "Liberation Mono", monospace}@media(prefers-color-scheme:dark){:root{--brand: #4d7cff;--brand-hover: #6b93ff;--brand-soft: #1a2340;--brand-strong: #3b5bdb;--text-1: #e8eaed;--text-2: #9aa0a6;--text-3: #5f6368;--text-inv: #0b1220;--border: #3c4043;--border-strong: #5f6368;--divider: #292a2d;--bg: #202124;--bg-soft: #292a2d;--bg-sidebar: #1e1f21;--bg-code: #1e1f21;--bg-pre: #2d2e31;--shadow-sm: 0 1px 1px rgba(0, 0, 0, .3);--shadow-md: 0 6px 18px rgba(0, 0, 0, .4);--shadow-pop: 0 2px 4px rgba(0, 0, 0, .3), 0 10px 24px rgba(0, 0, 0, .5)}}*{margin:0;padding:0;box-sizing:border-box}html,body{height:100%}body{font-family:var(--font-sans);color:var(--text-1);background:var(--bg);height:100vh;overflow:hidden;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-size:13px;letter-spacing:.01em}button,input,select{font-family:inherit;color:inherit}a{color:var(--brand);text-decoration:none}a:hover{color:var(--brand-hover)}#lbs_header_container{position:relative;z-index:100}.main-container{display:flex;height:calc(100vh - var(--lbs-header-height));overflow:hidden;position:relative}.content-wrapper{flex:1;display:flex;overflow:hidden;position:relative;min-width:0}.sidebar{width:var(--sidebar-w);background:var(--bg-sidebar);border-right:1px solid var(--border);overflow:hidden;flex-shrink:0;display:flex;flex-direction:column}.sidebar-brand{display:flex;align-items:center;justify-content:center;gap:10px;padding:14px 16px;border-bottom:1px solid var(--border);flex-shrink:0}.sidebar-brand__text{font-size:16px;font-weight:600;color:var(--text-1);letter-spacing:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.sidebar-backdrop{display:none;position:fixed;inset:0;background:#0a0f1959;z-index:18}.sidebar-search{padding:12px 12px 8px;flex-shrink:0}.sidebar-search-input{width:100%;height:32px;padding:0 12px 0 32px;border:1px solid transparent;border-radius:var(--radius);background:var(--bg);color:var(--text-1);font-size:12.5px;outline:none;transition:all .15s;box-shadow:inset 0 0 0 1px var(--border);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='14' height='14' viewBox='0 0 14 14'%3E%3Ccircle cx='6' cy='6' r='4.25' fill='none' stroke='%238A93A6' stroke-width='1.2'/%3E%3Cpath d='M9.2 9.2l3 3' stroke='%238A93A6' stroke-width='1.2' stroke-linecap='round'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:10px center}.sidebar-search-input::placeholder{color:var(--text-3)}.sidebar-search-input:focus{box-shadow:inset 0 0 0 1px var(--brand),0 0 0 3px #2152ff24}.tree-menu{padding:4px 8px 16px;overflow-y:auto;flex:1}.tree-item{margin:0}.tree-node{display:flex;align-items:center;padding:6px 10px;margin:1px 0;cursor:pointer;transition:background .12s,color .12s;color:var(--text-2);font-size:13px;line-height:1.4;border-radius:var(--radius);user-select:none}.tree-node:hover{background:var(--divider);color:var(--text-1)}.tree-node.active{background:var(--brand-soft);color:var(--brand-strong);font-weight:500}.tree-node.matched{background:#e0ded54d;color:var(--text-1)}.tree-node.matched.active{background:linear-gradient(90deg,var(--brand-soft),#e0ded54d)}.tree-node__label{flex:1;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.tree-toggle{font-size:14px!important;color:var(--text-3);margin-left:4px;flex-shrink:0;transition:transform .15s}.tree-toggle.expanded{transform:rotate(90deg)}.tree-node.active .tree-toggle{color:var(--brand)}.tree-children{margin-left:14px;display:none}.tree-children.expanded{display:block}.tree-menu>.tree-item>.tree-node{font-size:14px;font-weight:600;color:var(--text-1);cursor:default;margin-top:8px}.tree-menu>.tree-item:first-child>.tree-node{margin-top:0}.tree-menu>.tree-item>.tree-node:hover{background:transparent;color:var(--text-1)}.tree-menu>.tree-item>.tree-node .tree-toggle{display:none}.tree-menu>.tree-item>.tree-children{display:block;margin-left:0}.content-area{flex:1 1 auto;display:flex;flex-direction:column;background:var(--bg);overflow:hidden;min-width:400px}.content-description{flex:0 0 auto;padding:10px 16px 12px;border-top:1px solid rgba(0,0,0,.06);background:#fafafa;line-height:1.6;font-size:13px;color:#333;word-break:break-word}.content-description__body{margin:0}.content-description a{color:#1677ff;text-decoration:none}.content-description a:hover{text-decoration:underline}.content-description code{padding:1px 6px;margin:0 2px;background:#1b1f230f;border-radius:3px;font-family:SFMono-Regular,Consolas,Liberation Mono,Menlo,monospace;font-size:12px;color:#d63384}.resizer{flex:0 0 var(--resizer-w);width:var(--resizer-w);background:transparent;cursor:col-resize;position:relative;z-index:5;transition:background .15s}.resizer:before{content:"";position:absolute;left:50%;top:0;bottom:0;width:1px;background:var(--border);transform:translate(-50%);transition:background .15s,width .15s}.resizer:hover:before,.resizer.is-dragging:before{background:var(--brand);width:2px}.resizer__collapse{position:absolute;top:50%;left:0;transform:translate(-100%,-50%);width:18px;height:44px;padding:0;border:1px solid var(--border);border-right:0;border-radius:8px 0 0 8px;background:var(--bg);color:var(--text-2);cursor:pointer;display:inline-flex;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:color .15s,background .15s,border-color .15s;z-index:6}.resizer__collapse:hover{color:var(--brand);border-color:var(--brand)}.resizer__collapse .mdi{font-size:14px}.resizer.is-dragging .resizer__collapse{opacity:0;pointer-events:none}body.is-resizing,body.is-resizing *{cursor:col-resize!important;user-select:none!important}body.is-resizing .preview-frame{pointer-events:none}.restore-code-btn{position:absolute;top:50%;left:var(--sidebar-w);transform:translate(-1px,-50%);width:18px;height:44px;padding:0;border:1px solid var(--border);border-left:0;border-radius:0 8px 8px 0;background:var(--bg);color:var(--text-2);cursor:pointer;display:none;align-items:center;justify-content:center;box-shadow:var(--shadow-sm);transition:color .15s,border-color .15s;z-index:15}.restore-code-btn:hover{color:var(--brand);border-color:var(--brand)}.restore-code-btn .mdi{font-size:14px}body.code-collapsed .content-area{flex:0 0 0!important;min-width:0!important;width:0!important;overflow:hidden}body.code-collapsed .resizer{display:none}body.code-collapsed .preview-area{flex:1 1 auto!important;flex-basis:auto!important}body.code-collapsed .restore-code-btn{display:inline-flex}body.code-readonly #runBtn{opacity:.5;cursor:not-allowed}.preview-area{flex:0 0 50%;background:var(--bg);display:flex;flex-direction:column;min-width:320px;overflow:hidden}.preview-header{padding:0 12px 0 16px;height:var(--toolbar-h);border-bottom:1px solid var(--border);display:flex;align-items:center;justify-content:space-between;gap:12px;background:var(--bg);flex-shrink:0}.preview-header__left{display:flex;align-items:center;gap:8px;min-width:0}.preview-header__title{font-size:12.5px;font-weight:600;color:var(--text-2);display:inline-flex;align-items:center;gap:6px;letter-spacing:.2px;text-transform:uppercase;white-space:nowrap}.preview-header__title .mdi{font-size:14px;color:var(--text-3)}.preview-header__actions{display:flex;align-items:center;gap:8px;flex-shrink:0}.sidebar-toggle{display:none;width:30px;height:30px;border-radius:var(--radius);border:0;background:transparent;color:var(--text-2);cursor:pointer;align-items:center;justify-content:center;transition:background .12s,color .12s}.sidebar-toggle:hover{background:var(--divider);color:var(--text-1)}.sidebar-toggle .mdi{font-size:20px}.preview-frame-container{flex:1;background:var(--bg-soft);overflow:hidden;padding:0}.preview-frame{width:100%;height:100%;border:0;background:var(--bg);display:block}.custom-select{position:relative;display:inline-block}.custom-select__trigger{height:30px;padding:0 30px 0 12px;border:1px solid var(--border-strong);border-radius:var(--radius);background:var(--bg);color:var(--text-1);font-size:12.5px;cursor:pointer;min-width:110px;outline:none;display:inline-flex;align-items:center;gap:6px;transition:border-color .15s,box-shadow .15s;position:relative;white-space:nowrap}.custom-select__trigger:after{content:"";position:absolute;right:10px;top:50%;width:10px;height:10px;transform:translateY(-50%);background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' width='10' height='10' viewBox='0 0 10 10'%3E%3Cpath d='M2.5 3.75L5 6.25l2.5-2.5' fill='none' stroke='%234A5269' stroke-width='1.2' stroke-linecap='round' stroke-linejoin='round'/%3E%3C/svg%3E");background-repeat:no-repeat;transition:transform .15s}.custom-select__trigger:hover{border-color:var(--text-3)}.custom-select[data-open=true] .custom-select__trigger{border-color:var(--brand);box-shadow:0 0 0 3px #2152ff29}.custom-select[data-open=true] .custom-select__trigger:after{transform:translateY(-50%) rotate(180deg)}.custom-select__label{overflow:hidden;text-overflow:ellipsis;white-space:nowrap;max-width:160px}.custom-select__menu{position:absolute;top:calc(100% + 6px);right:0;min-width:100%;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);box-shadow:var(--shadow-pop);padding:4px;max-height:280px;overflow:auto;z-index:50;display:none}.custom-select[data-open=true] .custom-select__menu{display:block}.custom-select__option{padding:7px 10px;font-size:12.5px;color:var(--text-1);border-radius:4px;cursor:pointer;white-space:nowrap;transition:background .12s,color .12s}.custom-select__option:hover{background:var(--divider)}.custom-select__option[aria-selected=true]{background:var(--brand-soft);color:var(--brand-strong);font-weight:500}.tabs{display:flex;background:var(--bg);border-bottom:1px solid var(--border);padding:0 12px;align-items:center;justify-content:space-between;gap:12px;height:var(--toolbar-h);flex-shrink:0}.tabs-actions{display:flex;gap:4px;align-items:center}.content-header__title{font-size:12.5px;font-weight:600;color:var(--text-2);display:inline-flex;align-items:center;gap:6px;letter-spacing:.2px;text-transform:uppercase;white-space:nowrap;flex-shrink:0}.content-header__title .mdi{font-size:14px;color:var(--text-3)}.code-btn{height:28px;padding:0 10px;border:1px solid transparent;border-radius:var(--radius);background:transparent;color:var(--text-2);font-size:12.5px;font-weight:500;cursor:pointer;display:inline-flex;align-items:center;gap:5px;transition:all .12s ease;line-height:1}.code-btn:hover{color:var(--text-1);background:var(--divider)}.code-btn:active{background:#e6eaf1}.code-btn.primary{background:var(--brand);color:var(--text-inv);border-color:var(--brand);box-shadow:0 1px 2px #2152ff40}.code-btn.primary:hover{background:var(--brand-hover);border-color:var(--brand-hover);color:var(--text-inv)}.code-btn.primary:active{background:var(--brand-strong)}.code-btn.icon-btn{width:28px;padding:0;justify-content:center;color:var(--text-2)}.code-btn.icon-btn:hover{color:var(--text-1)}.code-btn .mdi{font-size:15px}.code-btn .brand-icon{width:14px;height:14px;display:inline-flex;align-items:center;justify-content:center;color:currentColor}.code-btn .brand-icon svg{width:100%;height:100%;display:block}.code-btn.is-loading{pointer-events:none;opacity:.75}.code-btn.is-loading .mdi{animation:spin .8s linear infinite}@keyframes spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.code-content{flex:1;overflow:hidden;padding:0;display:flex;flex-direction:column;background:var(--bg-code);transition:background-color .15s ease}.code-block-wrapper{flex:1;display:flex;flex-direction:column;overflow:hidden}.code-block{background:var(--bg);border:0;overflow:hidden;display:flex;flex-direction:column;height:100%}.code-body{padding:0;overflow:hidden;flex:1;display:flex;flex-direction:column}.code-body pre{margin:0;font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--text-1);transition:color .15s ease}.code-editor{width:100%;height:100%;min-height:280px;padding:12px 16px;border:none;background:var(--bg);font-family:var(--font-mono);font-size:12.5px;line-height:1.6;color:var(--text-1);resize:none;outline:none;white-space:pre;overflow:auto;tab-size:2;flex:1;transition:background-color .15s ease,color .15s ease}.empty-state,.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;height:100%;color:var(--text-3);text-align:center;gap:12px;flex:1;transition:color .15s ease,background-color .15s ease}.empty-state .mdi{font-size:44px;color:var(--border-strong)}.empty-state h3{font-size:14px;font-weight:500;color:var(--text-2)}.empty-state p{font-size:12.5px;color:var(--text-3)}.loading-spinner{width:22px;height:22px;border:2px solid var(--border);border-top-color:var(--brand);border-radius:50%;animation:spin .8s linear infinite;transition:border-color .15s ease}::-webkit-scrollbar{width:10px;height:10px}::-webkit-scrollbar-track{background:transparent}::-webkit-scrollbar-thumb{background:transparent;border-radius:6px;border:3px solid transparent;background-clip:padding-box}*:hover>::-webkit-scrollbar-thumb,::-webkit-scrollbar:hover ::-webkit-scrollbar-thumb,.tree-menu:hover::-webkit-scrollbar-thumb,.CodeMirror:hover ::-webkit-scrollbar-thumb,.code-editor:hover::-webkit-scrollbar-thumb{background:#c8ced6;background-clip:padding-box}::-webkit-scrollbar-thumb:hover{background:#9aa4b2!important;background-clip:padding-box!important}.CodeMirror{height:100%;font-family:var(--font-mono);font-size:12.5px;line-height:1.65;background:var(--bg);color:var(--text-1);scrollbar-width:none}.CodeMirror-scroll{scrollbar-width:none}.CodeMirror-scroll::-webkit-scrollbar,.CodeMirror-hscrollbar,.CodeMirror-vscrollbar{display:none!important}.CodeMirror-gutters{background:var(--bg);border-right:1px solid var(--divider)}body.code-readonly .CodeMirror,body.code-readonly .CodeMirror-gutters{background:var(--bg-soft)}.CodeMirror-linenumber{color:#b4bac5;padding:0 8px;min-width:26px;text-align:right;font-size:11.5px}.CodeMirror pre.CodeMirror-line,.CodeMirror pre.CodeMirror-line-like{padding:0 10px}.CodeMirror-focused .CodeMirror-selected{background:#2152ff2e}.CodeMirror-selected{background:#2152ff1a}.CodeMirror-cursor{border-left:1.5px solid var(--brand)}.CodeMirror-activeline-background{background:#2152ff09}.CodeMirror-matchingbracket{color:var(--brand)!important;background:#2152ff14}.cm-s-default .cm-keyword{color:#b83e80;font-weight:500}.cm-s-default .cm-atom,.cm-s-default .cm-number{color:#0f6f6f}.cm-s-default .cm-def{color:#2152ff}.cm-s-default .cm-variable{color:var(--text-1)}.cm-s-default .cm-variable-2{color:#2152ff}.cm-s-default .cm-property{color:#6d28d9}.cm-s-default .cm-string{color:#0f766e}.cm-s-default .cm-comment{color:#8a93a6;font-style:italic}.cm-s-default .cm-tag{color:#b83e80}.cm-s-default .cm-attribute{color:#6d28d9}.cm-s-default .cm-operator{color:var(--text-2)}@media(max-width:960px){:root{--sidebar-w: 260px}.sidebar{position:fixed;top:0;bottom:0;left:0;width:var(--sidebar-w);transform:translate(-100%);transition:transform .22s ease;z-index:20;box-shadow:var(--shadow-md)}body.sidebar-open .sidebar{transform:none}body.sidebar-open .sidebar-backdrop{display:block}.sidebar-toggle{display:inline-flex}.content-wrapper{flex-direction:column}.resizer{display:none}.content-area{min-width:0;flex:1 1 auto;order:1}.preview-area{order:0;flex:0 0 auto;min-width:0;border-bottom:1px solid var(--border)}.preview-frame-container{height:55vh;min-height:260px}}@media(max-width:640px){.preview-header{padding:0 8px 0 10px}.preview-header__title{font-size:11.5px}.custom-select__trigger{min-width:88px;font-size:12px;padding:0 26px 0 10px}.tabs{padding:0 4px 0 8px}.tabs-actions .icon-btn{display:none}}body.preview-only #lbs_header_container,body.preview-only .sidebar,body.preview-only .sidebar-backdrop,body.preview-only .restore-code-btn,body.preview-only .content-area,body.preview-only .resizer,body.preview-only .preview-header{display:none!important}body.preview-only.has-lbs-header .main-container,body.preview-only .main-container{height:100vh!important}body.preview-only .content-wrapper{flex:1 1 auto;width:100%}body.preview-only .preview-area{flex:1 1 100%!important;width:100%!important;max-width:none!important;min-width:0!important}body.preview-only .preview-frame-container{height:100vh!important;min-height:0!important;flex:1 1 auto}body.preview-only .preview-frame{width:100%!important;height:100%!important;border:0!important}