.debug-panel{background:#fff;border:1px solid #e5e7eb;border-radius:6px;box-shadow:0 4px 12px #00000014;display:flex;flex-direction:column;overflow:hidden;position:fixed;z-index:9999}.resize-handle{position:absolute;z-index:10}.resize-e{cursor:ew-resize;height:100%;right:0;top:0;width:4px}.resize-s{bottom:0;cursor:ns-resize;height:4px;left:0;width:100%}.resize-se{background:#3b82f6;border-bottom-right-radius:6px;bottom:0;cursor:nwse-resize;height:10px;right:0;width:10px}.debug-header{align-items:center;background:#fff;border-bottom:1px solid #f3f4f6;display:flex;justify-content:space-between;padding:10px 14px}.debug-panel h3{color:#111827;font-size:14px;font-weight:600;margin:0}.collapse-btn{border-radius:3px;color:#6b7280;cursor:pointer;padding:3px 6px;transition:all .15s}.collapse-btn:hover{background:#f3f4f6;color:#111827}.debug-actions{display:flex;gap:6px}.action-button{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#4b5563;cursor:pointer;font-size:11px;font-weight:500;padding:4px 10px;transition:all .15s}.action-button:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.debug-content{flex:1;overflow-x:hidden;overflow-y:auto}.form-stats{background:#f9fafb;border-bottom:1px solid #f3f4f6;color:#4b5563;font-size:11px;padding:10px 14px}.form-status-indicator{align-items:center;display:flex;gap:6px;margin-top:4px}.status-dot{border-radius:50%;height:5px;width:5px}.status-dot.status-valid{background:#22c55e}.status-dot.status-invalid{background:#ef4444}.status-dot.status-dirty{background:#f97316}.status-text{color:#6b7280;font-size:11px;font-weight:500}.search-section{border-bottom:1px solid #f3f4f6;padding:10px 14px}.search-input{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#111827;font-size:13px;padding:6px 10px;width:100%}.search-input:focus{border-color:#3b82f6;outline:none}.search-input::-moz-placeholder{color:#9ca3af}.search-input::placeholder{color:#9ca3af}.filter-controls{align-items:center;display:flex;flex-wrap:wrap;gap:6px;margin-top:6px}.filter-select{background:#fff;border:1px solid #e5e7eb;border-radius:4px;color:#111827;font-size:11px;padding:3px 6px}.filter-select:focus{border-color:#3b82f6;outline:none}.filter-checkbox{align-items:center;color:#4b5563;cursor:pointer;display:flex;font-size:11px;gap:5px}.filter-checkbox input[type=checkbox]{accent-color:#3b82f6;cursor:pointer;height:13px;width:13px}.fields-explorer{padding:10px 14px}.field-debug{background:#fff;border:1px solid #e5e7eb;border-radius:4px;font-size:11px;margin-bottom:6px;padding:10px;transition:all .15s}.field-debug:hover{border-color:#3b82f6}.field-debug.field-with-error{background:#fef2f2;border-color:#ef4444}.field-debug.field-container{background:#eff6ff;border-color:#3b82f6}.field-header{align-items:start;color:#111827;display:flex;justify-content:space-between;margin-bottom:6px}.field-actions{align-items:center;display:flex;gap:6px}.copy-button{background:#fff;border:1px solid #e5e7eb;border-radius:3px;color:#6b7280;cursor:pointer;font-size:10px;padding:2px 6px;transition:all .15s}.copy-button:hover{background:#3b82f6;border-color:#3b82f6;color:#fff}.field-type{background:#3b82f6;border-radius:3px;color:#fff;font-size:10px;font-weight:600;margin-right:6px;padding:2px 6px;text-transform:uppercase}.field-status{display:flex;flex-wrap:wrap;gap:4px}.field-status .status{border:1px solid;border-radius:3px;font-size:10px;padding:2px 6px}.field-status .error{background:#fef2f2;border-color:#ef4444;color:#dc2626}.field-status .hidden{background:#f3f4f6;border-color:#d1d5db;color:#6b7280}.field-status .readonly{background:#eff6ff;border-color:#93c5fd;color:#3b82f6}.field-status .required{background:#fff7ed;border-color:#fb923c;color:#ea580c}.field-details{color:#4b5563}.field-details>*+*{margin-top:5px}.field-description,.field-label{color:#6b7280}.debug-json,.field-value pre{background:#f9fafb;border:1px solid #e5e7eb;border-radius:3px;color:#1f2937;font-family:monospace;font-size:11px;margin-top:4px;padding:6px}.field-error{color:#dc2626}.field-error ul{margin-top:3px;padding-left:14px}.debug-section{border-top:1px solid #f3f4f6}.debug-section summary{background:#f9fafb;color:#4b5563;cursor:pointer;font-size:11px;font-weight:500;padding:8px 14px;transition:background .15s}.debug-section summary:hover{background:#f3f4f6}.debug-section.error-section summary{background:#fef2f2;color:#dc2626}.debug-json{margin:0;max-height:200px;overflow:auto;padding:10px 14px}.no-fields{color:#9ca3af;font-size:11px;padding:20px;text-align:center}