.theme-debug-panel[data-v-86c4fa1c]{background:var(--surface,#fff);color:var(--textPrimary,#1f2937);display:flex;flex-direction:column;font-family:system-ui,-apple-system,sans-serif;font-size:13px;height:100%}.panel-header[data-v-86c4fa1c]{background:var(--surfaceAlt,#f9fafb);border-bottom:1px solid var(--borderDefault,#e5e7eb);justify-content:space-between;padding:12px 16px}.header-title[data-v-86c4fa1c],.panel-header[data-v-86c4fa1c]{align-items:center;display:flex}.header-title[data-v-86c4fa1c]{gap:8px}.title-icon[data-v-86c4fa1c]{font-size:16px}.title-text[data-v-86c4fa1c]{font-size:14px;font-weight:600}.issues-badge[data-v-86c4fa1c]{background:#ef4444;border-radius:10px;color:#fff;font-size:11px;font-weight:600;padding:2px 8px}.theme-name[data-v-86c4fa1c]{color:var(--textMuted,#6b7280);font-size:12px}.panel-tabs[data-v-86c4fa1c]{border-bottom:1px solid var(--borderDefault,#e5e7eb);display:flex;gap:4px;padding:8px 16px}.tab-btn[data-v-86c4fa1c]{background:transparent;border:none;border-radius:6px;color:var(--textMuted,#6b7280);cursor:pointer;flex:1;font-size:12px;font-weight:500;padding:8px 12px;transition:all .15s ease}.tab-btn[data-v-86c4fa1c]:hover{background:var(--surfaceAlt,#f3f4f6);color:var(--textPrimary,#1f2937)}.tab-btn.active[data-v-86c4fa1c]{background:var(--accentFill,#24aab4);color:var(--accentOnFill,#fff)}.panel-content[data-v-86c4fa1c]{flex:1;overflow-y:auto}.tab-content[data-v-86c4fa1c]{padding:16px}.pairs-list[data-v-86c4fa1c]{display:flex;flex-direction:column;gap:10px}.pair-row[data-v-86c4fa1c]{align-items:center;background:var(--surfaceAlt,#f9fafb);border:1px solid transparent;border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:all .15s ease}.pair-row.has-issue[data-v-86c4fa1c]{background:#ef44440d;border-color:#ef44444d}.pair-swatches[data-v-86c4fa1c]{display:flex;gap:4px}.swatch[data-v-86c4fa1c]{border:1px solid var(--borderDefault,#e5e7eb);border-radius:6px;height:40px;width:40px}.swatch.fill[data-v-86c4fa1c]{align-items:center;display:flex;justify-content:center}.swatch-text[data-v-86c4fa1c]{font-size:14px;font-weight:700}.swatch.text-preview[data-v-86c4fa1c]{width:14px}.pair-info[data-v-86c4fa1c]{flex:1;min-width:0}.pair-name[data-v-86c4fa1c]{font-size:13px;font-weight:600;margin-bottom:2px}.pair-colors[data-v-86c4fa1c]{align-items:center;color:var(--textMuted,#6b7280);display:flex;font-size:11px;gap:4px}.pair-colors code[data-v-86c4fa1c]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e5e7eb);border-radius:3px;font-family:SF Mono,Monaco,monospace;padding:2px 4px}.arrow[data-v-86c4fa1c]{opacity:.5}.pair-contrast[data-v-86c4fa1c]{border-radius:6px;min-width:70px;padding:6px 10px;text-align:right}.contrast-value[data-v-86c4fa1c]{font-size:12px;font-weight:700}.contrast-label[data-v-86c4fa1c]{font-size:10px;margin-top:2px;opacity:.8}.contrast-excellent[data-v-86c4fa1c]{background:#22c55e26;color:#16a34a}.contrast-good[data-v-86c4fa1c]{background:#3b82f626;color:#2563eb}.contrast-warning[data-v-86c4fa1c]{background:#eab30826;color:#ca8a04}.contrast-danger[data-v-86c4fa1c]{background:#ef444426;color:#dc2626}.contrast-legend[data-v-86c4fa1c]{border-top:1px solid var(--borderDefault,#e5e7eb);display:flex;flex-wrap:wrap;gap:10px 16px;margin-top:16px;padding-top:16px}.legend-item[data-v-86c4fa1c]{align-items:center;color:var(--textMuted,#6b7280);display:flex;font-size:11px;gap:6px}.legend-dot[data-v-86c4fa1c]{border-radius:50%;height:10px;width:10px}.legend-dot.contrast-excellent[data-v-86c4fa1c]{background:#22c55e}.legend-dot.contrast-good[data-v-86c4fa1c]{background:#3b82f6}.legend-dot.contrast-warning[data-v-86c4fa1c]{background:#eab308}.legend-dot.contrast-danger[data-v-86c4fa1c]{background:#ef4444}.coming-soon[data-v-86c4fa1c]{align-items:center;display:flex;flex-direction:column;justify-content:center;padding:48px 24px;text-align:center}.coming-soon-icon[data-v-86c4fa1c]{font-size:40px;margin-bottom:16px}.coming-soon-text[data-v-86c4fa1c]{font-size:16px;font-weight:600;margin-bottom:6px}.coming-soon-hint[data-v-86c4fa1c]{color:var(--textMuted,#6b7280);font-size:12px}.empty-state[data-v-86c4fa1c]{color:var(--textMuted,#6b7280);padding:32px;text-align:center}.preset-selector[data-v-86c4fa1c]{margin-bottom:20px}.preset-label[data-v-86c4fa1c]{color:var(--textMuted,#6b7280);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:8px;text-transform:uppercase}.preset-buttons[data-v-86c4fa1c]{display:grid;gap:8px;grid-template-columns:repeat(3,1fr)}.preset-btn[data-v-86c4fa1c]{align-items:center;background:var(--surfaceAlt,#f9fafb);border:2px solid transparent;border-radius:8px;cursor:pointer;display:flex;flex-direction:column;gap:6px;padding:10px 8px;transition:all .15s ease}.preset-btn[data-v-86c4fa1c]:hover{background:var(--surface,#fff);border-color:var(--borderDefault,#e5e7eb)}.preset-btn.active[data-v-86c4fa1c]{background:var(--surface,#fff);border-color:var(--accentFill,#24aab4)}.preset-preview[data-v-86c4fa1c]{border:1px solid var(--borderDefault,#e5e7eb);border-radius:4px;display:flex;gap:2px;overflow:hidden}.preset-swatch[data-v-86c4fa1c]{height:20px;width:20px}.preset-name[data-v-86c4fa1c]{color:var(--textMuted,#6b7280);font-size:10px;font-weight:500}.preset-btn.active .preset-name[data-v-86c4fa1c]{color:var(--textPrimary,#1f2937)}.surfaces-list[data-v-86c4fa1c]{display:flex;flex-direction:column;gap:10px}.surface-row[data-v-86c4fa1c]{align-items:center;background:var(--surfaceAlt,#f9fafb);border:1px solid transparent;border-radius:8px;display:flex;gap:12px;padding:10px 12px;transition:all .15s ease}.surface-row.has-issue[data-v-86c4fa1c]{background:#ef44440d;border-color:#ef44444d}.surface-swatches[data-v-86c4fa1c]{display:flex;gap:4px}.surface-info[data-v-86c4fa1c]{flex:1;min-width:0}.surface-name[data-v-86c4fa1c]{align-items:center;display:flex;font-size:13px;font-weight:600;gap:6px;margin-bottom:2px}.mode-badge[data-v-86c4fa1c]{border-radius:3px;font-size:9px;font-weight:600;letter-spacing:.3px;padding:2px 5px;text-transform:uppercase}.mode-badge.dark[data-v-86c4fa1c]{background:#1f2937;color:#f9fafb}.mode-badge.light[data-v-86c4fa1c]{background:#f3f4f6;border:1px solid #e5e7eb;color:#4b5563}.surface-colors[data-v-86c4fa1c]{align-items:center;color:var(--textMuted,#6b7280);display:flex;font-size:11px;gap:4px}.surface-colors code[data-v-86c4fa1c]{background:var(--surface,#fff);border:1px solid var(--borderDefault,#e5e7eb);border-radius:3px;font-family:SF Mono,Monaco,monospace;padding:2px 4px}.surface-colors .separator[data-v-86c4fa1c]{opacity:.3}.surface-colors .border-code[data-v-86c4fa1c]{opacity:.7}.swatch.border-preview[data-v-86c4fa1c]{border-radius:3px;width:14px}.surface-contrast[data-v-86c4fa1c]{border-radius:6px;min-width:70px;padding:6px 10px;text-align:right}.surface-depth-diagram[data-v-86c4fa1c]{border-top:1px solid var(--borderDefault,#e5e7eb);margin-top:20px;padding-top:16px}.depth-label[data-v-86c4fa1c]{color:var(--textMuted,#6b7280);font-size:11px;font-weight:600;letter-spacing:.5px;margin-bottom:16px;text-transform:uppercase}.depth-stack[data-v-86c4fa1c]{background:var(--surfaceAlt,#f3f4f6);border-radius:8px;display:flex;flex-direction:column;gap:4px;padding:24px 16px}.depth-layer[data-v-86c4fa1c]{align-items:center;border:1px solid;border-radius:6px;box-shadow:0 1px 3px #0000001a;display:flex;font-size:11px;font-weight:500;justify-content:center;padding:12px 16px;transition:transform .15s ease}.depth-layer[data-v-86c4fa1c]:hover{transform:translateY(-2px)!important}.depth-layer-name[data-v-86c4fa1c]{text-transform:capitalize}.panel-footer[data-v-86c4fa1c]{background:var(--surfaceAlt,#f9fafb);border-top:1px solid var(--borderDefault,#e5e7eb);color:var(--textMuted,#6b7280);font-size:12px;padding:10px 16px}.footer-status[data-v-86c4fa1c]{text-align:center}