@import"https://fonts.googleapis.com/css2?family=Inter:wght@300;400;500;600;700&display=swap";:root{--devtools-bg-primary: rgba(18, 18, 20, .98);--devtools-bg-secondary: rgba(24, 24, 27, .95);--devtools-bg-tertiary: rgba(39, 39, 42, .6);--devtools-border: rgba(63, 63, 70, .6);--devtools-border-light: rgba(63, 63, 70, .4);--devtools-text-primary: #f4f4f5;--devtools-text-secondary: #e4e4e7;--devtools-text-tertiary: #a1a1aa;--devtools-text-muted: #71717a;--devtools-success: #22c55e;--devtools-success-bg: rgba(34, 197, 94, .15);--devtools-error: #ef4444;--devtools-error-bg: rgba(239, 68, 68, .15);--devtools-warning: #f59e0b;--devtools-warning-bg: rgba(245, 158, 11, .15);--devtools-info: #3b82f6;--devtools-info-bg: rgba(59, 130, 246, .15);--devtools-query: #60a5fa;--devtools-query-bg: rgba(96, 165, 250, .15);--devtools-mutation: #a78bfa;--devtools-mutation-bg: rgba(167, 139, 250, .15);--devtools-action: #34d399;--devtools-action-bg: rgba(52, 211, 153, .15);--devtools-transition-fast: .15s cubic-bezier(.4, 0, .2, 1);--devtools-transition-base: .2s cubic-bezier(.4, 0, .2, 1);--devtools-transition-slow: .3s cubic-bezier(.4, 0, .2, 1);--devtools-spring-bounce: cubic-bezier(.68, -.55, .265, 1.55);--devtools-spring-smooth: cubic-bezier(.34, 1.56, .64, 1);--devtools-spring-subtle: cubic-bezier(.4, 0, .2, 1.1);--devtools-contain: layout style paint}.concave-devtools{position:fixed;z-index:999999;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Code,Monaco,sans-serif;font-size:13px;line-height:1.5;color:var(--devtools-text-secondary);transition:all var(--devtools-transition-slow);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;font-feature-settings:"kern" 1,"liga" 1;text-rendering:optimizeLegibility;contain:layout style paint;will-change:transform,opacity}.concave-devtools.devtools-bottom-right{bottom:16px;right:16px}.concave-devtools.devtools-bottom-left{bottom:16px;left:16px}.concave-devtools.devtools-top-right{top:16px;right:16px}.concave-devtools.devtools-top-left{top:16px;left:16px}.devtools-toggle{display:flex;align-items:center;gap:10px;padding:12px 18px;background:linear-gradient(135deg,#18181bfa,#27272af2);backdrop-filter:blur(20px) saturate(190%);-webkit-backdrop-filter:blur(20px) saturate(190%);border:1px solid var(--devtools-border);border-radius:14px;color:var(--devtools-text-tertiary);cursor:pointer;transition:all var(--devtools-transition-base);box-shadow:0 4px 6px -1px #00000059,0 2px 4px -1px #00000040,0 0 #3b82f600,inset 0 1px #ffffff0f;position:relative;overflow:hidden}.devtools-toggle:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.05),transparent);transition:left .5s}.devtools-toggle:hover:before{left:100%}.devtools-toggle:hover{background:linear-gradient(135deg,#27272afa,#343437f2);border-color:#71717abf;color:var(--devtools-text-secondary);transform:translateY(-2px) scale(1.02);box-shadow:0 8px 16px -4px #00000073,0 4px 8px -2px #00000059,0 0 0 1px #3b82f626,inset 0 1px #ffffff1a}.devtools-toggle:active{transform:translateY(-1px) scale(1.01)}.devtools-toggle svg{transition:transform .3s cubic-bezier(.4,0,.2,1)}.devtools-toggle:hover svg{transform:rotate(10deg) scale(1.1)}.devtools-toggle .badge{background:linear-gradient(135deg,#3b82f6,#2563eb);color:#fff;padding:3px 8px;border-radius:12px;font-size:10px;font-weight:700;letter-spacing:.3px;box-shadow:0 2px 4px #3b82f659,0 1px 2px #3b82f633,inset 0 1px #ffffff40;min-width:20px;text-align:center;transition:all var(--devtools-transition-base)}.devtools-toggle:hover .badge{transform:scale(1.1);box-shadow:0 3px 6px #3b82f666,inset 0 1px #ffffff4d}.devtools-panel{width:850px;max-width:calc(100vw - 32px);height:600px;max-height:calc(100vh - 32px);background:linear-gradient(135deg,#18181bfa,#121214f2);backdrop-filter:blur(24px) saturate(200%);-webkit-backdrop-filter:blur(24px) saturate(200%);border:1px solid var(--devtools-border);border-radius:16px;box-shadow:0 25px 50px -12px #0000008c,0 12px 24px -8px #00000073,0 0 0 1px #ffffff0a,inset 0 1px #ffffff0f;display:flex;flex-direction:column;overflow:hidden;animation:panelSlideIn var(--devtools-transition-slow) cubic-bezier(.34,1.56,.64,1);contain:layout style paint;will-change:transform,opacity}@keyframes panelSlideIn{0%{opacity:0;transform:scale(.96) translateY(16px)}to{opacity:1;transform:scale(1) translateY(0)}}.devtools-header{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:linear-gradient(180deg,#27272ae6,#18181bcc);border-bottom:1px solid rgba(63,63,70,.6);position:relative}.devtools-header:after{content:"";position:absolute;bottom:-1px;left:0;right:0;height:1px;background:linear-gradient(90deg,transparent,rgba(59,130,246,.3) 50%,transparent);opacity:.5}.header-left{display:flex;align-items:center;gap:12px}.devtools-title{margin:0;font-size:14px;font-weight:700;background:linear-gradient(135deg,#fafafa,#a1a1aa);-webkit-background-clip:text;-webkit-text-fill-color:transparent;background-clip:text;letter-spacing:-.2px}.paused-indicator{padding:4px 8px;background:#fbbf2433;color:#fbbf24;border-radius:4px;font-size:11px;font-weight:600}.devtools-actions{display:flex;gap:8px}.devtools-action{padding:6px 12px;background:#3f3f464d;border:1px solid rgba(113,113,122,.3);border-radius:7px;color:#a1a1aa;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);font-size:12px;position:relative;overflow:hidden}.devtools-action:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .3s,height .3s}.devtools-action:hover:before{width:100px;height:100px}.devtools-action:hover{background:#3f3f4699;border-color:#71717a99;color:#e4e4e7;transform:translateY(-1px);box-shadow:0 2px 4px #0003}.devtools-action:active{transform:translateY(0);box-shadow:none}.devtools-action.active{background:#3b82f633;border-color:#3b82f680;color:#60a5fa;box-shadow:0 0 0 2px #3b82f61a}.devtools-tabs-with-actions{display:flex;align-items:center;justify-content:space-between;gap:4px;padding:4px 8px;background:linear-gradient(180deg,#27272a99,#18181b66);border-bottom:1px solid rgba(63,63,70,.6);position:relative}.tab-actions-compact{display:flex;align-items:center;gap:4px;margin-left:auto;padding-left:12px;border-left:1px solid rgba(63,63,70,.4)}.paused-indicator-compact{color:#fbbf24;font-size:10px;margin-right:4px}.tab-action-btn{display:flex;align-items:center;justify-content:center;width:24px;height:24px;padding:0;background:transparent;border:none;border-radius:5px;color:var(--devtools-text-muted);cursor:pointer;transition:all var(--devtools-transition-fast);position:relative}.tab-action-btn:hover{background:#71717a40;color:var(--devtools-text-secondary);transform:scale(1.05)}.tab-action-btn:active{transform:scale(.95)}.tab-action-btn.active{background:#fbbf2440;color:var(--devtools-warning);box-shadow:0 0 0 1px #fbbf244d}.tab-action-btn.close-btn:hover{background:#f8717140;color:var(--devtools-error)}.devtools-tabs{display:flex;gap:4px;padding:6px 10px;background:linear-gradient(180deg,#27272a99,#18181b66);border-bottom:1px solid rgba(63,63,70,.6);position:relative}.devtools-tabs:after{content:"";position:absolute;bottom:0;left:0;right:0;height:2px;background:linear-gradient(90deg,transparent 0%,rgba(59,130,246,.1) 50%,transparent 100%)}.devtools-tab{display:flex;align-items:center;gap:7px;padding:7px 14px;background:transparent;border:none;border-radius:8px;color:var(--devtools-text-muted);cursor:pointer;transition:all var(--devtools-transition-base);font-size:12px;font-weight:600;position:relative;letter-spacing:-.1px;line-height:1.4}.devtools-tab:before{content:"";position:absolute;bottom:0;left:50%;transform:translate(-50%) scaleX(0);width:60%;height:2px;background:linear-gradient(90deg,transparent,#60a5fa,transparent);border-radius:2px;transition:transform .3s cubic-bezier(.4,0,.2,1)}.devtools-tab:hover{background:#3f3f4680;color:var(--devtools-text-tertiary);transform:translateY(-1px)}.devtools-tab.active{background:linear-gradient(135deg,#3b82f62e,#3b82f61a);color:var(--devtools-query);box-shadow:0 0 0 1px #3b82f659,0 2px 4px #3b82f61f,inset 0 1px #ffffff0d}.devtools-tab.active:before{transform:translate(-50%) scaleX(1)}.tab-badge{background:#71717a59;padding:2px 6px;border-radius:8px;font-size:10px;font-weight:700;letter-spacing:.2px;box-shadow:0 1px 2px #0000001a;transition:all var(--devtools-transition-fast)}.devtools-tab.active .tab-badge{background:#3b82f659;color:#93c5fd;box-shadow:0 1px 2px #3b82f633}.devtools-content{flex:1;overflow:hidden;display:flex;flex-direction:column}.query-panel,.subscriptions-panel,.performance-panel,.logs-panel{flex:1;display:flex;flex-direction:column;overflow:hidden}.panel-filters{display:flex;align-items:center;gap:8px;padding:6px 10px;background:#27272a73;border-bottom:1px solid var(--devtools-border-light);flex-wrap:wrap;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.filter-buttons{display:flex;gap:3px;background:#18181b80;padding:3px;border-radius:6px;border:1px solid rgba(63,63,70,.3)}.filter-button{padding:4px 8px;background:transparent;border:none;border-radius:4px;font-size:10px;color:var(--devtools-text-muted);cursor:pointer;transition:all var(--devtools-transition-fast);font-weight:700;letter-spacing:.3px;font-family:Monaco,Menlo,Fira Code,Courier New,monospace;text-transform:uppercase;line-height:1.4;position:relative}.filter-button:before{content:"";position:absolute;top:0;left:0;right:0;bottom:0;background:#ffffff0d;transform:scaleX(0);transform-origin:left;transition:transform .3s cubic-bezier(.4,0,.2,1)}.filter-button:hover:before{transform:scaleX(1)}.filter-button:hover{background:#3f3f4680;color:#a1a1aa;transform:translateY(-1px)}.filter-button.cdv-filter-query:hover:not(.active){color:#93c5fd;background:#60a5fa1a}.filter-button.cdv-filter-mutation:hover:not(.active){color:#c4b5fd;background:#a78bfa1a}.filter-button.cdv-filter-action:hover:not(.active){color:#6ee7b7;background:#34d3991a}.filter-button.active{background:linear-gradient(135deg,#3b82f638,#3b82f61f);color:var(--devtools-query);box-shadow:0 0 0 1px #3b82f659,0 2px 4px #3b82f61f,inset 0 1px #ffffff1f}.filter-button.cdv-filter-query.active{background:linear-gradient(135deg,#60a5fa38,#60a5fa1f);color:var(--devtools-query);box-shadow:0 0 0 1px #60a5fa59,0 2px 4px #60a5fa1f,inset 0 1px #ffffff1f}.filter-button.cdv-filter-mutation.active{background:linear-gradient(135deg,#a78bfa38,#a78bfa1f);color:var(--devtools-mutation);box-shadow:0 0 0 1px #a78bfa59,0 2px 4px #a78bfa1f,inset 0 1px #ffffff1f}.filter-button.cdv-filter-action.active{background:linear-gradient(135deg,#34d39938,#34d3991f);color:var(--devtools-action);box-shadow:0 0 0 1px #34d39959,0 2px 4px #34d3991f,inset 0 1px #ffffff1f}.filter-button.cdv-filter-all.active{background:linear-gradient(135deg,#a1a1aa33,#a1a1aa1a);color:#a1a1aa;box-shadow:0 0 0 1px #a1a1aa4d,0 2px 4px #a1a1aa1a,inset 0 1px #ffffff1a}.filter-button:focus-visible{outline:2px solid rgba(59,130,246,.6);outline-offset:2px;background:#3f3f4699;box-shadow:0 0 0 3px #3b82f633}.sr-only{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border-width:0}button:focus-visible,a:focus-visible,input:focus-visible,[tabindex]:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px;box-shadow:0 0 0 3px #3b82f626}.devtools-tab:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px;background:#3f3f4699}.tab-action-btn:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px;background:#71717a4d}.activity-item-compact:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:-2px;background:#3b82f626}.concave-devtools .search-field{position:relative;display:flex;align-items:center;gap:6px;height:26px;padding:0 8px;flex:1;max-width:240px;border-radius:6px;background:#121217cc;border:1px solid var(--devtools-border-light);box-shadow:inset 0 1px #ffffff0a;transition:all var(--devtools-transition-fast)}.concave-devtools .panel-filters .search-field{flex:1}.concave-devtools .search-field.stretch{max-width:none}.concave-devtools .search-field:hover{background:#18181ed9;border-color:#484852b3}.concave-devtools .search-field:focus-within{border-color:#3b82f680;background:#1d1d24f2;box-shadow:inset 0 0 0 1px #3b82f61a,0 0 0 3px #3b82f60d}.concave-devtools .search-icon{color:#8b8b94;flex-shrink:0;transition:color .16s ease}.concave-devtools .search-field.has-value .search-icon,.concave-devtools .search-field:focus-within .search-icon{color:#a1a1aa}.concave-devtools .search-input{flex:1;width:100%;border:none;background:transparent;color:var(--devtools-text-primary);font-size:11px;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,sans-serif;letter-spacing:.1px;line-height:1.4;-moz-appearance:none;appearance:none;-webkit-appearance:none}.concave-devtools .search-input:focus{outline:none}.concave-devtools .search-input:focus-visible{outline:none}.concave-devtools .search-field:focus-within{outline:2px solid rgba(59,130,246,.7);outline-offset:2px}.concave-devtools .search-input::placeholder{color:#a1a1b0}.concave-devtools .search-input::-webkit-search-cancel-button{-webkit-appearance:none;-moz-appearance:none;appearance:none}.concave-devtools .search-clear{background:none;border:none;color:#8b8b94;width:18px;height:18px;border-radius:9999px;display:flex;align-items:center;justify-content:center;cursor:pointer;transition:color .15s ease}.concave-devtools .search-clear:hover{color:#fff}.concave-devtools .search-clear:active{transform:scale(.9)}.events-list,.subscriptions-list,.logs-list{flex:1;overflow-y:auto;padding:12px 16px}.events-list::-webkit-scrollbar,.subscriptions-list::-webkit-scrollbar,.logs-list::-webkit-scrollbar{width:8px}.events-list::-webkit-scrollbar-track,.subscriptions-list::-webkit-scrollbar-track,.logs-list::-webkit-scrollbar-track{background:transparent}.events-list::-webkit-scrollbar-thumb,.subscriptions-list::-webkit-scrollbar-thumb,.logs-list::-webkit-scrollbar-thumb{background:#71717a66;border-radius:4px;border:1px solid transparent;background-clip:padding-box;transition:background var(--devtools-transition-fast)}.events-list::-webkit-scrollbar-thumb:hover,.subscriptions-list::-webkit-scrollbar-thumb:hover,.logs-list::-webkit-scrollbar-thumb:hover{background:#71717a99;border-color:#0000001a}.event-card,.subscription-card{background:#27272a80;border:1px solid var(--devtools-border-light);border-radius:8px;margin-bottom:8px;overflow:hidden;transition:all var(--devtools-transition-base);box-shadow:0 1px 2px #0000001a}.event-card:hover,.subscription-card:hover{border-color:#71717a99;background:#27272abf;box-shadow:0 2px 4px #00000026;transform:translateY(-1px)}.event-card.error{border-left:3px solid var(--devtools-error);background:var(--devtools-error-bg)}.event-header,.subscription-header{display:flex;align-items:center;justify-content:space-between;padding:10px 12px;cursor:pointer;-webkit-user-select:none;user-select:none}.event-title,.subscription-title{display:flex;align-items:center;gap:8px;flex:1;min-width:0}.event-badge,.operation-badge{padding:2px 8px;border-radius:4px;font-size:10px;font-weight:600;text-transform:uppercase;flex-shrink:0}.event-badge.query{background:var(--devtools-query-bg);color:var(--devtools-query);box-shadow:0 1px 2px #60a5fa26}.event-badge.mutation{background:var(--devtools-mutation-bg);color:var(--devtools-mutation);box-shadow:0 1px 2px #a78bfa26}.event-badge.action{background:var(--devtools-action-bg);color:var(--devtools-action);box-shadow:0 1px 2px #34d39926}.operation-badge.query{background:#3b82f633;color:#60a5fa}.operation-badge.mutation{background:#a855f733;color:#a78bfa}.operation-badge.action{background:#22c55e33;color:#4ade80}.event-path,.subscription-path,.operation-path{color:var(--devtools-text-secondary);font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-size:12px;line-height:1.5;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-feature-settings:"liga" 1,"calt" 1}.event-error-badge,.subscription-error-badge{padding:2px 6px;background:#ef444433;color:#f87171;border-radius:4px;font-size:10px;font-weight:600}.event-meta,.subscription-meta,.operation-meta{display:flex;align-items:center;gap:8px;color:#71717a;font-size:11px}.event-duration,.operation-duration{color:var(--devtools-text-tertiary);font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.expand-icon{color:#71717a;font-size:10px}.event-details,.subscription-details{padding:12px;background:#18181b80;border-top:1px solid rgba(63,63,70,.5)}.detail-section{margin-bottom:12px}.detail-section:last-child{margin-bottom:0}.detail-header{display:flex;align-items:center;justify-content:space-between;margin-bottom:6px}.detail-label{color:#a1a1aa;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:4px}.detail-json{background:#18181bd9;border:1px solid var(--devtools-border-light);border-radius:6px;padding:10px;color:var(--devtools-text-tertiary);font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-size:11px;line-height:1.6;overflow-x:auto;max-height:200px;overflow-y:auto;font-feature-settings:"liga" 1,"calt" 1;-moz-tab-size:2;tab-size:2}.detail-error{color:var(--devtools-error);font-size:12px;font-family:Monaco,Menlo,Fira Code,Courier New,monospace;padding:10px;background:var(--devtools-error-bg);border-radius:6px;border-left:3px solid var(--devtools-error);line-height:1.5;box-shadow:0 1px 2px #ef44441a}.detail-logs{background:#18181bcc;border:1px solid rgba(63,63,70,.5);border-radius:6px;padding:8px;max-height:150px;overflow-y:auto}.log-line{color:#a1a1aa;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;line-height:1.4;padding:2px 0}.copy-button{padding:4px 8px;background:#3f3f4680;border:1px solid var(--devtools-border-light);border-radius:5px;color:var(--devtools-text-tertiary);cursor:pointer;transition:all var(--devtools-transition-fast);font-size:10px;font-weight:600}.copy-button:hover{background:#3f3f46b3;color:var(--devtools-text-secondary);transform:translateY(-1px);box-shadow:0 1px 2px #0000001a}.copy-button:active{transform:translateY(0)}.subscription-id{padding:2px 6px;background:#3b82f633;color:#60a5fa;border-radius:4px;font-size:10px;font-weight:600;font-family:Monaco,Menlo,Courier New,monospace}.subscription-updates{color:#a1a1aa;font-size:11px}.metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px;padding:16px;background:#27272a4d;border-bottom:1px solid rgba(63,63,70,.5)}.metric-card{background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:8px;padding:12px}.metric-label{color:#a1a1aa;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:8px}.metric-value{color:#fafafa;font-size:24px;font-weight:700;margin-bottom:8px}.metric-details{display:flex;gap:12px}.metric-detail{display:flex;flex-direction:column;gap:2px;font-size:11px}.metric-detail span:first-child{color:#71717a}.metric-detail span:last-child{color:#e4e4e7;font-family:Monaco,Menlo,Courier New,monospace}.slowest-operations{padding:16px;overflow-y:auto}.slowest-operations h4{margin:0 0 12px;color:#fafafa;font-size:14px;font-weight:600}.operations-list{display:flex;flex-direction:column;gap:8px}.operation-item{background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:8px;padding:10px 12px}.operation-header{display:flex;align-items:center;gap:8px;margin-bottom:4px}.operation-bar{height:4px;background:#3f3f4680;border-radius:2px;overflow:hidden;margin-top:6px}.operation-bar-fill{height:100%;background:linear-gradient(90deg,#3b82f6,#8b5cf6);border-radius:2px;transition:width .3s ease}.auto-scroll-toggle{display:flex;align-items:center;gap:6px;color:var(--devtools-text-tertiary);font-size:12px;cursor:pointer;-webkit-user-select:none;user-select:none;padding:4px 8px;border-radius:5px;transition:all var(--devtools-transition-fast)}.auto-scroll-toggle:hover{background:#3f3f464d;color:var(--devtools-text-secondary)}.auto-scroll-toggle input[type=checkbox]{cursor:pointer}.log-entry{display:flex;align-items:baseline;gap:8px;font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-size:11px;line-height:1.6;font-feature-settings:"tnum" 1,"liga" 1;transition:background var(--devtools-transition-fast);border-radius:3px;padding:5px 4px;margin:0 -4px}.log-entry:hover{background:#27272a66}.log-time{color:var(--devtools-text-muted);flex-shrink:0;font-variant-numeric:tabular-nums;min-width:75px}.log-level{padding:2px 6px;border-radius:4px;font-size:9px;font-weight:700;flex-shrink:0;letter-spacing:.3px;box-shadow:0 1px 2px #0000001a}.level-log{background:#71717a40;color:var(--devtools-text-tertiary)}.level-info{background:var(--devtools-info-bg);color:var(--devtools-info);box-shadow:0 1px 2px #3b82f626}.level-warn{background:var(--devtools-warning-bg);color:var(--devtools-warning);box-shadow:0 1px 2px #f59e0b26}.level-error{background:var(--devtools-error-bg);color:var(--devtools-error);box-shadow:0 1px 2px #ef444426}.log-message{color:var(--devtools-text-secondary);flex:1;word-break:break-word;font-feature-settings:"liga" 1,"calt" 1}.data-inspector{margin-bottom:12px}.inspector-header{display:flex;align-items:center;justify-content:space-between;padding:8px 0}.inspector-toggle{display:flex;align-items:center;gap:6px;background:none;border:none;color:#a1a1aa;cursor:pointer;font-size:12px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.inspector-toggle:hover{color:#e4e4e7}.inspector-label{color:#a1a1aa}.inspector-actions{display:flex;gap:4px}.view-toggle{padding:3px 8px;background:#3f3f4680;border:1px solid rgba(113,113,122,.3);border-radius:4px;color:#a1a1aa;cursor:pointer;transition:all .2s;font-size:10px}.view-toggle.active{background:#3b82f633;border-color:#3b82f680;color:#60a5fa}.copy-btn-inspector{padding:3px 8px;background:#3f3f4680;border:1px solid rgba(113,113,122,.3);border-radius:4px;color:#a1a1aa;cursor:pointer;transition:all .2s;font-size:10px}.copy-btn-inspector:hover{background:#3f3f46cc;color:#e4e4e7}.inspector-content{background:#18181bcc;border:1px solid rgba(63,63,70,.5);border-radius:6px;padding:8px;overflow-y:auto;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px}.json-raw{margin:0;color:#a1a1aa;line-height:1.5;font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-feature-settings:"liga" 1,"calt" 1;white-space:pre-wrap;word-wrap:break-word}.json-raw{color:var(--devtools-text-tertiary)}.json-node{margin-left:12px}.json-expandable{cursor:pointer;-webkit-user-select:none;user-select:none;background:none;border:none;padding:0;margin:0;font-family:inherit;font-size:inherit;color:inherit;text-align:left;transition:all var(--devtools-transition-fast)}.json-expandable:hover{opacity:.8}.json-expandable:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:2px;border-radius:3px}.json-expandable:hover .expand-icon{color:#e4e4e7}.expand-icon{display:inline-block;transition:transform .2s var(--devtools-spring-subtle);color:#71717a;font-size:9px;margin-right:4px;vertical-align:middle}.expand-icon.expanded{transform:rotate(90deg)}.json-expandable:hover .expand-icon{color:var(--devtools-text-secondary);transform:scale(1.1)}.json-expandable:hover .expand-icon.expanded{transform:rotate(90deg) scale(1.1)}.json-children{margin-left:12px;animation:jsonChildrenFadeIn .2s var(--devtools-spring-subtle)}@keyframes jsonChildrenFadeIn{0%{opacity:0;transform:translateY(-2px)}to{opacity:1;transform:translateY(0)}}.json-item{transition:background-color var(--devtools-transition-fast);border-radius:3px;margin-left:-4px;padding:2px 0 2px 4px}.json-item:hover{background-color:#3f3f464d}.json-key{color:#a78bfa;font-weight:500}.json-string{color:#4ade80;font-weight:400}.json-number{color:#60a5fa;font-weight:500;font-feature-settings:"tnum" 1}.json-boolean{color:#fbbf24;font-weight:500}.json-null{color:#71717a;font-style:italic;font-weight:400}.json-bracket{color:#a1a1aa}.json-preview{color:#71717a;font-style:italic;margin:0 4px}.network-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.network-header{padding:12px 16px;background:#27272a4d;border-bottom:1px solid rgba(63,63,70,.5)}.network-stats{display:flex;gap:16px;flex-wrap:wrap}.stat{display:flex;align-items:center;gap:6px;font-size:12px}.stat-label{color:#a1a1aa}.stat-value{color:#e4e4e7;font-weight:600;font-family:Monaco,Menlo,Courier New,monospace}.network-content{display:flex;flex:1;overflow:hidden}.network-list{flex:1;overflow-y:auto;padding:8px;border-right:1px solid rgba(63,63,70,.5)}.network-item{padding:8px 12px;margin-bottom:4px;background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:6px;cursor:pointer;transition:all .2s}.network-item:hover{background:#27272ab3;border-color:#71717a80}.network-item.selected{background:#3b82f61a;border-color:#3b82f680}.network-item.error{border-left:3px solid #ef4444}.network-item-main{display:flex;align-items:center;gap:8px}.network-type{padding:2px 6px;border-radius:3px;font-size:9px;font-weight:600;flex-shrink:0}.type-query{background:#3b82f633;color:#60a5fa}.type-mutation{background:#a855f733;color:#a78bfa}.type-action{background:#22c55e33;color:#4ade80}.network-path{flex:1;color:#e4e4e7;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-args{max-width:180px;color:#9ca3af;font-size:10px;font-family:Monaco,Menlo,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.network-status{font-size:11px}.network-duration{color:#a1a1aa;font-family:Monaco,Menlo,Courier New,monospace;font-size:10px;flex-shrink:0}.network-time{color:#71717a;font-size:10px;flex-shrink:0}.network-details{width:400px;max-width:50%;display:flex;flex-direction:column;background:#18181b80;overflow:hidden}.close-details{background:none;border:none;color:#a1a1aa;cursor:pointer;font-size:16px;padding:0}.close-details:hover{color:#e4e4e7}.detail-label{color:#a1a1aa;font-size:11px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.detail-value.code{font-family:Monaco,Menlo,Courier New,monospace;color:#a78bfa}.error-message{background:#ef44441a;border:1px solid rgba(239,68,68,.3);border-left:3px solid #ef4444;border-radius:4px;padding:8px;color:#f87171;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;line-height:1.5}.console-output{background:#18181bcc;border:1px solid rgba(63,63,70,.5);border-radius:6px;padding:8px;max-height:150px;overflow-y:auto}.console-line{color:#a1a1aa;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;line-height:1.4;padding:2px 0}.timeline-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.timeline-controls{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#27272a4d;border-bottom:1px solid rgba(63,63,70,.5)}.zoom-controls{display:flex;align-items:center;gap:8px}.zoom-btn{padding:4px 10px;background:#3f3f4680;border:1px solid rgba(113,113,122,.3);border-radius:4px;color:#a1a1aa;cursor:pointer;transition:all .2s;font-size:12px;font-weight:600}.zoom-btn:hover{background:#3f3f46cc;color:#e4e4e7}.zoom-level{color:#a1a1aa;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;min-width:50px;text-align:center}.time-range{display:flex;align-items:center;gap:8px;color:#a1a1aa;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px}.duration{color:#71717a}.timeline-content{flex:1;overflow-x:auto;overflow-y:auto;padding:16px}.timeline-row{display:flex;align-items:stretch;margin-bottom:16px;min-height:40px}.timeline-row-label{width:120px;flex-shrink:0;display:flex;align-items:center;gap:6px;padding-right:12px}.row-type{padding:3px 8px;border-radius:4px;font-size:10px;font-weight:600}.row-type.type-query{background:#3b82f633;color:#60a5fa}.row-type.type-mutation{background:#a855f733;color:#a78bfa}.row-type.type-action{background:#22c55e33;color:#4ade80}.row-type.type-subscription{background:#fbbf2433;color:#fbbf24}.row-count{color:#71717a;font-size:10px}.timeline-row-track{position:relative;flex:1;min-width:100%;height:40px;background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:6px}.timeline-event{position:absolute;top:50%;transform:translateY(-50%);width:8px;height:8px;border-radius:50%;cursor:pointer;transition:all var(--devtools-transition-base);border:2px solid rgba(24,24,27,.6);box-shadow:0 1px 2px #0003}.timeline-event:hover{transform:translateY(-50%) scale(1.6);z-index:10;box-shadow:0 2px 4px #0000004d}.timeline-event.selected{transform:translateY(-50%) scale(2);border-color:var(--devtools-text-primary);z-index:20;box-shadow:0 0 0 2px #3b82f64d,0 3px 6px #0006}.timeline-event.error{opacity:.5}.timeline-details{padding:16px;background:#27272a80;border-top:1px solid rgba(63,63,70,.5)}.detail-item{display:flex;align-items:baseline;gap:8px;margin-bottom:8px;font-size:12px}.detail-item .detail-label{color:#a1a1aa;font-weight:600;min-width:80px}.detail-item .detail-value{color:#e4e4e7;font-family:Monaco,Menlo,Courier New,monospace}.detail-item .detail-value.code{color:#a78bfa}.detail-item .type-query{color:#60a5fa}.detail-item .type-mutation{color:#a78bfa}.detail-item .type-action,.detail-item .status-success{color:#4ade80}.detail-item .status-error{color:#f87171}.settings-panel{flex:1;overflow-y:auto;padding:16px}.settings-section{margin-bottom:24px;padding-bottom:24px;border-bottom:1px solid rgba(63,63,70,.5)}.settings-section:last-child{border-bottom:none}.section-title{margin:0 0 16px;font-size:14px;font-weight:600;color:var(--devtools-text-primary);letter-spacing:-.1px}.setting-item{margin-bottom:16px}.setting-item:last-child{margin-bottom:0}.setting-label{display:flex;align-items:center;gap:8px;color:#e4e4e7;font-size:13px;cursor:pointer;-webkit-user-select:none;user-select:none}.setting-label input[type=checkbox]{cursor:pointer}.setting-label input[type=number]{margin-left:auto}.setting-input{width:80px;padding:5px 8px;background:#27272acc;border:1px solid var(--devtools-border-light);border-radius:5px;color:var(--devtools-text-secondary);font-size:12px;font-family:Monaco,Menlo,Fira Code,Courier New,monospace;transition:all var(--devtools-transition-fast);font-variant-numeric:tabular-nums}.setting-input:focus{outline:none;border-color:#3b82f680;box-shadow:0 0 0 3px #3b82f60d}.setting-description{margin:6px 0 0;color:#71717a;font-size:11px;line-height:1.5}.setting-actions{display:flex;gap:8px;flex-wrap:wrap;margin-bottom:12px}.action-button{padding:8px 16px;background:#3f3f4680;border:1px solid var(--devtools-border-light);border-radius:7px;color:var(--devtools-text-secondary);cursor:pointer;transition:all var(--devtools-transition-base);font-size:12px;font-weight:500;box-shadow:0 1px 2px #0000001a}.action-button:hover{background:#3f3f46b3;border-color:#71717a80;transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.action-button:active{transform:translateY(0)}.action-button.danger{border-color:#ef444480;color:#f87171}.action-button.danger:hover{background:#ef44441a;border-color:#ef4444b3}.record-button{width:100%;padding:12px 16px;background:#3f3f4680;border:1px solid var(--devtools-border-light);border-radius:7px;color:var(--devtools-text-secondary);cursor:pointer;transition:all var(--devtools-transition-base);font-size:13px;font-weight:600;margin-bottom:8px;box-shadow:0 1px 2px #0000001a}.record-button.recording{border-color:#3b82f680;color:var(--devtools-query);background:#3b82f61a;box-shadow:0 0 0 1px #3b82f633,0 2px 4px #3b82f61a}.record-button.paused{border-color:#fbbf2480;color:var(--devtools-warning);background:#fbbf241a;box-shadow:0 0 0 1px #fbbf2433,0 2px 4px #fbbf241a}.record-button:hover{background:#3f3f46b3;transform:translateY(-1px);box-shadow:0 2px 4px #00000026}.record-button:active{transform:translateY(0)}.snapshots-list{margin-top:12px}.snapshots-title{margin:0 0 8px;font-size:12px;font-weight:600;color:#a1a1aa;text-transform:uppercase;letter-spacing:.5px}.snapshot-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:6px;margin-bottom:6px}.snapshot-info{display:flex;flex-direction:column;gap:2px}.snapshot-time{color:#e4e4e7;font-size:12px}.snapshot-events{color:#71717a;font-size:10px;font-family:Monaco,Menlo,Courier New,monospace}.snapshot-restore{padding:4px 12px;background:#3b82f633;border:1px solid rgba(59,130,246,.3);border-radius:4px;color:#60a5fa;cursor:pointer;transition:all .2s;font-size:11px;font-weight:600}.snapshot-restore:hover{background:#3b82f64d;border-color:#3b82f680}.shortcuts-list{display:flex;flex-direction:column;gap:8px}.shortcut-item{display:flex;align-items:center;justify-content:space-between;padding:8px 12px;background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:6px;font-size:12px}.shortcut-item kbd{padding:3px 8px;background:#18181bcc;border:1px solid rgba(113,113,122,.3);border-radius:4px;color:#a1a1aa;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px}.shortcut-item span{color:#e4e4e7}.about-info{color:#a1a1aa;font-size:12px;line-height:1.6}.about-info p{margin:0 0 8px}.about-info strong{color:#e4e4e7;font-size:14px}.activity-panel{display:flex;flex-direction:column;height:100%;overflow:hidden}.activity-header-compact{padding:6px 12px;background:#27272a4d;border-bottom:1px solid rgba(63,63,70,.4)}.stats-compact{display:flex;align-items:center;gap:8px;font-size:11px;font-family:Monaco,Menlo,Courier New,monospace}.stat-compact{display:flex;align-items:center;gap:4px}.stat-compact.cdv-stat-clickable{background:none;border:none;padding:4px 6px;border-radius:4px;cursor:pointer;transition:all .15s ease}.stat-compact.cdv-stat-clickable:hover{background:#3f3f4659;transform:translateY(-1px);box-shadow:0 1px 2px #0000001a}.stat-compact.cdv-stat-clickable.cdv-active{background:#3b82f62e;box-shadow:0 0 0 1px #3b82f659,0 1px 2px #3b82f626}.stat-compact.cdv-stat-clickable.cdv-active .stat-value-compact,.stat-compact.cdv-stat-clickable.cdv-active .stat-icon{font-weight:700}.stat-label-compact{color:#71717a;font-weight:500;font-size:10px}.stat-value-compact{color:var(--devtools-text-secondary);font-weight:700;font-size:11px;font-variant-numeric:tabular-nums}.stat-icon{color:#71717a;font-size:10px;font-weight:600}.stat-divider{color:#71717a4d;font-size:10px;margin:0 2px}.stat-compact.stat-query .stat-value-compact{color:#60a5fa}.stat-compact.stat-mutation .stat-value-compact{color:#a78bfa}.stat-compact.stat-action .stat-value-compact{color:#34d399}.stat-compact.stat-error .stat-value-compact{color:#f87171}.stat-compact.stat-perf .stat-icon,.stat-compact.stat-throughput .stat-icon{color:#fbbf24}.activity-header{padding:10px 16px;background:#27272a4d;border-bottom:1px solid rgba(63,63,70,.5)}.activity-stats{display:flex;gap:16px;flex-wrap:wrap}.stat{display:flex;flex-direction:column;gap:4px;font-size:11px}.stat-label{color:#71717a;font-weight:500;text-transform:uppercase;letter-spacing:.5px;font-size:10px}.stat-value{color:#e4e4e7;font-weight:700;font-size:18px;font-family:Monaco,Menlo,Courier New,monospace}.stat-query .stat-value{color:#60a5fa}.stat-mutation .stat-value{color:#a78bfa}.stat-action .stat-value{color:#4ade80}.stat-error .stat-value{color:#f87171}.filter-count{background:#71717a33;padding:1px 5px;border-radius:6px;font-size:10px;font-weight:600;margin-left:4px}.filter-button.active .filter-count{background:#3b82f633;color:#93c5fd}.quick-actions{display:flex;align-items:center;gap:8px}.quick-action-btn{display:flex;align-items:center;justify-content:center;width:32px;height:32px;padding:0;background:#3f3f4659;border:1px solid var(--devtools-border-light);border-radius:7px;color:var(--devtools-text-muted);cursor:pointer;transition:all var(--devtools-transition-base);position:relative;overflow:hidden;box-shadow:0 1px 2px #0000000d}.quick-action-btn:before{content:"";position:absolute;top:50%;left:50%;width:0;height:0;border-radius:50%;background:#ffffff1a;transform:translate(-50%,-50%);transition:width .3s,height .3s}.quick-action-btn:hover:before{width:50px;height:50px}.quick-action-btn:hover{background:#3f3f468c;border-color:#71717a80;color:var(--devtools-text-secondary);transform:translateY(-1px) scale(1.05);box-shadow:0 2px 4px #0003}.quick-action-btn:active{transform:translateY(0)}.view-toggle-group{display:flex;gap:4px;background:#27272a8c;border:1px solid var(--devtools-border-light);border-radius:8px;padding:3px;box-shadow:0 1px 2px #0000000d}.view-toggle-btn{padding:4px 8px;background:transparent;border:none;border-radius:4px;color:var(--devtools-text-muted);cursor:pointer;transition:all var(--devtools-transition-base);display:flex;align-items:center;justify-content:center}.view-toggle-btn:hover{background:#3f3f4680;color:var(--devtools-text-tertiary)}.view-toggle-btn.active{background:#3b82f638;color:var(--devtools-query);box-shadow:0 0 0 1px #3b82f64d}.activity-content{display:flex;flex:1;overflow:hidden}.activity-list{flex:1;overflow-y:auto;padding:6px 8px;contain:layout style;transform:translateZ(0)}.activity-item-compact{padding:5px 8px;margin-bottom:2px;background:#27272a59;border-left:2px solid transparent;border-radius:4px;cursor:pointer;transition:transform var(--devtools-transition-fast),background-color var(--devtools-transition-fast),border-color var(--devtools-transition-fast);font-size:11px;font-family:Monaco,Menlo,Fira Code,Courier New,monospace;line-height:1.4;font-feature-settings:"liga" 1,"calt" 1;animation:staggerFadeIn .3s var(--devtools-spring-subtle) backwards;opacity:0;will-change:transform,background-color,border-color}@keyframes staggerFadeIn{0%{opacity:0;transform:translate(-8px)}to{opacity:1;transform:translate(0)}}.activity-item-compact:nth-child(1){animation-delay:0s;opacity:1}.activity-item-compact:nth-child(2){animation-delay:.02s;opacity:1}.activity-item-compact:nth-child(3){animation-delay:.04s;opacity:1}.activity-item-compact:nth-child(4){animation-delay:.06s;opacity:1}.activity-item-compact:nth-child(5){animation-delay:.08s;opacity:1}.activity-item-compact:nth-child(n+6){animation-delay:.1s;opacity:1}.activity-item-compact:hover{background:#3434378c;border-left-color:#71717a99;box-shadow:0 1px 2px #0000001a;transform:translate(2px);transition:all .2s var(--devtools-spring-subtle)}.activity-item-compact.selected{background:#3b82f62e;border-left-color:var(--devtools-info);box-shadow:0 1px 3px #3b82f626}.activity-item-compact.focused{outline:1px solid rgba(59,130,246,.4);outline-offset:-1px}.activity-item-compact.success{border-left-color:#34d3994d}.activity-item-compact.error{border-left-color:#f8717180;background:#f871710d}.activity-item-compact.is-update{opacity:.75}.activity-item-compact.is-update:hover{opacity:1}.activity-row-compact{display:flex;align-items:center;gap:6px;min-height:20px}.type-badge-compact{display:inline-flex;align-items:center;justify-content:center;width:16px;height:16px;font-size:9px;font-weight:700;border-radius:3px;flex-shrink:0}.type-badge-compact.query{background:var(--devtools-query-bg);color:var(--devtools-query);box-shadow:0 1px 2px #60a5fa33}.type-badge-compact.mutation{background:var(--devtools-mutation-bg);color:var(--devtools-mutation);box-shadow:0 1px 2px #a78bfa33}.type-badge-compact.action{background:var(--devtools-action-bg);color:var(--devtools-action);box-shadow:0 1px 2px #34d39933}.status-dot{width:6px;height:6px;border-radius:50%;flex-shrink:0;box-shadow:0 0 0 1px #0000001a}.status-dot.success{background:var(--devtools-success);box-shadow:0 0 0 1px #22c55e4d,0 0 4px #22c55e33}.status-dot.error{background:var(--devtools-error);box-shadow:0 0 0 1px #ef44444d,0 0 4px #ef444433;animation:errorPulse 2s cubic-bezier(.4,0,.6,1) infinite}.status-dot.pending{background:var(--devtools-warning);box-shadow:0 0 0 1px #f59e0b4d,0 0 4px #f59e0b33;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes errorPulse{0%,to{opacity:1}50%{opacity:.5}}.cdv-function-call-compact{flex:1;min-width:0;display:flex;align-items:baseline;gap:2px;overflow:hidden}.function-path-compact{color:var(--devtools-text-secondary);font-weight:500;flex-shrink:0;font-feature-settings:"liga" 1,"calt" 1}.cdv-args-preview-inline{color:#a1a1aa;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;display:flex;align-items:baseline}.cdv-args-paren{color:#a1a1aa66;font-weight:400}.cdv-args-content{color:#a1a1aa;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.args-preview{color:#a1a1aa;font-size:10px;max-width:150px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex-shrink:1}.activity-meta-compact{display:flex;align-items:center;gap:6px;margin-left:auto;flex-shrink:0}.update-badge-compact{display:inline-flex;align-items:center;padding:1px 4px;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:3px;color:#fbbf24;font-size:9px;font-weight:600}.result-info-compact{color:#71717a;font-size:9px;font-weight:600}.duration-compact{color:var(--devtools-text-tertiary);font-size:10px;font-weight:600;min-width:35px;text-align:right;font-feature-settings:"tnum" 1;font-variant-numeric:tabular-nums}.duration-compact.update-duration{color:#fbbf24;opacity:.8}.time-compact{color:#71717a;font-size:9px;font-weight:500;min-width:65px;text-align:right}.activity-item{padding:12px 14px;margin-bottom:6px;background:linear-gradient(135deg,#27272a80,#27272a66);border:1px solid rgba(63,63,70,.5);border-radius:10px;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);position:relative;overflow:hidden}.activity-item:before{content:"";position:absolute;top:0;left:0;width:3px;height:100%;background:transparent;transition:background .2s}.activity-item:hover{background:linear-gradient(135deg,#27272ab3,#27272a99);border-color:#71717a99;transform:translate(3px);box-shadow:0 4px 8px #0003}.activity-item.focused{border-color:#3b82f666;box-shadow:0 0 0 2px #3b82f626,0 2px 4px #0000001a}.activity-item.selected{background:linear-gradient(135deg,#3b82f61f,#3b82f614);border-color:#3b82f699;box-shadow:0 0 0 1px #3b82f64d,0 4px 8px #3b82f633}.activity-item.selected:before{background:linear-gradient(180deg,#60a5fa,#3b82f6)}.activity-item.error:before{background:linear-gradient(180deg,#f87171,#ef4444)}.activity-item.error{border-left-color:#ef444499}.activity-item:focus-visible{outline:2px solid rgba(59,130,246,.5);outline-offset:2px}.activity-item.is-update{opacity:.85}.activity-item.is-update:hover{opacity:1}.update-indicator{display:inline-flex;align-items:center;padding:2px 6px;background:#fbbf2426;border:1px solid rgba(251,191,36,.3);border-radius:4px;color:#fbbf24;font-size:9px;font-weight:700;letter-spacing:.3px;margin-left:6px;animation:updatePulse .3s ease-out}@keyframes updatePulse{0%{transform:scale(.95);opacity:0}50%{transform:scale(1.05)}to{transform:scale(1);opacity:1}}.update-duration{color:#a1a1aa!important;opacity:.7}.duration-label{color:#fbbf24;font-weight:700;margin-right:2px;font-size:11px}.activity-item-main{display:flex;align-items:center;justify-content:space-between;gap:12px}.activity-item-left{display:flex;align-items:center;gap:10px;flex:1;min-width:0}.activity-item-right{display:flex;align-items:center;gap:8px;flex-shrink:0}.activity-badge{padding:4px 10px;border-radius:6px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.6px;flex-shrink:0;position:relative;overflow:hidden;transition:all .2s}.activity-badge:before{content:"";position:absolute;top:0;left:-100%;width:100%;height:100%;background:linear-gradient(90deg,transparent,rgba(255,255,255,.15),transparent);transition:left .5s}.activity-item:hover .activity-badge:before{left:100%}.activity-badge.query{background:linear-gradient(135deg,#3b82f633,#3b82f61f);color:#60a5fa;border:1px solid rgba(59,130,246,.4);box-shadow:0 2px 4px #3b82f61a}.activity-badge.mutation{background:linear-gradient(135deg,#a855f733,#a855f71f);color:#a78bfa;border:1px solid rgba(168,85,247,.4);box-shadow:0 2px 4px #a855f71a}.activity-badge.action{background:linear-gradient(135deg,#22c55e33,#22c55e1f);color:#4ade80;border:1px solid rgba(34,197,94,.4);box-shadow:0 2px 4px #22c55e1a}.activity-path{color:#e4e4e7;font-family:Monaco,Menlo,Courier New,monospace;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.status-icon{flex-shrink:0}.status-icon.success{color:#4ade80}.status-icon.error{color:#f87171}.status-icon.pending{color:#71717a}.activity-duration{color:#a1a1aa;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;flex-shrink:0}.activity-time{color:#71717a;font-size:10px;flex-shrink:0}.detail-overview{display:flex;flex-direction:column;gap:8px;padding-bottom:12px;margin-bottom:12px;border-bottom:1px solid rgba(63,63,70,.35)}.overview-top{display:flex;align-items:center;gap:8px;font-size:11px}.overview-type{display:inline-flex;align-items:center;justify-content:center;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:600;letter-spacing:.5px;text-transform:uppercase;border:1px solid transparent}.overview-type.query{background:#3b82f62e;border-color:#3b82f659;color:#93c5fd}.overview-type.mutation{background:#a855f729;border-color:#a855f759;color:#c4b5fd}.overview-type.action{background:#22c55e29;border-color:#22c55e59;color:#86efac}.overview-status{display:inline-flex;align-items:center;gap:4px;padding:2px 8px;border-radius:9999px;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;color:#d4d4d8;border:1px solid rgba(82,82,91,.5)}.overview-status.success{background:#22c55e2e;border-color:#22c55e73;color:#4ade80}.overview-status.error{background:#f8717129;border-color:#f8717173;color:#fca5a5}.overview-status.pending{background:#71717a2e;border-color:#71717a73;color:#d4d4d8}.overview-status .status-icon{width:11px;height:11px}.overview-time{margin-left:auto;font-size:10px;color:#9ca3af}.overview-path{display:flex;align-items:center;gap:6px;min-width:0}.overview-path-text{flex:1;min-width:0;color:#f4f4f5;font-size:12px;font-family:Monaco,Menlo,Courier New,monospace;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.overview-copy{background:none;border:none;color:#71717a;display:flex;align-items:center;justify-content:center;width:22px;height:22px;border-radius:6px;cursor:pointer;transition:color .15s ease}.overview-copy:hover{color:#fff}.overview-meta{display:flex;flex-wrap:wrap;gap:4px}.meta-chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:6px;font-size:10px;color:#cbd5f5;background:#2d2d3199;border:1px solid rgba(63,63,70,.5)}.overview-component{font-size:11px;color:#a78bfa;font-family:Monaco,Menlo,Courier New,monospace;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.activity-hover-card{position:fixed;z-index:999999;width:300px;max-width:calc(100vw - 32px);background:#131316fa;border:1px solid var(--devtools-border);border-radius:10px;padding:12px;box-shadow:0 12px 24px -12px #000000a6,0 4px 12px -10px #0000008c,0 0 0 1px #ffffff0a;pointer-events:none;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);color:var(--devtools-text-secondary);font-size:12px;line-height:1.5;animation:hoverCardFade .25s var(--devtools-spring-subtle) backwards;will-change:transform,opacity;transform:translateZ(0)}@keyframes hoverCardFade{0%{opacity:0;transform:translateY(6px) scale(.98)}to{opacity:1;transform:translateY(0) scale(1)}}.hover-row{display:flex;align-items:center;gap:8px;margin-bottom:6px}.hover-type-dot{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:9999px;font-size:10px;font-weight:600;text-transform:uppercase;border:1px solid transparent}.hover-type-dot.query{background:#3b82f633;border-color:#3b82f666;color:#93c5fd}.hover-type-dot.mutation{background:#a855f72e;border-color:#a855f766;color:#c4b5fd}.hover-type-dot.action{background:#22c55e2e;border-color:#22c55e66;color:#86efac}.hover-title{flex:1;min-width:0;font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-size:12px;color:var(--devtools-text-primary);white-space:nowrap;overflow:hidden;text-overflow:ellipsis;font-feature-settings:"liga" 1,"calt" 1}.hover-status-chip{display:inline-flex;align-items:center;gap:4px;padding:2px 6px;border-radius:9999px;font-size:10px;font-weight:600;letter-spacing:.4px;text-transform:uppercase;border:1px solid rgba(82,82,91,.5);color:#d4d4d8}.hover-status-chip.success{border-color:#22c55e66;color:#4ade80}.hover-status-chip.error{border-color:#f8717166;color:#fca5a5}.hover-status-chip.pending{border-color:#71717a66;color:#d4d4d8}.hover-status-chip .status-icon{width:10px;height:10px}.hover-meta-row{display:flex;flex-wrap:wrap;gap:4px;margin-bottom:6px}.hover-chip{display:inline-flex;align-items:center;padding:2px 6px;border-radius:6px;font-size:10px;color:#b5b5c0;background:#ffffff0a;border:1px solid rgba(63,63,70,.5)}.hover-component{font-size:11px;color:#a78bfa;font-family:Monaco,Menlo,Courier New,monospace;margin-bottom:6px;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.hover-detail{display:flex;align-items:flex-start;gap:6px;font-size:11px;color:#e4e4e7;margin-bottom:6px}.hover-detail:last-child{margin-bottom:0}.hover-block{display:flex;flex-direction:column;gap:4px;margin-bottom:6px}.hover-block:last-child{margin-bottom:0}.hover-label-row{display:flex;align-items:baseline;gap:6px;min-width:0}.hover-summary{font-size:10px;color:#9ca3af;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;flex:1}.hover-size{font-size:10px;color:#9ca3af}.hover-snippet{margin:0;padding:8px;border-radius:6px;background:#1f1f23e6;border:1px solid var(--devtools-border-light);font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-size:11px;color:var(--devtools-text-secondary);max-height:140px;overflow:auto;white-space:pre-wrap;line-height:1.5;font-feature-settings:"liga" 1,"calt" 1;-moz-tab-size:2;tab-size:2}.hover-snippet::-webkit-scrollbar{width:6px}.hover-snippet::-webkit-scrollbar-thumb{background:#71717a66;border-radius:3px}.hover-snippet::-webkit-scrollbar-thumb:hover{background:#71717a99}.cdv-json-key{color:#93c5fd;font-weight:500}.cdv-json-string{color:#86efac}.cdv-json-number{color:#fbbf24}.cdv-json-boolean{color:#c084fc;font-weight:600}.cdv-json-null{color:#f87171;font-style:italic}.cdv-json-value{color:#e4e4e7}.hover-label{color:#71717a;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.4px;margin-top:1px}.hover-value{flex:1;font-size:11px;color:#e4e4e7;line-height:1.4;word-break:break-word}.hover-value.error{color:#f87171}.hover-suffix{font-size:10px;color:#9ca3af;margin-left:4px}.activity-details{width:400px;max-width:50%;display:flex;flex-direction:column;background:#18181b99;border-left:1px solid var(--devtools-border-light);overflow:hidden;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px)}.details-header{display:flex;align-items:center;justify-content:space-between;padding:12px 16px;background:#27272a80;border-bottom:1px solid rgba(63,63,70,.5)}.details-header h4{margin:0;font-size:13px;font-weight:600;color:#fafafa}.close-details{background:none;border:none;color:var(--devtools-text-muted);cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:5px;transition:all var(--devtools-transition-base)}.close-details:hover{background:#3f3f4680;color:var(--devtools-text-secondary);transform:scale(1.1)}.close-details:active{transform:scale(.95)}.details-content{flex:1;overflow-y:auto;padding:16px}.detail-group{margin-bottom:16px}.detail-group:last-child{margin-bottom:0}.detail-label{color:#71717a;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px;margin-bottom:6px}.detail-badge{display:inline-block;padding:4px 10px;border-radius:6px;font-size:10px;font-weight:700;letter-spacing:.5px}.detail-badge.query{background:#3b82f633;color:#60a5fa}.detail-badge.mutation{background:#a855f733;color:#a78bfa}.detail-badge.action{background:#22c55e33;color:#4ade80}.detail-value{color:#e4e4e7;font-size:12px}.detail-value.code{font-family:Monaco,Menlo,Courier New,monospace;color:#a78bfa;word-break:break-all}.detail-value-row{display:flex;align-items:center;gap:8px}.detail-value.success{color:#4ade80}.detail-value.error{color:#f87171}.subscription-context{background:linear-gradient(135deg,#fbbf2414,#fbbf240a);border:1px solid rgba(251,191,36,.3);border-radius:8px;padding:12px;margin-bottom:16px}.subscription-context-header{display:flex;align-items:center;gap:8px;margin-bottom:10px;color:#fbbf24;font-size:12px;font-weight:600}.subscription-context-header svg{flex-shrink:0}.subscription-context-info{display:flex;flex-direction:column;gap:6px;padding-left:24px}.context-item{display:flex;align-items:center;gap:6px;font-size:11px;color:#a1a1aa}.context-item span:first-child{color:#fbbf24;font-weight:600}.context-label{color:#71717a;font-weight:500}.timeline-view{flex:1;display:flex;flex-direction:column;overflow:hidden}.timeline-tracks{flex:1;overflow-y:auto;padding:16px}.timeline-track{display:flex;align-items:center;margin-bottom:20px;min-height:40px}.track-label{width:120px;display:flex;align-items:center;gap:8px;padding-right:16px;flex-shrink:0}.track-badge{padding:4px 10px;border-radius:5px;font-size:10px;font-weight:600;letter-spacing:.3px}.track-badge.query{background:#3b82f633;color:#60a5fa}.track-badge.mutation{background:#a855f733;color:#a78bfa}.track-badge.action{background:#22c55e33;color:#4ade80}.track-count{color:#71717a;font-size:10px;font-family:Monaco,Menlo,Courier New,monospace}.track-line{position:relative;flex:1;height:40px;background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:8px;overflow:visible}.timeline-dot{position:absolute;top:50%;transform:translateY(-50%);width:10px;height:10px;border-radius:50%;cursor:pointer;transition:all .2s cubic-bezier(.4,0,.2,1);border:2px solid rgba(24,24,27,.8);box-shadow:0 2px 4px #0003}.timeline-dot:hover{transform:translateY(-50%) scale(1.4);z-index:10;box-shadow:0 4px 8px #0000004d}.timeline-dot.selected{transform:translateY(-50%) scale(1.6);z-index:20;border-color:#fafafa;box-shadow:0 6px 12px #0006,0 0 0 2px #3b82f680}.timeline-dot.success{background:#4ade80}.timeline-dot.error{background:#f87171}.timeline-dot.pending{background:#71717a}.timeline-details-bottom{padding:12px 16px;background:#27272acc;border-top:1px solid rgba(63,63,70,.5);animation:slideUp .2s cubic-bezier(.4,0,.2,1)}@keyframes slideUp{0%{transform:translateY(20px);opacity:0}to{transform:translateY(0);opacity:1}}.timeline-detail-summary{display:flex;align-items:center;gap:12px;flex-wrap:wrap}.close-details-inline{margin-left:auto;background:none;border:none;color:#71717a;cursor:pointer;padding:4px;display:flex;align-items:center;justify-content:center;border-radius:4px;transition:all .2s}.close-details-inline:hover{background:#3f3f4680;color:#e4e4e7}.tab-icon{opacity:.7;transition:opacity .2s}.devtools-tab.active .tab-icon{opacity:1}.devtools-tab{gap:8px}.devtools-toggle .badge.error{background:#ef4444;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.7}}.tab-badge.error{background:#ef44444d;color:#f87171;animation:pulse 2s cubic-bezier(.4,0,.6,1) infinite}.empty-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center;color:var(--devtools-text-muted);animation:fadeIn .5s cubic-bezier(.4,0,.2,1);contain:layout style}@keyframes fadeIn{0%{opacity:0;transform:translateY(10px)}to{opacity:1;transform:translateY(0)}}.empty-state svg{margin-bottom:20px;opacity:.5;animation:float 3s cubic-bezier(.4,0,.2,1) infinite;filter:drop-shadow(0 2px 4px rgba(0,0,0,.1))}@keyframes float{0%,to{transform:translateY(0)}50%{transform:translateY(-10px)}}.empty-state p{margin:0 0 10px;font-size:15px;font-weight:600;color:var(--devtools-text-tertiary);letter-spacing:-.1px}.empty-hint{font-size:12px;color:#52525b;max-width:300px;line-height:1.5}.loading-state{display:flex;flex-direction:column;align-items:center;justify-content:center;padding:80px 32px;text-align:center}.loading-spinner{width:40px;height:40px;border:3px solid rgba(113,113,122,.2);border-top-color:var(--devtools-query);border-radius:50%;animation:spin .8s cubic-bezier(.4,0,.2,1) infinite;margin-bottom:16px;box-shadow:0 0 8px #60a5fa33}@keyframes spin{to{transform:rotate(360deg)}}.loading-text{color:#71717a;font-size:13px;font-weight:500;animation:pulse 2s ease-in-out infinite}@keyframes pulse{0%,to{opacity:1}50%{opacity:.5}}.activity-list::-webkit-scrollbar,.timeline-tracks::-webkit-scrollbar,.details-content::-webkit-scrollbar{width:6px}.activity-list::-webkit-scrollbar-track,.timeline-tracks::-webkit-scrollbar-track,.details-content::-webkit-scrollbar-track{background:transparent}.activity-list::-webkit-scrollbar-thumb,.timeline-tracks::-webkit-scrollbar-thumb,.details-content::-webkit-scrollbar-thumb{background:#71717a66;border-radius:3px;transition:background .2s}.activity-list::-webkit-scrollbar-thumb:hover,.timeline-tracks::-webkit-scrollbar-thumb:hover,.details-content::-webkit-scrollbar-thumb:hover{background:#71717a99}.performance-panel-compact{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:10px 12px;gap:12px;font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-feature-settings:"tnum" 1,"liga" 1}.perf-summary-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#27272a80;border:1px solid var(--devtools-border-light);border-radius:8px;font-size:11px;box-shadow:0 1px 2px #0000001a}.perf-label{color:var(--devtools-text-muted);font-weight:600}.perf-value{color:var(--devtools-text-secondary);font-weight:700;font-variant-numeric:tabular-nums}.perf-value.perf-query{color:var(--devtools-query)}.perf-value.perf-mutation{color:var(--devtools-mutation)}.perf-value.perf-action{color:var(--devtools-action)}.perf-percent{color:#71717a;font-size:10px}.perf-divider{color:#71717a4d;margin:0 2px}.perf-table-compact{display:flex;flex-direction:column;border:1px solid var(--devtools-border-light);border-radius:8px;overflow:hidden;font-size:11px;box-shadow:0 1px 2px #0000001a;background:#18181b4d}.perf-table-header{display:grid;grid-template-columns:40px repeat(5,1fr);padding:8px 10px;background:#27272ab3;border-bottom:1px solid var(--devtools-border-light);font-weight:700;color:var(--devtools-text-muted);font-size:9px;text-transform:uppercase;letter-spacing:.5px}.perf-table-row{display:grid;grid-template-columns:40px repeat(5,1fr);padding:8px 10px;border-bottom:1px solid rgba(63,63,70,.3);transition:all var(--devtools-transition-fast);font-size:10px}.perf-table-row:last-child{border-bottom:none}.perf-table-row:hover{background:#34343780;transform:translate(2px)}.perf-type{color:var(--devtools-text-secondary);font-weight:700}.perf-avg,.perf-p50,.perf-p90,.perf-p95,.perf-p99{color:var(--devtools-text-tertiary);text-align:right;font-weight:600;font-variant-numeric:tabular-nums}.perf-row-query:hover .perf-type{color:#60a5fa}.perf-row-mutation:hover .perf-type{color:#a78bfa}.perf-row-action:hover .perf-type{color:#34d399}.slowest-compact{display:flex;flex-direction:column;gap:6px}.slowest-header-compact{font-size:11px;font-weight:700;color:#e4e4e7;text-transform:uppercase;letter-spacing:.5px}.slowest-list-compact{display:flex;flex-direction:column;gap:2px}.slowest-item-compact{display:grid;grid-template-columns:20px 20px 1fr 70px;gap:6px;align-items:center;padding:6px 8px;background:#27272a66;border:1px solid transparent;border-radius:6px;font-size:11px;transition:all var(--devtools-transition-fast)}.slowest-item-compact:hover{background:#3434378c;border-color:var(--devtools-border-light);box-shadow:0 1px 2px #0000001a}.slowest-rank{color:#71717a;font-size:10px;font-weight:700;text-align:center}.slowest-type{display:inline-flex;align-items:center;justify-content:center;width:18px;height:18px;border-radius:3px;font-size:9px;font-weight:700}.slowest-type.query{background:#60a5fa33;color:#60a5fa}.slowest-type.mutation{background:#a78bfa33;color:#a78bfa}.slowest-type.action{background:#34d39933;color:#34d399}.slowest-path{color:#e4e4e7;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;font-weight:500}.slowest-duration{color:var(--devtools-warning);font-weight:700;text-align:right;font-variant-numeric:tabular-nums}.slowest-bar-bg{grid-column:1 / -1;height:3px;background:#3f3f464d;border-radius:2px;overflow:hidden;margin-top:2px}.slowest-bar{height:100%;border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1)}.slowest-bar.slowest-bar-query{background:linear-gradient(90deg,#60a5fa,#3b82f6)}.slowest-bar.slowest-bar-mutation{background:linear-gradient(90deg,#a78bfa,#8b5cf6)}.slowest-bar.slowest-bar-action{background:linear-gradient(90deg,#34d399,#10b981)}.subscriptions-panel-compact{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:10px 12px;gap:12px;font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-feature-settings:"liga" 1,"calt" 1}.subs-summary-compact{display:flex;align-items:center;gap:6px;padding:8px 12px;background:#27272a80;border:1px solid var(--devtools-border-light);border-radius:8px;font-size:11px;box-shadow:0 1px 2px #0000001a}.subs-label{color:#71717a;font-weight:600}.subs-value{color:#60a5fa;font-weight:700}.subs-value.subs-error{color:#f87171}.subs-divider{color:#71717a4d;margin:0 2px}.subscriptions-list-compact{display:flex;flex-direction:column;gap:2px}.sub-item-compact{background:#27272a59;border-left:2px solid transparent;border-radius:5px;overflow:hidden;transition:all var(--devtools-transition-fast);box-shadow:0 1px 2px #0000000d;margin-bottom:2px}.sub-item-compact.active,.sub-item-compact.expanded{border-left-color:var(--devtools-query);background:#3b82f61a;box-shadow:0 1px 3px #3b82f626}.sub-item-compact.error{border-left-color:var(--devtools-error);background:var(--devtools-error-bg)}.sub-item-compact.focused{outline:1px solid rgba(59,130,246,.4);outline-offset:-1px;background:#3b82f626}.sub-item-compact.focused:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:-2px}.sub-row-compact{display:grid;grid-template-columns:35px 8px 1fr 100px auto;gap:6px;align-items:center;padding:4px 8px;cursor:pointer;font-size:11px;transition:all var(--devtools-transition-fast);font-family:Monaco,Menlo,Fira Code,Courier New,monospace;font-feature-settings:"liga" 1,"calt" 1}.sub-row-compact:hover{background:#34343780;transform:translate(2px)}.sub-row-compact:focus-visible{outline:2px solid rgba(59,130,246,.7);outline-offset:-2px;background:#3b82f626}.sub-id{color:#71717a;font-size:10px;font-weight:700;text-align:center}.sub-path{color:#e4e4e7;font-weight:500;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-args{color:#a1a1aa;font-size:10px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.sub-meta-compact{display:flex;align-items:center;gap:6px;font-size:10px}.sub-updates{color:#fbbf24;font-weight:600}.sub-time{color:#71717a;min-width:50px;text-align:right}.sub-expand{color:#71717a;font-size:9px}.sub-details-compact{padding:8px 12px 12px;border-top:1px solid rgba(63,63,70,.3);background:#18181b66;font-size:10px;display:flex;flex-direction:column;gap:8px;animation:subDetailsSlideDown .2s var(--devtools-spring-subtle)}@keyframes subDetailsSlideDown{0%{opacity:0;max-height:0;padding-top:0;padding-bottom:0}to{opacity:1;max-height:1000px;padding-top:8px;padding-bottom:12px}}.sub-detail-row{display:flex;align-items:center;gap:6px}.sub-detail-label{color:#71717a;font-weight:600;min-width:70px}.sub-detail-value{color:#e4e4e7}.sub-detail-error{color:#f87171;flex:1}.sub-copy-btn{margin-left:auto;padding:2px 6px;background:#71717a33;border:none;border-radius:3px;color:#a1a1aa;font-size:9px;font-weight:600;cursor:pointer;transition:all .15s}.sub-copy-btn:hover{background:#71717a4d;color:#e4e4e7}.sub-json-compact{background:#18181b99;border:1px solid rgba(63,63,70,.4);border-radius:4px;padding:6px;font-size:9px;color:#a1a1aa;overflow-x:auto;margin:0;max-height:200px;overflow-y:auto}.performance-panel{display:flex;flex-direction:column;height:100%;overflow-y:auto;padding:16px;gap:20px}.perf-summary{display:flex;gap:16px}.perf-summary-card{display:flex;gap:12px;padding:16px;background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:10px;flex-shrink:0}.perf-card-icon{display:flex;align-items:center;justify-content:center;width:40px;height:40px;background:#3b82f626;border-radius:8px;color:#60a5fa;flex-shrink:0}.perf-card-content{display:flex;flex-direction:column;gap:4px;justify-content:center}.perf-card-label{color:#71717a;font-size:10px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.perf-card-value{color:#fafafa;font-size:24px;font-weight:700;font-family:Monaco,Menlo,Courier New,monospace}.perf-breakdown{flex:1;display:flex;flex-direction:column;gap:10px;padding:16px;background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:10px}.breakdown-item{position:relative}.breakdown-bar{height:24px;border-radius:6px;transition:width .3s cubic-bezier(.4,0,.2,1);animation:barGrow .5s ease-out}@keyframes barGrow{0%{width:0;opacity:0}to{opacity:1}}.breakdown-query .breakdown-bar{background:linear-gradient(90deg,#3b82f64d,#3b82f626);border:1px solid rgba(59,130,246,.4)}.breakdown-mutation .breakdown-bar{background:linear-gradient(90deg,#a855f74d,#a855f726);border:1px solid rgba(168,85,247,.4)}.breakdown-action .breakdown-bar{background:linear-gradient(90deg,#22c55e4d,#22c55e26);border:1px solid rgba(34,197,94,.4)}.breakdown-label{position:absolute;top:0;left:0;right:0;height:24px;display:flex;align-items:center;justify-content:space-between;padding:0 10px;font-size:11px;font-weight:600;color:#e4e4e7}.breakdown-count{font-family:Monaco,Menlo,Courier New,monospace;color:#a1a1aa;font-size:10px}.perf-metrics-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:12px}.perf-metric-card{padding:16px;background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:10px;transition:all .2s}.perf-metric-card:hover{border-color:#71717a80;background:#27272ab3;transform:translateY(-2px);box-shadow:0 4px 6px #0003}.perf-metric-query{border-left:3px solid rgba(59,130,246,.6)}.perf-metric-mutation{border-left:3px solid rgba(168,85,247,.6)}.perf-metric-action{border-left:3px solid rgba(34,197,94,.6)}.perf-metric-header{display:flex;align-items:center;gap:8px;margin-bottom:16px}.perf-metric-icon{color:#71717a}.perf-metric-query .perf-metric-icon{color:#60a5fa}.perf-metric-mutation .perf-metric-icon{color:#a78bfa}.perf-metric-action .perf-metric-icon{color:#4ade80}.perf-metric-title{color:#e4e4e7;font-size:12px;font-weight:600}.perf-metric-stats{display:flex;gap:16px}.perf-stat{display:flex;flex-direction:column;gap:4px}.perf-stat-label{color:#71717a;font-size:9px;font-weight:600;text-transform:uppercase;letter-spacing:.5px}.perf-stat-value{color:#fafafa;font-size:18px;font-weight:700;font-family:Monaco,Menlo,Courier New,monospace}.perf-slowest{display:flex;flex-direction:column;gap:12px}.perf-slowest-header{display:flex;align-items:center;justify-content:space-between}.perf-slowest-header h4{margin:0;font-size:14px;font-weight:600;color:#fafafa}.perf-slowest-count{color:#71717a;font-size:11px;font-family:Monaco,Menlo,Courier New,monospace}.perf-slowest-list{display:flex;flex-direction:column;gap:8px}.perf-slowest-item{display:flex;gap:12px;padding:12px;background:#27272a80;border:1px solid rgba(63,63,70,.5);border-radius:8px;transition:all .2s}.perf-slowest-item:hover{border-color:#71717a80;background:#27272ab3}.perf-slowest-rank{display:flex;align-items:center;justify-content:center;width:32px;height:32px;background:#3b82f626;color:#60a5fa;border-radius:6px;font-size:12px;font-weight:700;flex-shrink:0}.perf-slowest-content{flex:1;display:flex;flex-direction:column;gap:8px;min-width:0}.perf-slowest-top{display:flex;align-items:center;gap:10px}.perf-slowest-badge{padding:2px 7px;border-radius:4px;font-size:9px;font-weight:700;text-transform:uppercase;letter-spacing:.5px;flex-shrink:0}.perf-slowest-badge.query{background:#3b82f633;color:#60a5fa}.perf-slowest-badge.mutation{background:#a855f733;color:#a78bfa}.perf-slowest-badge.action{background:#22c55e33;color:#4ade80}.perf-slowest-path{flex:1;color:#e4e4e7;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.perf-slowest-duration{color:#a1a1aa;font-family:Monaco,Menlo,Courier New,monospace;font-size:11px;font-weight:600;flex-shrink:0}.perf-slowest-bar-container{height:4px;background:#3f3f4680;border-radius:2px;overflow:hidden}.perf-slowest-bar{height:100%;border-radius:2px;transition:width .3s cubic-bezier(.4,0,.2,1);animation:barSlide .5s ease-out}@keyframes barSlide{0%{width:0}}.perf-slowest-bar-query{background:linear-gradient(90deg,#3b82f6,#60a5fa)}.perf-slowest-bar-mutation{background:linear-gradient(90deg,#a855f7,#a78bfa)}.perf-slowest-bar-action{background:linear-gradient(90deg,#22c55e,#4ade80)}:root{--trello-blue: #0079bf;--trello-blue-dark: #005a8f;--trello-blue-light: #0098da;--text-primary: #172b4d;--text-secondary: #6b778c;--text-tertiary: #8993a4;--bg-white: #ffffff;--bg-gray: #f4f5f7;--bg-gray-light: #f8f9fa;--border-light: rgba(0, 0, 0, .08);--border-medium: rgba(0, 0, 0, .12);--space-xs: 4px;--space-sm: 8px;--space-md: 12px;--space-lg: 16px;--space-xl: 20px;--space-2xl: 24px;--font-family: "Inter", -apple-system, BlinkMacSystemFont, "Segoe UI", "Roboto", sans-serif;--font-size-xs: 11px;--font-size-sm: 12px;--font-size-base: 14px;--font-size-md: 15px;--font-size-lg: 16px;--font-size-xl: 20px;--shadow-sm: 0 1px 3px rgba(0, 0, 0, .12);--shadow-md: 0 2px 8px rgba(0, 0, 0, .1);--shadow-lg: 0 4px 16px rgba(0, 0, 0, .12);--shadow-xl: 0 8px 32px rgba(0, 0, 0, .15);--transition-fast: .15s ease;--transition-base: .2s ease;--transition-slow: .3s ease;--radius-sm: 6px;--radius-md: 8px;--radius-lg: 10px;--radius-xl: 12px}*{box-sizing:border-box}body{margin:0;font-family:var(--font-family);-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background:var(--trello-blue);background-image:linear-gradient(135deg,var(--trello-blue) 0%,var(--trello-blue-dark) 100%);color:var(--text-primary);line-height:1.5;font-weight:400;font-size:var(--font-size-base);letter-spacing:-.01em}.app-container{min-height:100vh;background:var(--trello-blue);background-image:linear-gradient(135deg,var(--trello-blue) 0%,var(--trello-blue-dark) 100%);display:flex;flex-direction:column}.app-header{background:#ffffff1a;backdrop-filter:blur(16px) saturate(180%);-webkit-backdrop-filter:blur(16px) saturate(180%);border-bottom:1px solid rgba(255,255,255,.2);padding:var(--space-md) var(--space-xl);display:flex;align-items:center;justify-content:space-between;flex-shrink:0;min-height:56px;box-shadow:0 2px 8px #0000000d}.header-left{display:flex;align-items:center;gap:var(--space-lg)}.header-right{display:flex;align-items:center;gap:var(--space-sm)}.app-title{font-size:var(--font-size-xl);font-weight:700;color:#fff;margin:0;font-family:var(--font-family);letter-spacing:-.02em;text-shadow:0 1px 2px rgba(0,0,0,.1)}.search-input{padding:10px 14px;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);background:#ffffff26;-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);font-size:var(--font-size-base);font-weight:400;width:240px;color:#fff;transition:all var(--transition-base);font-family:var(--font-family)}.search-input:focus{outline:none;border-color:#fff9;background:#ffffff40;box-shadow:0 0 0 3px #ffffff26,0 2px 8px #0000001a;width:280px}.search-input::placeholder{color:#ffffffbf;font-weight:400}.header-button{background:#ffffff26;border:1px solid rgba(255,255,255,.3);border-radius:var(--radius-md);padding:8px 14px;cursor:pointer;font-size:var(--font-size-sm);font-weight:500;color:#fff;transition:all var(--transition-base);font-family:var(--font-family);white-space:nowrap;display:flex;align-items:center;gap:var(--space-xs)}.header-button:hover{background:#ffffff40;border-color:#ffffff80;transform:translateY(-1px);box-shadow:0 2px 8px #00000026}.header-button:active{transform:translateY(0)}.columns-container{display:flex;gap:var(--space-lg);align-items:flex-start;padding:var(--space-lg) var(--space-xl);flex:1;overflow-x:auto;overflow-y:hidden;min-height:0}.columns-container::-webkit-scrollbar{height:12px}.columns-container::-webkit-scrollbar-track{background:#ffffff1a;border-radius:6px}.columns-container::-webkit-scrollbar-thumb{background:#ffffff4d;border-radius:6px}.columns-container::-webkit-scrollbar-thumb:hover{background:#ffffff80}.column{background:var(--bg-gray);padding:var(--space-md);flex:0 0 280px;min-width:280px;max-width:280px;border-radius:var(--radius-xl);display:flex;flex-direction:column;box-shadow:var(--shadow-md);transition:box-shadow var(--transition-base);min-height:40px}.column:hover{box-shadow:var(--shadow-lg)}.column-title{text-transform:none;padding:var(--space-md) var(--space-md);margin:0 0 var(--space-md) 0;font-weight:600;color:var(--text-primary);font-size:var(--font-size-md);letter-spacing:-.01em;background:transparent;border-radius:var(--radius-md);text-align:left;display:flex;align-items:center;justify-content:space-between;font-family:var(--font-family);line-height:1.4}.column-header-icons{display:flex;align-items:center;gap:var(--space-sm);opacity:.6}.column-icon{font-size:var(--font-size-sm);color:var(--text-secondary);cursor:pointer;padding:4px;border-radius:var(--radius-sm);transition:all var(--transition-base)}.column-icon:hover{opacity:1;background:#00000014}.tasks-container{flex-grow:1;min-height:8px;padding:0;display:flex;flex-direction:column;gap:var(--space-sm)}.task{-webkit-user-select:none;user-select:none;padding:var(--space-md) 14px;background:var(--bg-white);color:var(--text-primary);border-radius:var(--radius-md);cursor:grab;transition:all var(--transition-base);display:flex;align-items:center;justify-content:space-between;font-weight:400;font-size:var(--font-size-base);line-height:1.5;box-shadow:var(--shadow-sm);border:1px solid transparent;position:relative}.task:hover{background:var(--bg-gray-light);box-shadow:var(--shadow-md);transform:translateY(-2px);border-color:#0000000f}.task:active{cursor:grabbing}.task.dragging{opacity:.5;transform:rotate(2deg)}.delete-button{background:none;border:none;color:var(--text-secondary);cursor:pointer;padding:6px;border-radius:var(--radius-sm);transition:all var(--transition-base);font-size:16px;opacity:0;font-weight:400;width:28px;height:28px;display:flex;align-items:center;justify-content:center;flex-shrink:0;margin-left:var(--space-sm)}.task:hover .delete-button{opacity:1}.delete-button:hover{color:#de350b;background:#fdf2f2;transform:scale(1.15)}.delete-button:active{transform:scale(1.05)}.add-task-container{margin-top:var(--space-md);padding:0}.add-task-input{width:100%;box-sizing:border-box;padding:var(--space-md) 14px;border:none;border-radius:var(--radius-md);background:var(--bg-white);margin-bottom:var(--space-sm);font-size:var(--font-size-base);font-weight:400;color:var(--text-primary);transition:all var(--transition-base);box-shadow:var(--shadow-sm);font-family:var(--font-family);border:1px solid transparent}.add-task-input:focus{outline:none;box-shadow:0 0 0 3px #0079bf26,var(--shadow-md);border-color:#0079bf33}.add-task-input::placeholder{color:var(--text-tertiary);font-weight:400}.add-task-button{width:100%;padding:var(--space-md) 14px;cursor:pointer;border:none;border-radius:var(--radius-md);background:var(--trello-blue);color:#fff;font-weight:500;font-size:var(--font-size-base);transition:all var(--transition-base);font-family:var(--font-family);box-shadow:var(--shadow-sm)}.add-task-button:hover{background:var(--trello-blue-dark);transform:translateY(-1px);box-shadow:var(--shadow-md)}.add-task-button:active{transform:translateY(0);box-shadow:var(--shadow-sm)}.light-mode{background:#fff;color:var(--text-primary)}.light-mode .app-container{background:#fff;background-image:none}.light-mode .app-header{background:var(--bg-gray-light);border-bottom-color:#e9ecef;box-shadow:0 1px 3px #0000000d}.light-mode .app-title{color:var(--text-primary);text-shadow:none}.light-mode .search-input{background:var(--bg-white);border-color:#dee2e6;color:var(--text-primary)}.light-mode .search-input:focus{border-color:var(--trello-blue);background:var(--bg-white);box-shadow:0 0 0 3px #0079bf1a,var(--shadow-sm)}.light-mode .search-input::placeholder{color:var(--text-tertiary)}.light-mode .header-button{background:var(--bg-white);border-color:#dee2e6;color:var(--text-primary)}.light-mode .header-button:hover{background:#f1f3f5;border-color:#ced4da;color:var(--text-primary)}.light-mode .column{background:var(--bg-gray);box-shadow:var(--shadow-sm)}.light-mode .column:hover{box-shadow:var(--shadow-md)}.light-mode .column-title{color:var(--text-primary)}.light-mode .task{background:var(--bg-white);color:var(--text-primary);border-color:transparent}.light-mode .task:hover{background:var(--bg-gray-light);border-color:#0000000f}.light-mode .delete-button{color:var(--text-secondary)}.light-mode .delete-button:hover{color:#de350b;background:#fdf2f2}.light-mode .add-task-input{background:var(--bg-white);color:var(--text-primary);border-color:transparent}.light-mode .add-task-input:focus{border-color:var(--trello-blue)}.light-mode .add-task-input::placeholder{color:var(--text-tertiary)}.light-mode .add-task-button{background:var(--trello-blue);color:#fff}.light-mode .add-task-button:hover{background:var(--trello-blue-dark)}.command-palette-overlay{position:fixed;top:0;left:0;right:0;bottom:0;background:#0009;backdrop-filter:blur(12px);-webkit-backdrop-filter:blur(12px);display:flex;align-items:flex-start;justify-content:center;padding-top:15vh;z-index:1000;animation:fadeIn var(--transition-base)}@keyframes fadeIn{0%{opacity:0}to{opacity:1}}.command-palette{background:var(--bg-white);border-radius:var(--radius-xl);box-shadow:var(--shadow-xl),0 0 0 1px #0000000d;width:100%;max-width:560px;max-height:70vh;overflow:hidden;border:1px solid rgba(0,0,0,.08);animation:slideDown var(--transition-base)}@keyframes slideDown{0%{opacity:0;transform:translateY(-20px)}to{opacity:1;transform:translateY(0)}}.command-palette-header{padding:var(--space-lg) var(--space-xl);border-bottom:1px solid var(--border-light);background:#00000003}.command-palette-input{width:100%;border:none;outline:none;font-size:var(--font-size-lg);font-weight:500;color:var(--text-primary);background:transparent;font-family:var(--font-family);letter-spacing:-.01em}.command-palette-input::placeholder{color:var(--text-tertiary);font-weight:400}.command-palette-list{max-height:calc(70vh - 80px);overflow-y:auto}.command-palette-list::-webkit-scrollbar{width:8px}.command-palette-list::-webkit-scrollbar-track{background:transparent}.command-palette-list::-webkit-scrollbar-thumb{background:#0000001a;border-radius:4px}.command-palette-list::-webkit-scrollbar-thumb:hover{background:#00000026}.command-item{display:flex;align-items:center;justify-content:space-between;padding:var(--space-md) var(--space-xl);cursor:pointer;transition:all var(--transition-fast);border-bottom:1px solid var(--border-light);position:relative}.command-item:last-child{border-bottom:none}.command-item:hover,.command-item.selected{background:var(--bg-gray)}.command-item.disabled{cursor:default;opacity:.5}.command-item.disabled:hover{background-color:transparent}.command-content{flex:1;min-width:0}.command-title{font-size:var(--font-size-base);font-weight:500;color:var(--text-primary);margin-bottom:2px;font-family:var(--font-family);letter-spacing:-.01em}.command-description{font-size:var(--font-size-sm);color:var(--text-secondary);font-weight:400;line-height:1.4}.command-shortcut{font-size:var(--font-size-xs);color:var(--text-secondary);background:#0000000f;padding:4px 8px;border-radius:var(--radius-sm);font-family:SF Mono,Monaco,Cascadia Code,Roboto Mono,Consolas,Courier New,monospace;font-weight:500;letter-spacing:.5px;margin-left:var(--space-md);flex-shrink:0}.light-mode .command-palette{background:var(--bg-white);border-color:#00000014}.light-mode .command-palette-header{border-bottom-color:var(--border-light);background:#00000003}.light-mode .command-palette-input{color:var(--text-primary)}.light-mode .command-palette-input::placeholder{color:var(--text-tertiary)}.light-mode .command-item:hover,.light-mode .command-item.selected{background:var(--bg-gray)}.light-mode .command-item{border-bottom-color:var(--border-light)}.light-mode .command-title{color:var(--text-primary)}.light-mode .command-description{color:var(--text-secondary)}.light-mode .command-shortcut{color:var(--text-secondary);background:#0000000f}@media (max-width: 768px){.app-header{padding:var(--space-md);flex-wrap:wrap;gap:var(--space-md)}.header-left{flex:1;min-width:0}.search-input{width:100%;max-width:200px}.search-input:focus{width:100%;max-width:240px}.columns-container{padding:var(--space-md);gap:var(--space-md)}.column{min-width:260px;max-width:260px;flex:0 0 260px}.command-palette{max-width:calc(100% - 32px);margin:0 var(--space-lg)}}.task:focus-visible,.header-button:focus-visible,.add-task-button:focus-visible,.delete-button:focus-visible{outline:2px solid var(--trello-blue);outline-offset:2px}.search-input:focus-visible,.add-task-input:focus-visible,.command-palette-input:focus-visible{outline:2px solid var(--trello-blue);outline-offset:2px}@media (prefers-reduced-motion: reduce){*{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}