.x-markdown-debug-panel{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#000000d9;border-radius:8px;box-shadow:0 2px 8px #00000026;color:#fff;font-family:SF Mono,Monaco,Inconsolata,Fira Mono,Droid Sans Mono,Source Code Pro,monospace;font-size:12px;padding:12px;position:fixed;right:0;transition:box-shadow .2s;-webkit-user-select:none;-moz-user-select:none;user-select:none;width:180px;z-index:9999}.x-markdown-debug-panel:hover{box-shadow:0 4px 12px #00000040}.x-markdown-debug-row{align-items:center;display:flex;gap:8px;margin-bottom:8px}.x-markdown-debug-row:last-child{margin-bottom:0}.x-markdown-debug-label{color:#ffffffa6;font-weight:500;min-width:60px}.x-markdown-debug-value{font-weight:600;min-width:50px;text-align:right}.x-markdown-debug-chart{margin-left:auto}.x-markdown-debug-actions{border-top:1px solid hsla(0,0%,100%,.1);display:flex;gap:8px;margin-top:12px;padding-top:12px}.x-markdown-debug-action{background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;cursor:pointer;flex:1;font-family:inherit;font-size:11px;font-weight:500;padding:6px 12px;transition:all .2s}.x-markdown-debug-action:hover{background:#ffffff26;border-color:#ffffff4d}.x-markdown-debug-action:active{transform:scale(.98)}.x-markdown-debug-record-btn.recording{animation:recording-pulse 1.5s ease-in-out infinite;background:#ff4d4f33;border-color:#ff4d4f}@keyframes recording-pulse{0%,to{box-shadow:0 0 #ff4d4f66}50%{box-shadow:0 0 0 8px #ff4d4f00}}.x-markdown-debug-modal-overlay{align-items:center;animation:fadeIn .2s ease-out;-webkit-backdrop-filter:blur(4px);backdrop-filter:blur(4px);background:#000000bf;bottom:0;display:flex;justify-content:center;left:0;position:fixed;right:0;top:0;z-index:10000}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.x-markdown-debug-modal{animation:slideIn .3s ease-out;background:#1e1e1ef2;border:1px solid hsla(0,0%,100%,.1);border-radius:12px;box-shadow:0 8px 32px #0006;max-height:90vh;max-width:90vw;overflow:auto}@keyframes slideIn{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.x-markdown-debug-modal-header{align-items:center;border-bottom:1px solid hsla(0,0%,100%,.1);display:flex;justify-content:space-between;padding:20px 24px}.x-markdown-debug-close-btn{align-items:center;background:#ffffff1a;border:none;border-radius:6px;color:#fff;cursor:pointer;display:flex;font-size:18px;height:32px;justify-content:center;transition:all .2s;width:32px}.x-markdown-debug-close-btn:hover{background:#ff4d4f4d}.x-markdown-debug-modal-content{padding:24px}.x-markdown-debug-stats-summary{display:grid;gap:16px;grid-template-columns:repeat(4,1fr);margin-bottom:24px}.x-markdown-debug-stat-item{background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:8px;padding:16px}.x-markdown-debug-stat-label{color:#fff9;font-size:11px;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.x-markdown-debug-stat-value{color:#fff;font-size:20px;font-weight:700}.x-markdown-debug-chart-full{background:#ffffff05;border:1px solid hsla(0,0%,100%,.1);border-radius:8px}.x-markdown-debug-chart-full .fps-line,.x-markdown-debug-chart-full .memory-line{filter:drop-shadow(0 0 4px currentColor)}.x-markdown-debug-legend{display:flex;gap:24px;justify-content:center;margin-top:16px}.x-markdown-debug-legend-item{align-items:center;color:#fffc;display:flex;font-size:13px;gap:8px}.x-markdown-debug-legend-color{border-radius:2px;height:12px;width:12px}@media(max-width:768px){.x-markdown-debug-stats-summary{grid-template-columns:repeat(2,1fr)}}
