.debugPanel[data-v-6c23bd91]{-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px);background:linear-gradient(135deg,#0d1117,#161b22);border:2px solid var(--surface-elevated-2);border-radius:12px;bottom:auto;box-shadow:0 8px 32px #0009;display:flex;flex-direction:column;font-family:JetBrains Mono,Fira Code,Consolas,monospace;max-height:70vh;overflow:hidden;position:fixed;right:auto;transition:opacity .2s ease;width:420px;z-index:9999}.debugPanel.dragging[data-v-6c23bd91]{cursor:grabbing;opacity:.9}.debugPanel.light[data-v-6c23bd91]{background:linear-gradient(135deg,#f8f9fa,#e9ecef);box-shadow:0 8px 32px #00000026}.debugHeader[data-v-6c23bd91]{align-items:center;background:var(--surface-elevated-2);border-bottom:1px solid hsla(0,0%,100%,.1);color:#fff;cursor:move;display:flex;flex-shrink:0;font-size:13px;justify-content:space-between;padding:12px 14px;-webkit-user-select:none;-moz-user-select:none;user-select:none}.debugPanel.light .debugHeader[data-v-6c23bd91]{border-bottom:1px solid hsla(0,0%,100%,.2);color:#fff}.debugHeader[data-v-6c23bd91]:active{cursor:grabbing}.statusDot[data-v-6c23bd91]{animation:pulse-6c23bd91 2s ease-in-out infinite;background:currentColor;border-radius:50%;height:8px;width:8px}@keyframes pulse-6c23bd91{0%,to{opacity:1}50%{opacity:.5}}.debugContent[data-v-6c23bd91]{color:#e0e0e0;display:flex;flex:1;flex-direction:column;font-size:11px;gap:10px;line-height:1.4;overflow-y:auto;padding:10px}.debugPanel.light .debugContent[data-v-6c23bd91]{color:#2c3e50}.debugContent[data-v-6c23bd91]::-webkit-scrollbar{width:6px}.debugContent[data-v-6c23bd91]::-webkit-scrollbar-track{background:#ffffff0d}.debugPanel.light .debugContent[data-v-6c23bd91]::-webkit-scrollbar-track{background:#0000000d}.debugContent[data-v-6c23bd91]::-webkit-scrollbar-thumb{background:var(--surface-elevated-2);border-radius:3px}.debugContent[data-v-6c23bd91]::-webkit-scrollbar-thumb:hover{background:var(--text-muted)}.debugSection[data-v-6c23bd91]{background:#ffffff08;border:1px solid hsla(0,0%,100%,.08);border-radius:6px;padding:8px}.debugPanel.light .debugSection[data-v-6c23bd91]{background:#00000008;border:1px solid rgba(0,0,0,.08)}.sectionTitle[data-v-6c23bd91]{border-bottom:1px solid hsla(0,0%,100%,.1);color:var(--color-primary);font-size:11px;font-weight:600;margin-bottom:6px;padding-bottom:4px}.debugPanel.light .sectionTitle[data-v-6c23bd91]{border-bottom:1px solid rgba(0,0,0,.1)}.infoGrid[data-v-6c23bd91]{align-items:center;display:grid;gap:4px 10px;grid-template-columns:auto 1fr}.gridRow[data-v-6c23bd91]{display:contents}.label[data-v-6c23bd91]{color:#999;font-size:9px;font-weight:500;letter-spacing:.5px;text-transform:uppercase}.debugPanel.light .label[data-v-6c23bd91]{color:#666}.valueWrapper[data-v-6c23bd91]{align-items:center;display:flex;gap:4px;min-width:0}.value[data-v-6c23bd91]{color:#e0e0e0;flex:1;font-family:JetBrains Mono,Fira Code,Consolas,monospace;font-size:10px;min-width:0;overflow:hidden;text-overflow:ellipsis}.debugPanel.light .value[data-v-6c23bd91]{color:#2c3e50}.value.disabled[data-v-6c23bd91]{color:#666}.debugPanel.light .value.disabled[data-v-6c23bd91],.value.variant-muted[data-v-6c23bd91]{color:#999}.debugPanel.light .value.variant-muted[data-v-6c23bd91]{color:#666}.value.variant-primary[data-v-6c23bd91]{color:#0ea5e9}.debugPanel.light .value.variant-primary[data-v-6c23bd91]{color:#0891b2}.value.variant-success[data-v-6c23bd91]{color:#22c55e}.debugPanel.light .value.variant-success[data-v-6c23bd91]{color:#16a34a}.value.variant-danger[data-v-6c23bd91]{color:#ef4444}.debugPanel.light .value.variant-danger[data-v-6c23bd91]{color:#dc2626}.value.variant-warning[data-v-6c23bd91]{color:#a855f7}.debugPanel.light .value.variant-warning[data-v-6c23bd91]{color:#9333ea}.copyItemBtn[data-v-6c23bd91]{align-items:center;background:#ffffff0d;border:1px solid hsla(0,0%,100%,.1);border-radius:3px;color:#999;cursor:pointer;display:flex;flex-shrink:0;justify-content:center;opacity:0;padding:2px 4px;transition:all .2s ease}.debugPanel.light .copyItemBtn[data-v-6c23bd91]{background:#0000000d;border:1px solid rgba(0,0,0,.1);color:#666}.gridRow:hover .copyItemBtn[data-v-6c23bd91]{opacity:1}.copyItemBtn[data-v-6c23bd91]:hover{background:#ffffff26;border-color:#fff3;color:#fff}.debugPanel.light .copyItemBtn[data-v-6c23bd91]:hover{background:#0000001a;border-color:#0003;color:#000}.copyItemBtn[data-v-6c23bd91]:active{transform:scale(.95)}.copyItemBtn.copied[data-v-6c23bd91]{background:#22c55e33;border-color:#22c55e66;color:#22c55e;opacity:1}.debugPanel.light .copyItemBtn.copied[data-v-6c23bd91]{background:#22c55e26;border-color:#22c55e4d;color:#16a34a}.closeBtn[data-v-6c23bd91],.copyBtn[data-v-6c23bd91]{align-items:center;background:#ffffff1a;border:1px solid hsla(0,0%,100%,.2);border-radius:4px;color:#fff;cursor:pointer;display:flex;justify-content:center;padding:4px 6px;transition:all .2s ease}.debugPanel.light .closeBtn[data-v-6c23bd91],.debugPanel.light .copyBtn[data-v-6c23bd91]{background:#ffffff26;border:1px solid hsla(0,0%,100%,.3);color:#fff}.closeBtn[data-v-6c23bd91]:hover,.copyBtn[data-v-6c23bd91]:hover{background:#fff3;border-color:#ffffff4d}.debugPanel.light .closeBtn[data-v-6c23bd91]:hover,.debugPanel.light .copyBtn[data-v-6c23bd91]:hover{background:#ffffff40;border-color:#fff6}.closeBtn[data-v-6c23bd91]:active,.copyBtn[data-v-6c23bd91]:active{transform:scale(.95)}.copyBtn.copied[data-v-6c23bd91]{background:#22c55e4d;border-color:#22c55e80;color:#22c55e}.debugPanel.light .copyBtn.copied[data-v-6c23bd91]{background:#22c55e26;border-color:#22c55e4d;color:#16a34a}.closeBtn[data-v-6c23bd91]:hover{background:#ef444433;border-color:#ef444466;color:#ef4444}.debugPanel.light .closeBtn[data-v-6c23bd91]:hover{background:#ef444426;border-color:#ef44444d;color:#dc2626}
