@keyframes _si{to{opacity:1}}

.legacy-content .demo-grid {display:grid;grid-template-columns:1fr 1fr;gap:18px;align-items:start}.legacy-content .left-col, .legacy-content .right-col {display:flex;flex-direction:column;gap:10px;min-width:0}.legacy-content .mode-row {display:flex;gap:8px}.legacy-content .mode-btn {flex:1;padding:10px;border-radius:8px;border:1.5px solid var(--border);background:var(--card);cursor:pointer;text-align:center;font-family:inherit;transition:all .15s;min-height:44px}.legacy-content .mode-btn h4 {font-size:15px;font-weight:700;margin-bottom:2px}.legacy-content .mode-btn p {font-size:12px;color:var(--sub)}.legacy-content .mode-btn.bad.active {border-color:var(--red);background:rgba(220,38,38,.04)}.legacy-content .mode-btn.bad.active h4 {color:var(--red)}.legacy-content .mode-btn.good.active {border-color:var(--green);background:rgba(22,163,74,.04)}.legacy-content .mode-btn.good.active h4 {color:var(--green)}.legacy-content .ctrl {background:var(--card);border:1px solid var(--border);border-radius:10px;padding:10px 12px;display:flex;justify-content:space-between;align-items:center;gap:8px;flex-wrap:wrap}.legacy-content .ctrl-label {font-size:14px;color:var(--muted);font-weight:600}.legacy-content .btn-reset {padding:8px 12px;border-radius:7px;background:var(--surface2);color:var(--sub);font-size:13px;font-weight:600;border:1px solid var(--border);cursor:pointer;font-family:inherit;min-height:38px}.legacy-content .log-panel {background:var(--card);border:1.5px solid var(--border);border-radius:12px;display:flex;flex-direction:column;overflow:hidden}.legacy-content .log-head {padding:9px 12px;border-bottom:1px solid var(--border);background:rgba(0,0,0,.02);font-size:14px;font-weight:700;color:var(--muted)}.legacy-content .log-body {padding:10px;display:flex;flex-direction:column;gap:5px;min-height:120px}.legacy-content .log-entry {padding:6px 10px;border-radius:7px;font-size:13px;line-height:1.5;display:flex;align-items:flex-start;gap:6px;opacity:0;transform:translateY(4px);transition:all .3s}.legacy-content .log-entry.show {opacity:1;transform:translateY(0)}.legacy-content .log-icon {flex-shrink:0;font-size:14px;width:20px;text-align:center}.legacy-content .log-text {flex:1;color:var(--text)}.legacy-content .log-entry.think {background:rgba(124,58,237,.04)}.legacy-content .log-entry.think .log-icon {color:var(--purple)}.legacy-content .log-entry.tool {background:rgba(8,145,178,.04)}.legacy-content .log-entry.tool .log-icon {color:var(--cyan)}.legacy-content .log-entry.ok {background:rgba(22,163,74,.04)}.legacy-content .log-entry.ok .log-icon {color:var(--green)}.legacy-content .log-entry.err {background:rgba(220,38,38,.04)}.legacy-content .log-entry.err .log-icon {color:var(--red)}.legacy-content .log-entry.warn {background:rgba(217,119,6,.04)}.legacy-content .log-entry.warn .log-icon {color:var(--orange)}.legacy-content .log-entry.fix {background:rgba(22,163,74,.04);border:1px solid rgba(22,163,74,.12)}.legacy-content .log-entry.fix .log-icon {color:var(--green)}.legacy-content .stat-row {display:flex;gap:6px}.legacy-content .stat {flex:1;border-radius:8px;padding:8px;text-align:center}.legacy-content .stat-n {font-size:20px;font-weight:800}.legacy-content .stat-l {font-size:11px;font-weight:700;margin-top:1px}.legacy-content .stat.bad {background:rgba(220,38,38,.06);color:var(--red)}.legacy-content .stat.bad .stat-l {color:var(--red)}.legacy-content .stat.good {background:rgba(22,163,74,.06);color:var(--green)}.legacy-content .stat.good .stat-l {color:var(--green)}.legacy-content .stat.neutral {background:var(--surface2);color:var(--text)}.legacy-content .stat.neutral .stat-l {color:var(--muted)}.legacy-content .cap-list {display:flex;flex-direction:column;gap:5px}.legacy-content .cap-item {display:flex;gap:8px;align-items:flex-start;background:var(--card);border:1.5px solid var(--border);border-radius:8px;padding:10px;cursor:pointer;transition:all .15s;font-family:inherit;text-align:left;width:100%;min-height:44px}.legacy-content .cap-item:hover {background:rgba(217,119,6,.02)}.legacy-content .cap-item.active {border-color:var(--orange);background:rgba(217,119,6,.04)}.legacy-content .cap-num {width:22px;height:22px;border-radius:6px;background:rgba(217,119,6,.1);color:var(--orange);font-size:13px;font-weight:800;display:flex;align-items:center;justify-content:center;flex-shrink:0}.legacy-content .cap-item h5 {font-size:14px;font-weight:700;color:var(--text)}.legacy-content .cap-item p {font-size:12px;color:var(--sub);line-height:1.35}.legacy-content .detail-card {background:var(--card);border:1.5px solid var(--border);border-radius:10px;padding:14px}.legacy-content .detail-card h5 {font-size:15px;font-weight:700;color:var(--orange);margin-bottom:6px}.legacy-content .detail-card p {font-size:14px;color:var(--sub);line-height:1.65;margin-bottom:6px}.legacy-content .detail-card p:last-child {margin-bottom:0}.legacy-content .detail-card b {color:var(--text)}.legacy-content .detail-card code {font-family:'Cascadia Code','Fira Code',monospace;font-size:12px;background:var(--surface2);padding:1px 5px;border-radius:3px;color:var(--text)}.legacy-content .ratio-box {background:rgba(217,119,6,.06);border:1px solid rgba(217,119,6,.18);border-radius:10px;padding:12px 14px;font-size:15px;color:var(--text);line-height:1.6;text-align:center}.legacy-content .ratio-box b {color:var(--orange)}@media (max-width:768px){.legacy-content .demo-grid {grid-template-columns:1fr}}