.inspector-panel{position:fixed;top:0;right:0;width:260px;height:100vh;background:#ffffff;border-left:1px solid #e5e7eb;box-shadow:-4px 0 6px -1px rgba(0,0,0,.1);z-index:99999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,sans-serif;font-size:13px;color:#1f2937;display:flex;flex-direction:column;overflow:hidden}@media (prefers-color-scheme:dark){.inspector-panel{background:#1f2937;border-left-color:#374151;color:#f9fafb}}.inspector-panel-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;border-bottom:1px solid #e5e7eb;flex-shrink:0}@media (prefers-color-scheme:dark){.inspector-panel-header{border-bottom-color:#374151}}.inspector-panel-title{font-weight:600;font-size:14px}.inspector-panel-close{background:none;border:none;cursor:pointer;padding:4px 8px;border-radius:4px;color:#6b7280;font-size:14px}.inspector-panel-close:hover{background:#f3f4f6;color:#1f2937}@media (prefers-color-scheme:dark){.inspector-panel-close:hover{background:#374151;color:#f9fafb}}.inspector-panel-content{flex:1;overflow-y:auto;padding:12px 0}.inspector-breadcrumb{padding:8px 16px;font-size:11px;color:#6b7280;overflow-x:auto;white-space:nowrap;border-bottom:1px solid #e5e7eb;margin-bottom:8px}@media (prefers-color-scheme:dark){.inspector-breadcrumb{color:#9ca3af;border-bottom-color:#374151}}.inspector-breadcrumb-separator{color:#9ca3af}.inspector-breadcrumb-current{color:#3b82f6;font-weight:500}.inspector-breadcrumb-ancestor{color:#6b7280}@media (prefers-color-scheme:dark){.inspector-breadcrumb-ancestor{color:#9ca3af}}.inspector-class-list{padding:0 16px}.inspector-class-list-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:12px}.inspector-class-count{font-size:12px;color:#6b7280}@media (prefers-color-scheme:dark){.inspector-class-count{color:#9ca3af}}.inspector-copy-all-btn{background:#3b82f6;color:white;border:none;padding:4px 10px;border-radius:4px;font-size:11px;cursor:pointer;font-weight:500}.inspector-copy-all-btn:hover{background:#2563eb}.inspector-no-classes{color:#9ca3af;font-size:12px;text-align:center;padding:20px}.inspector-categories{display:flex;flex-direction:column;gap:4px}.inspector-category{border:1px solid #e5e7eb;border-radius:6px;overflow:hidden}@media (prefers-color-scheme:dark){.inspector-category{border-color:#374151}}.inspector-category-header{display:flex;align-items:center;gap:8px;width:100%;padding:8px 10px;background:#f9fafb;border:none;cursor:pointer;text-align:left;font-size:12px;font-weight:500;color:#374151}@media (prefers-color-scheme:dark){.inspector-category-header{background:#374151;color:#e5e7eb}}.inspector-category-header:hover{background:#f3f4f6}@media (prefers-color-scheme:dark){.inspector-category-header:hover{background:#4b5563}}.inspector-category-arrow{font-size:8px;color:#9ca3af}.inspector-category-name{flex:1;text-transform:capitalize}.inspector-category-count{font-size:11px;color:#9ca3af;background:#e5e7eb;padding:2px 6px;border-radius:10px}@media (prefers-color-scheme:dark){.inspector-category-count{background:#4b5563;color:#d1d5db}}.inspector-category-content{padding:4px;display:flex;flex-direction:column;gap:2px}.inspector-class-item{display:flex;align-items:center;justify-content:space-between;padding:6px 8px;border-radius:4px;cursor:pointer;transition:background .1s}.inspector-class-item:hover{background:#f3f4f6}@media (prefers-color-scheme:dark){.inspector-class-item:hover{background:#374151}}.inspector-class-name{font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;font-size:12px;color:#1f2937}@media (prefers-color-scheme:dark){.inspector-class-name{color:#f3f4f6}}.inspector-copy-indicator{font-size:10px;color:#9ca3af;opacity:0;transition:opacity .1s}.inspector-class-item:hover .inspector-copy-indicator{opacity:1}.inspector-class-item--added{border-left:3px solid #22c55e;padding-left:5px}.inspector-class-item--added .inspector-class-name{color:#16a34a}@media (prefers-color-scheme:dark){.inspector-class-item--added .inspector-class-name{color:#4ade80}}.inspector-class-item--removed{border-left:3px solid #ef4444;padding-left:5px;opacity:.6}.inspector-class-item--removed .inspector-class-name{text-decoration:line-through;color:#dc2626}@media (prefers-color-scheme:dark){.inspector-class-item--removed .inspector-class-name{color:#f87171}}.inspector-spacing-editor{padding:0 16px}.inspector-spacing-box{position:relative;display:flex;align-items:center;justify-content:center;min-height:80px}.inspector-spacing-margin{background:#fef3c7;border:2px dashed #d97706;border-radius:6px;padding:20px}@media (prefers-color-scheme:dark){.inspector-spacing-margin{background:#451a03;border-color:#f59e0b}}.inspector-spacing-padding{background:#dbeafe;border:2px dashed #2563eb;border-radius:4px;padding:16px;width:100%}@media (prefers-color-scheme:dark){.inspector-spacing-padding{background:#1e3a5f;border-color:#3b82f6}}.inspector-spacing-content{background:#e5e7eb;border-radius:2px;min-height:24px;min-width:40px}@media (prefers-color-scheme:dark){.inspector-spacing-content{background:#4b5563}}.inspector-spacing-label{position:absolute;top:2px;left:4px;font-size:9px;font-weight:500;text-transform:uppercase;color:#9ca3af;letter-spacing:.05em}.inspector-spacing-input{position:absolute}.inspector-spacing-top{top:2px;left:50%;transform:translateX(-50%)}.inspector-spacing-right{right:2px;top:50%;transform:translateY(-50%)}.inspector-spacing-bottom{bottom:2px;left:50%;transform:translateX(-50%)}.inspector-spacing-left{left:2px;top:50%;transform:translateY(-50%)}.inspector-spacing-select{width:52px;padding:2px 4px;font-size:10px;font-family:ui-monospace,SFMono-Regular,SF Mono,Menlo,monospace;border:1px solid #d1d5db;border-radius:3px;background:white;color:#374151;cursor:pointer;text-align:center}.inspector-spacing-select:hover{border-color:#9ca3af}.inspector-spacing-select:focus{outline:none;border-color:#3b82f6;box-shadow:0 0 0 2px rgba(59,130,246,.2)}@media (prefers-color-scheme:dark){.inspector-spacing-select{background:#374151;border-color:#4b5563;color:#f3f4f6}.inspector-spacing-select:hover{border-color:#6b7280}}.inspector-property-panel{display:flex;flex-direction:column;gap:8px}.inspector-property-panel-actions{padding:8px 16px;border-bottom:1px solid #e5e7eb}@media (prefers-color-scheme:dark){.inspector-property-panel-actions{border-bottom-color:#374151}}.inspector-reset-btn{display:flex;align-items:center;gap:8px;width:100%;padding:8px 12px;background:#fef2f2;border:1px solid #fecaca;border-radius:6px;color:#dc2626;font-size:12px;font-weight:500;cursor:pointer;transition:background .1s}.inspector-reset-btn:hover{background:#fee2e2}@media (prefers-color-scheme:dark){.inspector-reset-btn{background:#450a0a;border-color:#7f1d1d;color:#fca5a5}.inspector-reset-btn:hover{background:#7f1d1d}}.inspector-modification-badge{background:#dc2626;color:white;font-size:10px;font-weight:600;padding:2px 6px;border-radius:10px;margin-left:auto}@media (prefers-color-scheme:dark){.inspector-modification-badge{background:#ef4444}}.inspector-property-section{border:1px solid #e5e7eb;border-radius:6px;margin:0 16px;overflow:hidden}@media (prefers-color-scheme:dark){.inspector-property-section{border-color:#374151}}.inspector-property-section-header{display:flex;align-items:center;gap:8px;width:100%;padding:10px 12px;background:#f9fafb;border:none;cursor:pointer;text-align:left;font-size:13px;font-weight:600;color:#374151}@media (prefers-color-scheme:dark){.inspector-property-section-header{background:#374151;color:#e5e7eb}}.inspector-property-section-header:hover{background:#f3f4f6}@media (prefers-color-scheme:dark){.inspector-property-section-header:hover{background:#4b5563}}.inspector-property-section-title{flex:1}.inspector-property-section-content{padding:12px 0;border-top:1px solid #e5e7eb}@media (prefers-color-scheme:dark){.inspector-property-section-content{border-top-color:#374151}}.inspector-property-section-content .inspector-class-list{padding:0 12px}.inspector-property-section-content .inspector-class-list-header{display:none}