*,*:before,*:after{box-sizing:border-box;margin:0;padding:0}:root{--brand-dark:#0E4A44;--brand-teal:#20B8B0;--brand-light:#E8F7F6;--bg:#181818;--bg-panel:#1F1F1F;--bg-card:#242424;--bg-hover:#2A2D2E;--text:#CCCCCC;--text-dim:#9D9D9D;--text-bright:#FFFFFF;--border:rgba(255,255,255,.12);--border-strong:rgba(255,255,255,.22);--chart-bg:#181818;--chart-grid:rgba(255,255,255,.08);--accent-green:#207456;--accent-amber:#B06818;--accent-red:#AE3939;--accent-blue:#31679E;--accent-purple:#6B4EA0;--radius:8px;--radius-sm:4px;--sidebar-w:240px;--font:"Inter",-apple-system,BlinkMacSystemFont,"Segoe UI",Roboto,sans-serif;--font-mono:"JetBrains Mono","Fira Code","Cascadia Code",monospace;--transition:.2s cubic-bezier(.4,0,.2,1)}html{scroll-behavior:smooth}html,body{height:100%}body{font-family:var(--font);background:var(--bg);color:var(--text);display:flex;height:100vh;overflow:hidden;line-height:1.5;padding-top:60px}a{color:var(--brand-teal);text-decoration:none;transition:var(--transition)}a:hover{color:#4dd4cc}code,pre{font-family:var(--font-mono);font-size:.875rem}pre{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;overflow-x:auto;margin:.75rem 0}button{cursor:pointer;font-family:var(--font);border:none;outline:none;transition:var(--transition)}ol{color:var(--text-dim)}.sidebar{width:var(--sidebar-w);min-width:var(--sidebar-w);background:var(--bg-panel);border-right:1px solid var(--border);display:flex;flex-direction:column;padding:0;overflow-y:auto;user-select:none}.sidebar-brand{padding:1.25rem 1rem .5rem;border-bottom:1px solid var(--border)}.sidebar-back{display:block;margin:.35rem 0 0;padding:.3rem .5rem;font-size:.78rem;color:var(--text-dim);border-radius:var(--radius-sm);text-decoration:none;transition:var(--transition)}.sidebar-back:hover{color:var(--brand-teal);background:var(--bg-hover)}.sidebar-brand .logo{display:flex;align-items:center;gap:.5rem;margin-bottom:.25rem}.sidebar-brand .logo svg{width:28px;height:28px;flex-shrink:0}.sidebar-brand .logo-text{font-size:1.125rem;font-weight:700;color:var(--brand-dark);letter-spacing:.02em}.light .sidebar-brand .logo-text{color:var(--brand-dark)}.dark .sidebar-brand .logo-text{color:var(--brand-teal)}.sidebar-brand .subtitle{font-size:.75rem;color:var(--text-dim)}.sidebar-nav{padding:.5rem 0;flex:1}.nav-item{display:flex;align-items:center;gap:.625rem;padding:.5rem 1rem;margin:.125rem .5rem;border-radius:var(--radius);font-size:.875rem;color:var(--text-dim);cursor:pointer;transition:var(--transition)}.nav-item:hover{background:var(--bg-hover);color:var(--text)}.nav-item.active{background:var(--brand-dark);color:var(--text-bright)}.nav-item .nav-icon{width:18px;height:18px;flex-shrink:0;opacity:.7}.nav-item.active .nav-icon{opacity:1}.nav-section{padding:1rem 1rem .25rem;font-size:.6875rem;font-weight:600;color:var(--text-dim);text-transform:uppercase;letter-spacing:.08em}.lang-toggle{display:flex;margin:.5rem;border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.lang-btn{flex:1;padding:.375rem;font-size:.75rem;background:transparent;color:var(--text-dim);text-align:center;text-decoration:none}.lang-btn.active{background:var(--brand-dark);color:var(--text-bright)}.main{flex:1;display:flex;flex-direction:column;overflow:hidden;background:var(--bg)}.topbar{display:flex;align-items:center;justify-content:space-between;padding:.625rem 1.5rem;border-bottom:1px solid var(--border);background:var(--bg-panel);min-height:48px}.topbar-title{font-size:.9375rem;font-weight:600}.topbar-right{display:flex;align-items:center;gap:.75rem;flex-wrap:wrap}.badge{display:inline-flex;align-items:center;gap:.25rem;padding:.2rem .5rem;border-radius:999px;font-size:.6875rem;font-weight:500}.badge-ready{background:var(--accent-green);color:#fff}.badge-version{background:var(--bg-hover);color:var(--text-dim);border:1px solid var(--border)}.content{flex:1;overflow-y:auto;padding:1.5rem}.content::-webkit-scrollbar{width:6px}.content::-webkit-scrollbar-track{background:transparent}.content::-webkit-scrollbar-thumb{background:var(--border);border-radius:3px}.tab-bar{display:flex;gap:0;border-bottom:1px solid var(--border);margin-bottom:1.5rem}.tab{padding:.625rem 1.25rem;font-size:.875rem;color:var(--text-dim);border-bottom:2px solid transparent;cursor:pointer;transition:var(--transition)}.tab:hover{color:var(--text)}.tab.active{color:var(--brand-teal);border-bottom-color:var(--brand-teal)}.card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;margin-bottom:1rem;transition:var(--transition)}.card:hover{border-color:var(--border-strong)}.card-title{font-size:.9375rem;font-weight:600;margin-bottom:.5rem}.card-desc{font-size:.8125rem;color:var(--text-dim);line-height:1.6}.cap-grid{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:.75rem}.cap-card{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.cap-card:hover{border-color:var(--brand-teal);transform:translateY(-2px);box-shadow:0 4px 20px #20b8b01a}.cap-card .cap-icon{font-size:1.5rem;margin-bottom:.5rem}.cap-card .cap-name{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.cap-card .cap-id{font-size:.75rem;color:var(--brand-teal);font-family:var(--font-mono)}.cap-card .cap-desc{font-size:.75rem;color:var(--text-dim);margin-top:.375rem}.cap-card .cap-badge{position:absolute;top:.75rem;right:.75rem;font-size:.625rem;padding:.125rem .375rem;border-radius:999px;background:var(--accent-green);color:#fff}.steps{display:flex;gap:1rem;margin-bottom:2rem;flex-wrap:wrap}.step{flex:1;min-width:180px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1.25rem;text-align:center;position:relative}.step-num{width:32px;height:32px;border-radius:50%;background:var(--brand-dark);color:var(--text-bright);display:inline-flex;align-items:center;justify-content:center;font-size:.875rem;font-weight:700;margin-bottom:.5rem}.step-title{font-size:.875rem;font-weight:600;margin-bottom:.25rem}.step-desc{font-size:.75rem;color:var(--text-dim)}.code-block{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.code-block .code-header{display:flex;align-items:center;justify-content:space-between;padding:.5rem 1rem;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:.75rem;color:var(--text-dim)}.code-block .code-header .dot{display:flex;gap:6px}.code-block .code-header .dot span{width:10px;height:10px;border-radius:50%}.code-block .code-header .dot span:nth-child(1){background:#ae3939}.code-block .code-header .dot span:nth-child(2){background:#b06818}.code-block .code-header .dot span:nth-child(3){background:#207456}@keyframes fadeInUp{0%{opacity:0;transform:translateY(16px)}to{opacity:1;transform:translateY(0)}}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes slideInLeft{0%{opacity:0;transform:translate(-20px)}to{opacity:1;transform:translate(0)}}@keyframes shimmer{0%{background-position:-200% 0}to{background-position:200% 0}}@keyframes drawLine{to{stroke-dashoffset:0}}@keyframes barGrow{0%{transform:scaleY(0)}to{transform:scaleY(1)}}@keyframes dotPulse{0%,to{r:4;opacity:1}50%{r:6;opacity:.6}}@keyframes rotate{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.animate-in{animation:fadeInUp .5s ease-out both}.animate-in:nth-child(1){animation-delay:.05s}.animate-in:nth-child(2){animation-delay:.1s}.animate-in:nth-child(3){animation-delay:.15s}.animate-in:nth-child(4){animation-delay:.2s}.animate-in:nth-child(5){animation-delay:.25s}.animate-in:nth-child(6){animation-delay:.3s}.fade-in{animation:fadeIn .4s ease-out}.slide-in{animation:slideInLeft .4s ease-out}.hero{text-align:center;padding:3rem 1.5rem 2rem;background:linear-gradient(180deg,var(--bg-panel) 0%,var(--bg) 100%);border-radius:var(--radius);margin-bottom:2rem;position:relative;overflow:hidden}.hero:before{content:"";position:absolute;inset:0;background:radial-gradient(ellipse at 50% 0%,rgba(32,184,176,.08) 0%,transparent 60%)}.hero h1{font-size:2rem;font-weight:700;margin-bottom:.5rem;position:relative}.hero .hero-subtitle{font-size:1rem;color:var(--text-dim);margin-bottom:1.5rem;position:relative}.hero .hero-actions{display:flex;gap:.75rem;justify-content:center;flex-wrap:wrap;position:relative}.btn{display:inline-flex;align-items:center;gap:.5rem;padding:.625rem 1.25rem;border-radius:var(--radius);font-size:.875rem;font-weight:500;transition:var(--transition)}.btn-primary{background:var(--brand-teal);color:var(--bg)}.btn-primary:hover{background:#4dd4cc;transform:translateY(-1px)}.btn-secondary{background:transparent;color:var(--text);border:1px solid var(--border)}.btn-secondary:hover{border-color:var(--brand-teal);color:var(--brand-teal)}.btn-ghost{background:transparent;color:var(--text-dim)}.btn-ghost:hover{color:var(--text)}.section-title{font-size:1.25rem;font-weight:600;margin-bottom:1rem;display:flex;align-items:center;gap:.5rem}.section-title:after{content:"";flex:1;height:1px;background:var(--border)}.page{display:none}.page.active{display:block;animation:fadeIn .3s ease-out}.wb-page{display:none}.wb-page.active{display:block;animation:fadeIn .3s ease-out}.footer{text-align:center;padding:2rem 1.5rem;border-top:1px solid var(--border);margin-top:3rem;font-size:.75rem;color:var(--text-dim)}.example-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(320px,1fr));gap:1rem;margin-bottom:1.5rem}.example-panel{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden}.example-panel-header{padding:.625rem 1rem;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:.8125rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.example-panel-body{padding:1rem}.example-panel-body pre{font-size:.75rem;margin:0;max-height:200px;overflow-y:auto}.chart-container{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;margin-bottom:1rem;overflow-x:auto}.chart-container svg{display:block;margin:0 auto}.result-table{width:100%;border-collapse:collapse;font-size:.8125rem}.result-table th{text-align:left;padding:.5rem .75rem;background:var(--bg-panel);border-bottom:2px solid var(--border);color:var(--text-dim);font-weight:600;font-size:.75rem}.result-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.result-table tr:hover td{background:var(--bg-hover)}.result-table .mono{font-family:var(--font-mono);font-size:.75rem;color:var(--brand-teal)}.stat-row{display:flex;gap:.75rem;margin-bottom:1.25rem;flex-wrap:wrap}.stat-card{flex:1;min-width:120px;background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;text-align:center}.stat-card .stat-value{font-size:1.5rem;font-weight:700;color:var(--brand-teal)}.stat-card .stat-label{font-size:.6875rem;color:var(--text-dim);margin-top:.25rem}.stat-card .stat-unit{font-size:.625rem;color:var(--text-dim)}.gallery{display:grid;grid-template-columns:repeat(auto-fit,minmax(300px,1fr));gap:1rem;margin-bottom:1.5rem}.gallery-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;transition:var(--transition)}.gallery-item:hover{border-color:var(--brand-teal);transform:translateY(-2px)}.gallery-item-header{padding:.5rem 1rem;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:.75rem;font-weight:600;display:flex;align-items:center;gap:.5rem}.gallery-item-body{padding:.75rem;display:flex;justify-content:center;align-items:center;min-height:200px;background:var(--bg)}@media(max-width:768px){.sidebar{width:60px;min-width:60px}.sidebar-brand .logo-text,.sidebar-brand .subtitle,.nav-item span,.nav-section{display:none}.nav-item{justify-content:center;padding:.5rem}.hero h1{font-size:1.5rem}.cap-grid{grid-template-columns:1fr}.steps{flex-direction:column}.example-grid{grid-template-columns:1fr}.stat-row{flex-direction:column}.gallery{grid-template-columns:1fr}}.pipeline{display:flex;align-items:center;gap:.4rem;margin-bottom:1.25rem;flex-wrap:wrap}.pipe-step{display:flex;flex-direction:column;align-items:center;gap:.4rem}.pipe-node{width:46px;height:46px;border-radius:12px;background:var(--bg-card);border:1px solid var(--border);display:flex;align-items:center;justify-content:center;font-size:1.25rem;position:relative;transition:var(--transition)}.pipe-step:hover .pipe-node{border-color:var(--brand-teal)}.pipe-step.running .pipe-node{border-color:var(--brand-teal);box-shadow:0 0 0 4px #20b8b029;background:var(--brand-dark)}.pipe-step.done .pipe-node{border-color:#20b8b08c;background:#20b8b01a}.pipe-step.done .pipe-node:after{content:"✓";position:absolute;top:-6px;right:-6px;width:16px;height:16px;border-radius:50%;background:var(--accent-green);color:#fff;font-size:.6rem;display:flex;align-items:center;justify-content:center}.pipe-step.running .pipe-node:after{content:"";position:absolute;inset:-5px;border-radius:16px;border:2px solid var(--brand-teal);opacity:0;animation:pipePulse 1.6s ease-out infinite}@keyframes pipePulse{0%{transform:scale(.8);opacity:.7}to{transform:scale(1.15);opacity:0}}.pipe-name{font-size:.72rem;color:var(--text-dim);white-space:nowrap}.pipe-link{flex:1;min-width:22px;max-width:70px}.pipe-link svg{display:block;width:100%;height:10px;overflow:visible}.pipe-flow{stroke:var(--brand-teal);stroke-width:1.5;stroke-dasharray:6 6;animation:pipeFlow 1s linear infinite;opacity:.75}@keyframes pipeFlow{to{stroke-dashoffset:-12}}.flow-dot{display:none}.runlog-body{font-family:var(--font-mono);font-size:.75rem;line-height:1.85;padding:.75rem 1rem;max-height:220px;overflow-y:auto}.runlog .rl-time{color:var(--text-dim)}.runlog .rl-glyph{display:inline-block;width:1.1em;text-align:center;font-weight:700}.runlog .rl-glyph.run{color:var(--brand-teal);animation:blink 1s step-end infinite}.runlog .rl-glyph.ok{color:var(--accent-green)}.runlog .rl-msg{color:var(--text)}.runlog-restart{background:var(--bg-hover);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.15rem .5rem;font-size:.7rem;font-family:var(--font)}.runlog-restart:hover{color:var(--brand-teal);border-color:var(--brand-teal)}@keyframes blink{0%,to{opacity:1}50%{opacity:.2}}.rl-bar{height:3px;background:var(--bg-hover);position:relative}.rl-bar i{display:block;height:100%;width:0;background:linear-gradient(90deg,var(--brand-teal),var(--brand-light));transition:width .45s ease}@media(prefers-reduced-motion:reduce){.pipe-flow,.flow-dot,.pipe-step.running .pipe-node:after,.runlog .rl-glyph.run{animation:none}.rl-bar i{transition:none}}.sim-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(230px,1fr));gap:.75rem;margin-bottom:.5rem}.sim-file{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;cursor:pointer;transition:var(--transition);position:relative;overflow:hidden}.sim-file:hover{border-color:var(--brand-teal);transform:translateY(-2px)}.sim-file.selected{border-color:var(--brand-teal);box-shadow:0 0 0 3px #20b8b02e}.sim-file .sf-ico{font-size:1.4rem;margin-bottom:.5rem}.sim-file .sf-name{font-size:.8125rem;font-weight:600;font-family:var(--font-mono);word-break:break-all}.sim-file .sf-meta{font-size:.6875rem;color:var(--text-dim);margin-top:.3rem}.sim-file .sf-check{position:absolute;top:.6rem;right:.6rem;width:18px;height:18px;border-radius:50%;background:var(--brand-teal);color:var(--bg);font-size:.7rem;display:none;align-items:center;justify-content:center;font-weight:700}.sim-file.selected .sf-check{display:flex;animation:fadeInUp .3s ease-out}.demo-modal{position:fixed;inset:0;z-index:100;background:#000000a6;backdrop-filter:blur(4px);display:none;align-items:center;justify-content:center;padding:1.5rem}.demo-modal.open{display:flex;animation:fadeIn .25s ease-out}.demo-modal-panel{background:var(--bg-panel);border:1px solid var(--border);border-radius:12px;width:min(860px,96vw);max-height:90vh;overflow-y:auto;box-shadow:0 24px 80px #00000080;animation:fadeInUp .35s ease-out}.demo-modal-head{display:flex;align-items:center;justify-content:space-between;padding:1rem 1.25rem;border-bottom:1px solid var(--border)}.demo-modal-title{font-size:.9375rem;font-weight:700;font-family:var(--font-mono);color:var(--brand-teal)}.demo-close{background:var(--bg-hover);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius-sm);width:28px;height:28px;font-size:.9rem;line-height:1}.demo-close:hover{color:var(--accent-red);border-color:var(--accent-red)}.demo-body{padding:1.25rem}.demo-flow{display:flex;align-items:center;gap:.5rem;margin-bottom:1rem;flex-wrap:wrap}.demo-flow-node{display:flex;align-items:center;gap:.5rem;padding:.45rem .9rem;border-radius:var(--radius);background:var(--bg-card);border:1px solid var(--border);font-size:.8125rem}.demo-flow-node .df-ico{font-size:1.05rem}.demo-flow-node.done{border-color:var(--brand-teal)}.demo-flow-node.running{border-color:var(--brand-teal);box-shadow:0 0 0 4px #20b8b024}.demo-flow-node .df-label{color:var(--text-dim);font-size:.7rem}.demo-flow-arrow{color:var(--brand-teal);font-size:1.1rem;animation:flowArrow 1s ease-in-out infinite}@keyframes flowArrow{0%,to{transform:translate(0);opacity:.6}50%{transform:translate(5px);opacity:1}}.demo-result{display:grid;grid-template-columns:1fr 1fr;gap:1rem;margin-top:.5rem}.demo-result .chart-box{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.75rem;display:flex;align-items:center;justify-content:center}.demo-result .chart-box svg{width:100%;max-width:340px;height:auto}.demo-json{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem;margin:0;overflow-x:auto;font-size:.75rem;line-height:1.7;white-space:pre;font-family:var(--font-mono)}@media(max-width:768px){.demo-result{grid-template-columns:1fr}}.hb-wrap{display:grid;grid-template-columns:300px 1fr;gap:1rem;margin-bottom:1rem}.hb-main{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:1rem}.hb-scene{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:1rem;min-height:280px;display:flex;align-items:center;justify-content:center}.hb-scene svg{width:100%;max-width:460px;height:auto}.hb-controls{display:flex;gap:.5rem;flex-wrap:wrap;margin-bottom:1rem}.hb-btn{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .85rem;font-size:.75rem;transition:var(--transition)}.hb-btn:hover{color:var(--brand-teal);border-color:var(--brand-teal)}.hb-btn.active{background:var(--brand-dark);color:var(--text-bright);border-color:var(--brand-teal)}.hb-note{font-size:.8125rem;color:var(--text-dim);line-height:1.75;margin-bottom:1rem}.hb-note b{color:var(--brand-teal)}.hb-badge{display:inline-flex;align-items:center;gap:.3rem;font-size:.7rem;padding:.2rem .6rem;border-radius:999px;background:var(--bg-hover);border:1px solid var(--border);color:var(--text-dim)}.hb-badge.alert{color:#fff;background:var(--accent-red);border-color:var(--accent-red)}@media(max-width:768px){.hb-wrap{grid-template-columns:1fr}}.env-check{display:flex;align-items:center;gap:.75rem;margin-bottom:1rem}.env-status{display:flex;align-items:center;gap:.5rem;font-size:.8125rem;color:var(--text-dim)}.env-dot{width:10px;height:10px;border-radius:50%;background:var(--accent-green);animation:pulse 1.6s ease-in-out infinite}.env-check-btn{background:var(--bg-hover);color:var(--text);border:1px solid var(--border);border-radius:var(--radius-sm);padding:.35rem .75rem;font-size:.75rem}.env-check-btn:hover{color:var(--brand-teal);border-color:var(--brand-teal)}.env-table{width:100%;border-collapse:collapse;font-size:.8125rem}.env-table th{text-align:left;padding:.5rem .75rem;background:var(--bg-panel);border-bottom:2px solid var(--border);color:var(--text-dim);font-weight:600;font-size:.75rem}.env-table td{padding:.5rem .75rem;border-bottom:1px solid var(--border)}.env-ok{color:var(--accent-green)}.env-no{color:var(--accent-red)}.env-opt{color:var(--accent-amber)}.doc-cats{display:grid;grid-template-columns:repeat(auto-fill,minmax(200px,1fr));gap:.75rem;margin-bottom:1.5rem}.doc-cat{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;display:flex;align-items:center;gap:.75rem;transition:var(--transition);text-decoration:none;color:inherit}.doc-cat:hover{border-color:var(--brand-teal);transform:translateY(-2px);color:inherit}.doc-cat .dc-ico{width:34px;height:34px;border-radius:8px;background:var(--bg-hover);display:flex;align-items:center;justify-content:center;font-size:1rem;flex-shrink:0}.doc-cat .dc-name{font-size:.8125rem;font-weight:600}.doc-cat .dc-count{font-size:.6875rem;color:var(--text-dim)}.page.active{animation:pageIn .45s ease-out}@keyframes pageIn{0%{opacity:0;transform:translateY(14px)}to{opacity:1;transform:none}}.gallery-item{cursor:pointer}.gallery-item:hover{transform:translateY(-4px);box-shadow:0 10px 30px #00000059}.cap-card:hover{transform:translateY(-3px);box-shadow:0 8px 24px #20b8b024}.report-grid{display:grid;grid-template-columns:repeat(auto-fit,minmax(180px,1fr));gap:.75rem}.report-item{background:var(--bg-card);border:1px solid var(--border);border-radius:var(--radius);padding:.9rem 1rem;display:flex;gap:.7rem;align-items:flex-start;transition:var(--transition);cursor:pointer}.report-item:hover{border-color:var(--brand-teal);transform:translateY(-2px)}.report-item .ri-ico{font-size:1.3rem;flex-shrink:0}.report-item .ri-name{font-size:.8125rem;font-weight:600;font-family:var(--font-mono)}.report-item .ri-desc{font-size:.6875rem;color:var(--text-dim);margin-top:.15rem}.report-item .ri-size{font-size:.625rem;color:var(--text-dim);margin-top:.25rem}.ai-chat{display:flex;flex-direction:column;gap:1rem;max-height:540px;overflow-y:auto;padding:.25rem .25rem 1rem}.ai-msg{display:flex;gap:.6rem;max-width:88%}.ai-msg.user{align-self:flex-end;flex-direction:row-reverse}.ai-avatar{width:30px;height:30px;border-radius:50%;flex-shrink:0;display:flex;align-items:center;justify-content:center;font-size:.9rem;background:var(--bg-hover);border:1px solid var(--border)}.ai-msg.user .ai-avatar{background:var(--brand-dark)}.ai-bubble{padding:.7rem .95rem;border-radius:12px;font-size:.875rem;line-height:1.7;background:var(--bg-card);border:1px solid var(--border);max-width:100%}.ai-msg.user .ai-bubble{background:var(--brand-dark);border-color:var(--brand-teal);color:var(--text-bright)}.ai-typing{display:inline-flex;gap:4px;align-items:center;padding:.25rem 0}.ai-typing i{width:6px;height:6px;border-radius:50%;background:var(--text-dim);animation:aiDot 1.2s ease-in-out infinite}.ai-typing i:nth-child(2){animation-delay:.15s}.ai-typing i:nth-child(3){animation-delay:.3s}@keyframes aiDot{0%,60%,to{transform:translateY(0);opacity:.4}30%{transform:translateY(-4px);opacity:1}}.ai-tool{background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);margin:.6rem 0;overflow:hidden}.ai-tool-head{display:flex;align-items:center;justify-content:space-between;gap:.5rem;padding:.4rem .8rem;background:var(--bg-panel);border-bottom:1px solid var(--border);font-size:.72rem;color:var(--text-dim);font-family:var(--font-mono)}.ai-tool pre{margin:0;padding:.7rem .9rem;font-size:.75rem;overflow-x:auto;font-family:var(--font-mono);line-height:1.7;color:var(--text)}.ai-channel{display:inline-flex;align-items:center;gap:.3rem;padding:.12rem .5rem;border-radius:999px;font-size:.65rem;font-weight:700;font-family:var(--font);white-space:nowrap}.ai-channel.mcp{background:#6b4ea02e;color:#b497e8;border:1px solid rgba(107,78,160,.4)}.ai-channel.sdk{background:#2074562e;color:#5bd3a8;border:1px solid rgba(32,116,86,.4)}.ai-channel.cli{background:#31679e2e;color:#7fb3e8;border:1px solid rgba(49,103,158,.4)}.ai-result{margin-top:.5rem}.ai-summary{font-size:.875rem;color:var(--text);margin-top:.75rem;padding:.6rem .8rem;background:var(--bg-panel);border-left:3px solid var(--brand-teal);border-radius:var(--radius-sm)}.ai-summary b{color:var(--brand-teal)}.ai-chips{display:flex;gap:.5rem;flex-wrap:wrap;margin-top:.75rem;border-top:1px solid var(--border);padding-top:.9rem}.ai-chip{background:var(--bg-card);border:1px solid var(--border);border-radius:999px;padding:.4rem .9rem;font-size:.78rem;color:var(--text-dim);cursor:pointer;transition:var(--transition)}.ai-chip:hover{color:var(--brand-teal);border-color:var(--brand-teal)}.ai-chip:disabled{opacity:.45;cursor:default}.ai-input{display:flex;gap:.6rem;margin-top:.75rem}.ai-input input{flex:1;background:var(--bg);border:1px solid var(--border);border-radius:var(--radius);padding:.6rem .9rem;color:var(--text);font-family:var(--font);font-size:.85rem;outline:none}.ai-input input:focus{border-color:var(--brand-teal)}.ai-input button{background:var(--brand-teal);color:var(--bg);border:none;border-radius:var(--radius);padding:.6rem 1.2rem;font-weight:600;font-size:.85rem}.ai-input button:hover{background:#4dd4cc}body.light .ai-msg.user .ai-avatar{background:var(--brand-teal)}body.light .ai-channel.mcp{color:#5b3e8a}body.light .ai-channel.sdk{color:#1b6b4e}body.light .ai-channel.cli{color:#2a5e92}.demo-variants{display:flex;gap:.4rem;margin-bottom:.6rem;flex-wrap:wrap}.dv-btn{background:var(--bg-hover);color:var(--text-dim);border:1px solid var(--border);border-radius:999px;padding:.22rem .7rem;font-size:.7rem;transition:var(--transition)}.dv-btn:hover{color:var(--brand-teal);border-color:var(--brand-teal)}.dv-btn.active{background:var(--brand-dark);color:var(--text-bright);border-color:var(--brand-teal)}.ri-preview{margin-left:auto;align-self:center;font-size:.65rem;color:var(--brand-teal);background:#20b8b01a;border:1px solid rgba(32,184,176,.3);border-radius:999px;padding:.15rem .5rem;white-space:nowrap}.rp-page{background:#fff;color:#1f1f1f;border-radius:6px;padding:1.4rem 1.6rem;max-width:720px;margin:0 auto;box-shadow:0 6px 24px #0006;font-size:.8rem;line-height:1.6}.rp-page h3{margin:0 0 .25rem;font-size:1.05rem}.rp-page .rp-sub{color:#616161;font-size:.7rem;margin-bottom:.9rem}.rp-page table{width:100%;border-collapse:collapse;margin:.6rem 0;font-size:.72rem}.rp-page th{text-align:left;padding:.3rem .5rem;background:#f3f3f3;border-bottom:1px solid #E0E0E0}.rp-page td{padding:.3rem .5rem;border-bottom:1px solid #EEEEEE}.rp-page .rp-stats{display:flex;gap:.6rem;flex-wrap:wrap;margin:.6rem 0}.rp-page .rp-stat{flex:1;min-width:90px;background:#f7f9fb;border:1px solid #E5E9EF;border-radius:6px;padding:.5rem;text-align:center}.rp-page .rp-stat b{display:block;font-size:1rem;color:#0e4a44}.rp-page .rp-stat span{font-size:.62rem;color:#616161}.rp-page .rp-fig{background:#f3f6fa;border:1px solid #E5E9EF;border-radius:6px;height:110px;display:flex;align-items:center;justify-content:center;color:#9aa5b1;font-size:.7rem;margin:.6rem 0}.rp-page .rp-foot{margin-top:1rem;padding-top:.6rem;border-top:1px solid #E0E0E0;color:#9aa5b1;font-size:.62rem;display:flex;justify-content:space-between}.rp-figs{display:grid;grid-template-columns:repeat(2,1fr);gap:.6rem;max-width:640px;margin:0 auto}.rp-figs .rp-figcell{background:#0e1417;border-radius:6px;height:130px;display:flex;align-items:center;justify-content:center;color:#7a8a94;font-size:.65rem;border:1px solid var(--border);transition:var(--transition)}.rp-figs .rp-figcell:hover{border-color:var(--brand-teal);transform:translateY(-2px);box-shadow:0 6px 18px #20b8b026}.rp-figs .rp-figcell svg{width:100%;height:100%}.mdl-tabs{display:flex;gap:.5rem;margin-bottom:.75rem;flex-wrap:wrap}.mdl-tab{background:var(--bg-card);color:var(--text-dim);border:1px solid var(--border);border-radius:var(--radius);padding:.4rem .85rem;font-size:.78rem;transition:var(--transition)}.mdl-tab:hover{color:var(--brand-teal);border-color:var(--brand-teal)}.mdl-tab.active{background:var(--brand-dark);color:var(--text-bright);border-color:var(--brand-teal)}.mdl-viewer{border:1px solid var(--border);border-radius:var(--radius);overflow:hidden;background:#101417;min-height:380px;position:relative}.mdl-note{font-size:.8rem;color:var(--text-dim);line-height:1.75;margin-top:.75rem}.mdl-note b{color:var(--brand-teal)}.gallery-item{position:relative}.gi-tag{position:absolute;top:.5rem;right:.5rem;font-size:.6rem;color:var(--text-dim);background:var(--bg-panel);border:1px solid var(--border);border-radius:999px;padding:.15rem .5rem;opacity:0;transition:opacity .2s;pointer-events:none;z-index:2}.gallery-item:hover .gi-tag{opacity:1}.gi-var{color:var(--brand-teal);border-color:#20b8b066;background:#20b8b01a}body.light{--bg:#FFFFFF;--bg-panel:#F3F3F3;--bg-card:#FFFFFF;--bg-hover:#F0F0F0;--text:#1F1F1F;--text-dim:#616161;--text-bright:#FFFFFF;--border:#E0E0E0;--border-strong:#CCCCCC;--chart-bg:#FFFFFF;--chart-grid:#E5E5E5}body.light .sidebar{box-shadow:1px 0 8px #0000000f}body.light .code-block{background:#f5f5f5}body.light .code-block .code-header{background:#ebebeb}body.light .hero{background:linear-gradient(180deg,#fff,#f3f3f3)}body.light .chart-container,body.light .example-panel-body pre{background:#f5f5f5}body.light .gallery-item-body{background:#fff}body.light .stat-card .stat-value{color:var(--brand-dark)}