.md-demo{display:flex;align-items:stretch;gap:8px;width:100%}.md-col{flex:1 1;min-width:0;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:5px}.md-tag{font-size:12px;letter-spacing:.6px}.md-arrow,.md-tag{color:var(--text-3)}.md-arrow{align-self:center;flex:none;font-size:14px}.md-src{gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2)}.md-out,.md-src{display:flex;flex-direction:column}.md-out{gap:4px}.md-l{display:block;line-height:1.5}.md-mark{color:var(--brand)}.md-h{font-size:14px;font-weight:700;color:var(--text)}.md-li,.md-p{font-size:12px;color:var(--text-2)}.md-li{padding-left:12px;position:relative}.md-li:before{content:"";position:absolute;left:2px;top:7px;width:4px;height:4px;border-radius:50%;background:var(--text-3)}.md-code{background:var(--bg-soft);border:1px solid var(--border-light);border-radius:4px;padding:2px 6px}.md-anat,.md-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2)}.md-anat{background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 12px;display:flex;flex-direction:column;gap:2px}.html-demo{display:flex;align-items:stretch;gap:8px;width:100%}.html-tree{flex:1.1 1;min-width:0;display:flex;flex-direction:column;gap:3px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.html-node{background:#fff;border:1px solid var(--border);border-radius:4px;padding:2px 7px;color:var(--brand);white-space:nowrap;overflow:hidden}.html-node em{color:var(--text-3);font-style:normal;font-family:inherit}.html-d1{margin-left:14px}.html-d2{margin-left:28px}.html-arrow{align-self:center;flex:none;color:var(--text-3);font-size:14px}.html-page{flex:1 1;min-width:0;padding:10px 12px;display:flex;flex-direction:column;gap:5px}.html-anat,.html-page{background:#fff;border:1px solid var(--border);border-radius:8px}.html-anat{padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:13px;color:var(--text)}.html-punc{color:var(--text-3)}.html-tagname{color:#7c3aed;font-weight:600}.html-attr{color:#b45309}.html-content{color:var(--brand)}.git-demo{display:flex;flex-direction:column;gap:8px;width:100%}.git-track{display:flex;align-items:flex-start}.git-node{flex:none;width:62px;display:flex;flex-direction:column;align-items:center;gap:4px}.git-dot{width:10px;height:10px;border-radius:50%;background:var(--brand);box-shadow:0 0 0 2px var(--brand-light)}.git-dot.git-bad{background:var(--red);box-shadow:0 0 0 2px var(--red-light)}.git-msg{font-size:12px;color:var(--text-3);text-align:center;line-height:1.3}.git-link{flex:1 1;min-width:8px;height:2px;background:var(--border);margin-top:5px}.git-back{align-self:flex-start;font-size:12px;color:var(--brand);border:1px dashed var(--brand);border-radius:5px;padding:2px 8px}.git-flow{display:flex;align-items:center;gap:6px;flex-wrap:wrap}.git-box{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:2px;font-size:12px;color:var(--text)}.git-box em{font-style:normal}.git-arr,.git-box em{font-size:12px;color:var(--text-3)}.git-arr{flex:none}.git-arr,.git-term,.npm-term,.terminal-win{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.git-term,.npm-term,.terminal-win{width:100%;background:#1f2430;border-radius:8px;overflow:hidden;font-size:12px;line-height:1.55;color:#d7dae0}.git-tbar,.npm-tbar,.terminal-bar{display:flex;align-items:center;gap:5px;padding:6px 9px;background:#2a303c}.git-tbar i,.npm-tbar i,.terminal-bar i{width:7px;height:7px;border-radius:50%;background:#454c5c}.git-tbar span,.npm-tbar span,.terminal-bar span{font-size:12px;color:#8a91a0;margin-left:4px}.git-tb,.npm-tb,.terminal-body{padding:8px 10px;display:flex;flex-direction:column;gap:2px;text-align:left}.terminal-p{color:#4ade80}.terminal-c{color:#ffffff}.terminal-g{color:#4ade80}.terminal-r{color:#f87171}.terminal-d{color:#8a91a0}.terminal-a{color:#fbbf24}.npm-demo{display:flex;align-items:center;gap:8px;width:100%}.npm-card{flex:1 1;min-width:0;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2)}.npm-tag{font-size:12px;color:var(--text-3);letter-spacing:.3px}.npm-k{color:var(--brand)}.npm-arrow{flex:none;color:var(--text-3);text-align:center}.npm-anat,.npm-arrow{font-size:12px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace}.npm-anat{background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 12px;color:var(--text-2);gap:2px}.env-var-demo,.npm-anat{display:flex;flex-direction:column}.env-var-demo{gap:8px;width:100%}.env-var-file{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px}.env-var-tag{font-size:12px;color:var(--text-3);letter-spacing:.3px}.env-var-key{color:var(--brand);font-weight:600}.env-var-file i{color:var(--text-3);font-style:normal}.env-var-row{display:flex;align-items:center;justify-content:space-between;gap:8px;flex-wrap:wrap}.env-var-code{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;background:var(--bg-soft);border:1px solid var(--border-light);border-radius:5px;padding:3px 8px;color:var(--text-2)}.env-var-shield{font-size:12px;color:#16a34a}.env-var-anat{background:#fff;border:1px solid var(--border);border-radius:8px;padding:12px 14px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12.5px;color:var(--text);display:flex;align-items:center;gap:2px;flex-wrap:wrap}.env-var-eq{color:var(--text-3)}.env-var-val{color:#b45309}.env-var-cmt{color:var(--text-3)}.deploy-demo{gap:6px;width:100%}.deploy-demo,.deploy-step{display:flex;align-items:center}.deploy-step{flex:1 1;min-width:0;overflow:hidden;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 4px;flex-direction:column;gap:3px;font-size:12px;color:var(--text-2)}.deploy-ico{font-size:14px}.deploy-arrow{flex:none;color:var(--text-3)}.deploy-url{display:block;width:100%;min-width:0;max-width:100%;overflow-wrap:anywhere;word-break:break-word;text-align:center;line-height:1.35;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--brand)}.deploy-step.deploy-on{border-color:var(--brand);background:var(--brand-light)}@media (max-width:720px){.deploy-demo{flex-direction:column;gap:4px}.deploy-step{width:100%;flex-direction:row;justify-content:center;padding:7px 10px}.deploy-arrow{line-height:1;transform:rotate(90deg)}.deploy-url{width:auto;max-width:calc(100% - 26px)}}.db-demo{display:flex;align-items:center;gap:10px;width:100%}.db-table{flex:1 1;min-width:0;background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px}.db-title{display:block;padding:4px 9px;background:var(--bg-soft);border-bottom:1px solid var(--border-light);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2)}.db-grid{display:grid;grid-template-columns:24px 1fr 1fr}.db-th{font-weight:600;color:var(--text);background:var(--bg-soft);font-size:12px}.db-td,.db-th{padding:3px 9px;border-bottom:1px solid var(--border-light)}.db-td{color:var(--text-2)}.db-crud{display:flex;flex-direction:column;gap:4px}.db-op{font-size:12px;padding:2px 8px;border-radius:4px;background:var(--brand-light);color:var(--brand);border:1px solid var(--brand);text-align:center}.db-anat{background:#fff;border:1px solid var(--border);border-radius:8px;overflow:hidden;font-size:12px}.db-tname{display:block;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;background:var(--bg-soft);border-bottom:1px solid var(--border-light);color:var(--text-2)}.db-row{display:flex}.db-cell{flex:1 1;padding:5px 10px;border-bottom:1px solid var(--border-light);color:var(--text-2)}.db-head .db-cell{font-weight:600;color:var(--text);background:var(--bg-soft)}.gitflow{display:flex;flex-direction:column;gap:8px;width:100%;max-width:100%}.gitflow-track{display:flex;align-items:stretch;gap:4px;overflow-x:auto}.gitflow-node{flex:1 1;min-width:0;background:#fff;border:1px solid var(--border);border-radius:8px;padding:7px 4px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:2px;font-size:12px;color:var(--text-3);text-align:center}.gitflow-node b{font-size:12px;font-weight:600;color:var(--text-2);white-space:nowrap}.gitflow-node.on{border-color:var(--brand);background:var(--brand-light)}.gitflow-node.on b{color:var(--brand)}.gitflow-node.dim{opacity:.5}.gitflow-node.free{flex:none;padding-left:10px;padding-right:10px}.gitflow-sub{font-size:12px;color:var(--text-3);line-height:1.35}.gitflow-arrow{flex:none;align-self:center;display:flex;flex-direction:column;align-items:center;gap:1px;color:var(--border);font-size:13px;line-height:1.1}.gitflow-arrow small{font-size:12px;color:var(--text-3);font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;white-space:nowrap}.gitflow-arrow.on{font-weight:700}.gitflow-arrow.on,.gitflow-arrow.on small{color:var(--brand)}.gitflow-dots{display:flex;gap:3px;justify-content:center;align-items:center;min-height:10px}.gitflow-dots i{width:8px;height:8px;border-radius:50%;background:var(--border)}.gitflow-dots i.new,.gitflow-dots i.on{background:var(--brand)}.gitflow-dots i.new{box-shadow:0 0 0 2px var(--brand-light)}.gitflow-dots i.green{background:#16a34a}.gitflow-cmd{background:#1f2430;border-radius:6px;padding:6px 10px;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;line-height:1.5;color:#fff;white-space:nowrap;overflow-x:auto}.gitflow-cmd b{color:#4ade80;font-weight:400}.gitflow-cmd i{color:#8a91a0;font-style:normal}.gitflow-note{font-size:12px;color:var(--text-3);line-height:1.5}.gitflow-note b{color:var(--text-2)}.gitflow-br{display:flex;flex-direction:column;gap:6px;background:#fff;border:1px solid var(--border);border-radius:8px;padding:10px 12px}.gitflow-br-row{display:flex;align-items:center;font-size:12px}.gitflow-br-tag{flex:none;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;font-size:12px;color:var(--text-2);background:var(--bg-soft);border:1px solid var(--border-light);border-radius:5px;padding:1px 7px;margin-right:6px;white-space:nowrap}.gitflow-br-tag.green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}.gitflow-br-dot{flex:none;width:9px;height:9px;border-radius:50%;background:var(--brand)}.gitflow-br-dot.green{background:#16a34a}.gitflow-br-dot.merge{background:#8250df;box-shadow:0 0 0 2px #ede9fe}.gitflow-br-line{flex:1 1;min-width:10px;height:2px;background:var(--border)}.gitflow-br-line.green{background:#bbf7d0}.gitflow-br-pad{flex:none}.gitflow-br-cap{font-size:12px;color:var(--text-3);line-height:1.5}.gitflow-br-cap b{color:var(--text-2)}.gitflow-cols{display:flex;gap:8px}.gitflow-col{flex:1 1;min-width:0;background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;display:flex;flex-direction:column;gap:4px;font-size:12px;color:var(--text-2)}.gitflow-col.on{border-color:var(--brand);background:var(--brand-light)}.gitflow-col-h{font-weight:600}.gitflow-col-h,.gitflow-line{font-size:12px;color:var(--text-2)}.gitflow-line{display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;padding:1px 6px;border-radius:3px;overflow-x:auto;white-space:nowrap}.gitflow-line.del{background:#ffebe9;color:#d1242f}.gitflow-line.add{background:#dafbe1;color:#1a7f37}.gitflow-box{background:#fff;border:1px solid var(--border);border-radius:8px;padding:8px 10px;font-size:12px;color:var(--text-2);display:flex;flex-direction:column;gap:3px}.gitflow-box.on{border-color:var(--brand);background:var(--brand-light)}.gitflow-btn{background:#1f883d;color:#fff;border-radius:6px;padding:2px 10px;font-weight:600}.gitflow-btn,.gitflow-tag{display:inline-block;font-size:12px}.gitflow-tag{font-family:ui-monospace,SFMono-Regular,Menlo,Consolas,monospace;color:var(--brand);background:var(--brand-light);border:1px solid var(--brand);border-radius:5px;padding:0 7px}.gitflow-tag.green{color:#15803d;background:#f0fdf4;border-color:#bbf7d0}