:root{--kp-font-family:-apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, Oxygen, sans-serif;--kp-font-mono:"SF Mono", "Fira Code", "Cascadia Code", Consolas, monospace;--kp-text-xs:10px;--kp-text-sm:11px;--kp-text-base:12px;--kp-text-md:13px;--kp-text-lg:14px;--kp-text-xl:16px;--kp-text-2xl:18px;--kp-text-3xl:22px;--kp-text-4xl:28px;--kp-sp-1:2px;--kp-sp-2:4px;--kp-sp-3:6px;--kp-sp-4:8px;--kp-sp-5:10px;--kp-sp-6:12px;--kp-sp-8:16px;--kp-sp-10:20px;--kp-sp-12:24px;--kp-sp-16:32px;--kp-sp-20:40px;--kp-header-height:44px;--kp-action-bar-height:36px;--kp-footer-height:28px;--kp-left-nav-width:220px;--kp-left-nav-collapsed:48px;--kp-right-inspector-width:280px;--kp-radius-sm:3px;--kp-radius-md:5px;--kp-radius-lg:8px;--kp-radius-xl:12px;--kp-transition-fast:.12s ease;--kp-transition-normal:.2s ease;--kp-layer-0:#3b82f614;--kp-layer-1:#10b98114;--kp-layer-2:#f59e0b14;--kp-layer-3:#ef444414;--kp-layer-4:#a855f714;--kp-layer-5:#ec489914;--kp-layer-6:#14b8a614;--kp-layer-7:#fb923c14;--kp-marker-0:#3b82f6;--kp-marker-1:#10b981;--kp-marker-2:#f59e0b;--kp-marker-3:#ef4444;--kp-marker-4:#a855f7;--kp-marker-5:#ec4899;--kp-marker-6:#14b8a6;--kp-marker-7:#fb923c;--kp-signal-high:#0ea5e9;--kp-signal-medium:#10b981;--kp-signal-low:#f59e0b;--kp-signal-none:#64748b}.kp-app-shell{grid-template-rows:var(--kp-header-height) var(--kp-action-bar-height) 1fr var(--kp-footer-height);background:var(--kp-bg-body);min-height:100vh;color:var(--kp-text-primary);grid-template-columns:auto 1fr auto;display:grid}.kp-app-shell>.kp-header{grid-area:1/1/auto/-1}.kp-app-shell>.kp-action-bar{grid-area:2/1/auto/-1}.kp-app-shell>.kp-left-nav{grid-area:3/1}.kp-app-shell>.kp-main-body{grid-area:3/2;min-width:0;overflow:auto}.kp-app-shell>.kp-right-inspector{grid-area:3/3}.kp-app-shell>.kp-footer{grid-area:4/1/auto/-1}.kp-icon-btn{border-radius:var(--kp-radius-md);width:28px;height:28px;color:var(--kp-text-secondary);cursor:pointer;font-size:var(--kp-text-lg);transition:background var(--kp-transition-fast), color var(--kp-transition-fast);background:0 0;border:1px solid #0000;justify-content:center;align-items:center;padding:0;display:inline-flex}.kp-icon-btn:hover{background:var(--kp-brand-tint);color:var(--kp-brand)}.kp-icon-btn:disabled{opacity:.4;cursor:default}.kp-icon-btn:disabled:hover{color:var(--kp-text-secondary);background:0 0}.kp-icon-btn.active{background:var(--kp-brand-tint);color:var(--kp-brand);border-color:var(--kp-brand)}.kp-divider{background:var(--kp-border-primary);flex-shrink:0;width:1px;height:20px;margin:0 4px}.kp-divider-h{background:var(--kp-border-primary);flex-shrink:0;width:100%;height:1px;margin:4px 0}.kp-dropdown{z-index:100;border:1px solid var(--kp-border-primary);border-radius:var(--kp-radius-lg);background:var(--kp-bg-card);min-width:180px;box-shadow:var(--kp-shadow-popup);padding:4px 0;position:absolute}.kp-dropdown-item{width:100%;color:var(--kp-text-primary);font-size:var(--kp-text-md);text-align:left;cursor:pointer;transition:background var(--kp-transition-fast);background:0 0;border:none;align-items:center;gap:8px;padding:6px 12px;display:flex}.kp-dropdown-item:hover{background:var(--kp-brand-tint)}.kp-dropdown-item.disabled{opacity:.45;cursor:default}.kp-dropdown-item.disabled:hover{background:0 0}.kp-dropdown-separator{background:var(--kp-border-primary);height:1px;margin:4px 8px}.kp-inspector-section{border-bottom:1px solid var(--kp-border-primary);padding:8px 10px}.kp-inspector-section-header{cursor:pointer;-webkit-user-select:none;user-select:none;justify-content:space-between;align-items:center;gap:4px;padding:2px 0;display:flex}.kp-inspector-section-title{font-size:var(--kp-text-sm);text-transform:uppercase;letter-spacing:.06em;color:var(--kp-text-muted);font-weight:600}.kp-inspector-section-body{padding-top:6px}.kp-inspector-row{font-size:var(--kp-text-base);justify-content:space-between;align-items:baseline;gap:8px;padding:2px 0;display:flex}.kp-inspector-row-label{color:var(--kp-text-muted);white-space:nowrap}.kp-inspector-row-value{color:var(--kp-text-secondary);text-align:right;text-overflow:ellipsis;white-space:nowrap;overflow:hidden}::-webkit-scrollbar{width:6px;height:6px}::-webkit-scrollbar-track{background:0 0}::-webkit-scrollbar-thumb{background:var(--kp-border-primary);border-radius:3px}::-webkit-scrollbar-thumb:hover{background:var(--kp-border-secondary)}@media (prefers-reduced-motion:reduce){*{transition-duration:0s!important;animation-duration:0s!important}}@media (width<=1024px){:root{--kp-right-inspector-width:0px}}@media (width<=768px){:root{--kp-left-nav-width:0px}}:root,[data-theme=dark]{--kp-bg-body:#0f0f23;--kp-bg-sidebar:#0f0f23;--kp-bg-card:#1a1a2e;--kp-bg-canvas:#0a0a1a;--kp-bg-canvas-alt:#0d0d1f;--kp-bg-input:#0f0f23;--kp-bg-error:#3b1111;--kp-bg-error-pre:#2a1515;--kp-bg-warning-pre:#2a2515;--kp-bg-activity:#1a1a2e;--kp-text-primary:#e0e0e0;--kp-text-secondary:#aaa;--kp-text-tertiary:#888;--kp-text-muted:#666;--kp-text-faint:#555;--kp-text-on-brand:#fff;--kp-text-error:#fca5a5;--kp-text-warning:#eab308;--kp-text-warning-content:#fde68a;--kp-text-ast:#7db4f5;--kp-border-primary:#333;--kp-border-secondary:#444;--kp-border-subtle:#222;--kp-border-muted:#555;--kp-brand:#3b82f6;--kp-brand-hover:#2563eb;--kp-brand-tint:#3b82f621;--kp-brand-light:#3b82f633;--kp-nav-active-text:#3b82f6;--kp-nav-active-bg:#3b82f621;--kp-success:#22c55e;--kp-success-tint:#22c55e21;--kp-danger:#ef4444;--kp-warning:#f59e0b;--kp-btn-disabled:#555;--kp-shadow-popup:0 8px 32px #00000080}[data-theme=light]{--kp-bg-body:#f5f7fa;--kp-bg-sidebar:#fff;--kp-bg-card:#fff;--kp-bg-canvas:#f0f2f5;--kp-bg-canvas-alt:#f8f9fa;--kp-bg-input:#fff;--kp-bg-error:#fef2f2;--kp-bg-error-pre:#fef2f2;--kp-bg-warning-pre:#fffbeb;--kp-bg-activity:#f0f2f5;--kp-text-primary:#1a1a2e;--kp-text-secondary:#555;--kp-text-tertiary:#777;--kp-text-muted:#999;--kp-text-faint:#bbb;--kp-text-on-brand:#fff;--kp-text-error:#dc2626;--kp-text-warning:#d97706;--kp-text-warning-content:#92400e;--kp-text-ast:#325caa;--kp-border-primary:#e0e0e0;--kp-border-secondary:#ccc;--kp-border-subtle:#eee;--kp-border-muted:#bbb;--kp-brand:#225eac;--kp-brand-hover:#4a78ba;--kp-brand-tint:#225eac1a;--kp-brand-light:#225eac26;--kp-nav-active-text:#1a4f8e;--kp-nav-active-bg:#225eac1f;--kp-success:#16a34a;--kp-success-tint:#16a34a1a;--kp-danger:#dc2626;--kp-warning:#d97706;--kp-btn-disabled:#ccc;--kp-shadow-popup:0 8px 32px #0000001f}*,:before,:after{box-sizing:border-box;margin:0;padding:0}body{-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;background-color:var(--kp-bg-body);color:var(--kp-text-primary);font-family:-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,sans-serif;transition:background-color .2s,color .2s}