:root{--bar-h: 56px;--border: #e5e7eb;--blue: #3b82f6;--muted: #9e9e9e;--color-bg: #121212;--color-surface: #1e1e1e;--color-surface-2: #2d2d2d;--color-text: #e0e0e0;--color-text-muted: #9e9e9e;--color-border: #333333;--color-primary: #3b82f6;--color-primary-contrast: #ffffff;--color-success: #059669;--color-success-bg: rgba(5, 150, 105, .2);--color-danger: #f87171;--color-danger-bg: rgba(248, 113, 113, .15);--color-warning: #fbbf24;--color-warning-bg: rgba(251, 191, 36, .15);--color-info: #60a5fa;--color-info-bg: rgba(96, 165, 250, .15);--panel-bg: #1e1e1e;--panel-head-bg: #252525;--color-input-bg: #1e293b;--color-input-border: #444444;--color-hover-bg: #2a2a2a;--list-item-selected-bg: rgba(59, 130, 246, .15);--list-item-selected-border: #3b82f6;--scrollbar-track: #121212;--scrollbar-thumb: #333333;--scrollbar-thumb-hover: #444444;--topbar-bg: #1e1e1e;--splitter-bg: #252525;--splitter-hover-bg: #333333;--attach-action-color: #bdbdbd}body.light-theme{--color-bg: #f7f8fb;--color-surface: #ffffff;--color-surface-2: #f9fafb;--color-text: #111827;--color-text-muted: #6b7280;--color-border: #e5e7eb;--color-primary: #0b74de;--color-primary-contrast: #ffffff;--color-success: #16a34a;--color-success-bg: #dcfce7;--color-danger: #dc2626;--color-danger-bg: #fee2e2;--color-warning: #d97706;--color-warning-bg: #fef3c7;--color-info: #2563eb;--color-info-bg: #dbe7ff;--panel-bg: var(--color-surface);--panel-head-bg: var(--color-surface-2);--color-input-bg: #ffffff;--color-input-border: #d1d5db;--color-hover-bg: #f3f4f6;--list-item-selected-bg: #eaf2fe;--list-item-selected-border: #0b74de;--scrollbar-track: #f2f4f7;--scrollbar-thumb: #c9d1db;--scrollbar-thumb-hover: #aeb7c4;--topbar-bg: #f7fafc;--splitter-bg: #eef2f7;--splitter-hover-bg: #dbe7ff;--attach-action-color: #9ca3af}*{box-sizing:border-box}html,body,#root{height:100%;margin:0;font-family:system-ui,-apple-system,Segoe UI,Roboto,Helvetica,Arial;background-color:var(--color-bg);color:var(--color-text)}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--scrollbar-track)}::-webkit-scrollbar-thumb{background:var(--scrollbar-thumb);border-radius:6px}::-webkit-scrollbar-thumb:hover{background:var(--scrollbar-thumb-hover)}body,.page,.panel{scrollbar-color:var(--scrollbar-thumb) var(--scrollbar-track);scrollbar-width:thin}.page{height:100%;display:flex;flex-direction:column}.topbar{display:flex;align-items:center;gap:12px;padding:8px 12px;border-bottom:1px solid var(--color-border);background:var(--topbar-bg, #f7fafc);height:var(--bar-h)}.brand{display:flex;align-items:center;gap:100px;max-height:40px}.brand img{height:32px}.title{margin-right:auto;font-weight:700}.btn{appearance:none;border:1px solid var(--color-border);background:var(--color-surface);color:var(--color-text);padding:6px 10px;border-radius:8px;cursor:pointer}.btn.primary{background:var(--color-primary);border-color:var(--color-primary);color:var(--color-primary-contrast)}.panel{height:100%;display:flex;flex-direction:column;overflow:auto;background:var(--panel-bg);color:var(--color-text)}.panel .header{font-weight:600;padding:6px 10px;border-bottom:1px solid var(--color-border);background:var(--panel-head-bg)}.panel .body{padding:10px}.toolbar{display:flex;gap:8px;padding:6px;border-bottom:1px solid var(--color-border)}.list{overflow:auto;padding:8px;display:flex;flex-direction:column;gap:8px;background:var(--panel-bg)}.item{border:1px solid var(--color-border);border-radius:10px;padding:10px;cursor:pointer;background:var(--panel-bg)}.item.active{border-color:var(--list-item-selected-border);background:var(--list-item-selected-bg)}.vendor{font-weight:600}.meta{font-size:12px;color:var(--color-text-muted)}.tabs{display:flex;gap:4px;padding:6px 6px 0;border-bottom:1px solid var(--color-border);background:var(--panel-bg)}.tab{padding:6px 10px;border:1px solid var(--color-border);border-bottom:none;border-radius:8px 8px 0 0;background:var(--color-surface-2);cursor:pointer}.tab.active{background:var(--panel-bg);font-weight:600}.tab-body{padding:10px}.grid-form{display:grid;grid-template-columns:120px 1fr 120px 1fr 120px 1fr;gap:8px;align-items:center}.tbl{width:100%;border-collapse:collapse}.tbl th,.tbl td{border-bottom:1px solid var(--color-border);padding:6px}#root{width:100%;height:100%}.logo{height:6em;padding:1.5em;will-change:filter;transition:filter .3s}.logo:hover{filter:drop-shadow(0 0 2em #646cffaa)}.logo.react:hover{filter:drop-shadow(0 0 2em #61dafbaa)}@keyframes logo-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@media(prefers-reduced-motion:no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.card{padding:2em}.read-the-docs{color:#888}