:root{--color-primary: #0099dd;--color-primary-hover: #0088cc;--color-primary-active: #0077bb;--color-primary-disabled: #6bb6ff;--color-primary-contrast: #ffffff;--color-secondary: #8856d0;--color-secondary-hover: #7745c0;--color-secondary-active: #6634b0;--color-accent-primary: #40e0d0;--color-accent-secondary: #e056c0;--color-accent-tertiary: #ffd700;--gradient-primary: linear-gradient(135deg, var(--color-primary), var(--color-secondary));--gradient-accent: linear-gradient(135deg, var(--color-accent-primary), var(--color-accent-secondary));--color-background-primary: #1e1e1e;--color-background-secondary: #252526;--color-background-tertiary: #2d2d30;--color-background-overlay: rgba(0, 0, 0, .6);--color-surface-primary: #333333;--color-surface-secondary: #404040;--color-surface-hover: #464647;--color-surface-active: #505050;--color-surface-disabled: #2d2d2d;--color-text-primary: #ffffff;--color-text-secondary: #cccccc;--color-text-muted: #888888;--color-text-disabled: #666666;--color-text-inverse: #000000;--color-success: #10b981;--color-warning: #f59e0b;--color-error: #ef4444;--color-info: #0099dd;--color-success-bg: rgba(16, 124, 16, .1);--color-warning-bg: rgba(255, 185, 0, .1);--color-error-bg: rgba(209, 52, 56, .1);--color-info-bg: rgba(0, 120, 212, .1);--color-border-primary: #333333;--color-border-secondary: #555555;--color-border-hover: #666666;--color-border-active: #0099dd;--color-border-error: #ef4444;--color-terminal-background: #0c0c0c;--color-terminal-text: #ffffff;--color-terminal-command: #40e0d0;--color-terminal-error: #ef4444;--color-terminal-info: #0099dd;--color-terminal-cursor: #ffffff;--color-terminal-selection: rgba(0, 153, 221, .3);--color-display-background: #0c0c0c;--color-display-border: #444444;--color-display-border-active: #0099dd;--color-display-header: #1e1e1e;--color-display-status-bar: #1e1e1e;--font-primary: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, sans-serif;--font-secondary: Inter, -apple-system, BlinkMacSystemFont, sans-serif;--font-monospace: "Consolas", "Courier New", monospace;--font-display: Inter, -apple-system, BlinkMacSystemFont, sans-serif;--font-size-xs: .75rem;--font-size-sm: .875rem;--font-size-base: 1rem;--font-size-lg: 1.125rem;--font-size-xl: 1.25rem;--font-size-2xl: 1.5rem;--font-size-3xl: 1.875rem;--font-size-4xl: 2.25rem;--font-weight-light: 300;--font-weight-normal: 400;--font-weight-medium: 500;--font-weight-semibold: 600;--font-weight-bold: 700;--spacing-xs: .25rem;--spacing-sm: .5rem;--spacing-md: 1rem;--spacing-lg: 1.5rem;--spacing-xl: 2rem;--spacing-2xl: 3rem;--spacing-3xl: 4rem;--spacing-4xl: 6rem;--border-radius-none: 0;--border-radius-sm: .125rem;--border-radius-md: .375rem;--border-radius-lg: .5rem;--border-radius-xl: .75rem;--border-radius-full: 9999px;--shadow-sm: 0 1px 2px 0 rgba(0, 0, 0, .05);--shadow-md: 0 4px 6px -1px rgba(0, 0, 0, .1), 0 2px 4px -1px rgba(0, 0, 0, .06);--shadow-lg: 0 10px 15px -3px rgba(0, 0, 0, .1), 0 4px 6px -2px rgba(0, 0, 0, .05);--shadow-xl: 0 20px 25px -5px rgba(0, 0, 0, .1), 0 10px 10px -5px rgba(0, 0, 0, .04);--shadow-inner: inset 0 2px 4px 0 rgba(0, 0, 0, .06);--shadow-none: none;--shadow-display: 0 0 0 1px var(--color-display-border), 0 0 3px var(--color-display-border), 0 0 8px var(--color-display-border);--shadow-display-hover: 0 0 0 1px var(--color-display-border), 0 0 4px var(--color-display-border), 0 0 10px var(--color-display-border);--shadow-display-active: 0 0 0 1px var(--color-display-border-active), 0 0 6px var(--color-display-border-active), 0 0 12px var(--color-display-border-active);--menu-background-color: #1e1e1e;--menu-icon-color: #cccccc;--menu-icon-color-hover: #0078d4;--menu-icon-color-active: #005ba1;--menu-border-color: #333333;--menu-width: 2.5rem;--menu-gap: .5rem;--terminal-background-color: #0c0c0c;--terminal-border-color: #333333;--terminal-border-radius: .375rem;--terminal-padding: 1rem;--terminal-font-size: .875rem;--terminal-font-family: "Consolas", "Courier New", monospace;--terminal-input-height: 2.5rem;--terminal-prompt: ">";--display-background-color: #0c0c0c;--display-border-color: #333333;--display-border-color-active: #0078d4;--display-border-radius: .375rem;--display-header-background-color: #1e1e1e;--display-status-bar-background-color: #1e1e1e;--display-gap: .5rem;--display-padding: .75rem;--button-primary-background-color: var(--color-primary);--button-primary-background-color-hover: var(--color-accent-primary);--button-primary-text-color: #000000;--button-secondary-background-color: rgba(255, 0, 255, .2);--button-secondary-background-color-hover: rgba(255, 0, 255, .4);--button-secondary-text-color: var(--color-accent-secondary);--button-border-radius: .25rem;--button-font-size: 1rem;--button-padding: .375rem .75rem;--button-min-width: 2rem;--button-min-height: 2rem;--button-gap: .25rem;--layout-container-max-width: 1200px;--layout-container-padding: 1rem;--layout-content-padding: .5rem;--layout-header-height: 4rem;--layout-footer-height: 3rem}*{box-sizing:border-box}html{height:100%;font-family:var(--font-primary)}body{margin:0;padding:0;height:100%;background-color:var(--color-background-primary);color:var(--color-text-primary);font-family:var(--font-primary);font-size:var(--font-size-base, 1rem);line-height:1.5;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}::-webkit-scrollbar{width:8px;height:8px}::-webkit-scrollbar-track{background:var(--color-surface-primary)}::-webkit-scrollbar-thumb{background:var(--color-border-secondary);border-radius:var(--border-radius-sm)}::-webkit-scrollbar-thumb:hover{background:var(--color-border-hover)}:focus-visible{outline:2px solid var(--color-primary);outline-offset:2px}::selection{background-color:var(--color-terminal-selection);color:var(--color-text-primary)}.text-primary{color:var(--color-text-primary)}.text-secondary{color:var(--color-text-secondary)}.text-muted{color:var(--color-text-muted)}.text-error{color:var(--color-error)}.text-success{color:var(--color-success)}.text-warning{color:var(--color-warning)}.text-info{color:var(--color-info)}.bg-primary{background-color:var(--color-background-primary)}.bg-secondary{background-color:var(--color-background-secondary)}.bg-surface{background-color:var(--color-surface-primary)}.border{border:1px solid var(--color-border-primary)}.border-active{border-color:var(--color-border-active)}.border-hover{border-color:var(--color-border-hover)}.rounded-sm{border-radius:var(--border-radius-sm)}.rounded-md{border-radius:var(--border-radius-md)}.rounded-lg{border-radius:var(--border-radius-lg)}.shadow-sm{box-shadow:var(--shadow-sm)}.shadow-md{box-shadow:var(--shadow-md)}.shadow-lg{box-shadow:var(--shadow-lg)}@media (max-width: 768px){:root{--font-size-base: .875rem;--spacing-md: .75rem;--spacing-lg: 1rem}}:root{--transition-duration: .2s;--transition-timing: ease-in-out}.transition{transition:all var(--transition-duration) var(--transition-timing)}@media (prefers-contrast: high){:root{--color-border-primary: #ffffff;--color-border-secondary: #ffffff;--color-text-muted: #cccccc}}@media (prefers-reduced-motion: reduce){:root{--transition-duration: 0s}*,*:before,*:after{animation-duration:.01ms!important;animation-iteration-count:1!important;transition-duration:.01ms!important}}pre,.code-block{position:relative;background:#282c34;border-radius:8px;padding:16px;margin:16px 0;overflow-x:auto;font-family:Consolas,Monaco,Courier New,monospace;font-size:14px;line-height:1.5;color:#abb2bf}pre:before,.code-block:before{content:attr(data-language);position:absolute;top:0;left:0;right:0;background:#20232a;color:#ffffffb3;padding:8px 16px;font-size:12px;font-weight:500;border-radius:8px 8px 0 0;border-bottom:1px solid rgba(255,255,255,.1)}pre[data-language],.code-block[data-language]{padding-top:48px}pre:after,.code-block:after{content:"Copy code";position:absolute;top:12px;right:12px;background:transparent;color:#ffffff80;padding:4px 8px;font-size:12px;border:1px solid rgba(255,255,255,.2);border-radius:4px;cursor:pointer;transition:all .2s ease;font-family:-apple-system,BlinkMacSystemFont,Segoe UI,sans-serif}pre:hover:after,.code-block:hover:after{color:#fffc;border-color:#fff6;background:#ffffff0d}pre code,.code-block code{background:none;padding:0;border-radius:0;color:inherit;font-size:inherit}code:not(pre code){background:#6e768126;padding:2px 6px;border-radius:4px;font-family:Consolas,Monaco,Courier New,monospace;font-size:.875em;color:var(--color-text-primary)}.code-block .keyword,.code-block .tag,pre .keyword,pre .tag{color:#c678dd}.code-block .string,.code-block .attr-value,pre .string,pre .attr-value{color:#98c379}.code-block .number,.code-block .literal,pre .number,pre .literal{color:#d19a66}.code-block .comment,pre .comment{color:#5c6370;font-style:italic}.code-block .function,.code-block .method,.code-block .attr-name,pre .function,pre .method,pre .attr-name{color:#61afef}.code-block .class-name,.code-block .title,pre .class-name,pre .title,.code-block .variable,.code-block .property,pre .variable,pre .property{color:#e06c75}.code-block .operator,.code-block .punctuation,pre .operator,pre .punctuation{color:#abb2bf}[data-theme*=light] pre,[data-theme*=light] .code-block{background:#f6f8fa;color:#24292e}[data-theme*=light] pre:before,[data-theme*=light] .code-block:before{background:#e1e4e8;color:#586069;border-bottom:1px solid #d1d5da}[data-theme*=light] pre:after,[data-theme*=light] .code-block:after{color:#586069;border-color:#d1d5da}[data-theme*=light] pre:hover:after,[data-theme*=light] .code-block:hover:after{color:#24292e;border-color:#959da5;background:#00000008}[data-theme*=light] pre .keyword,[data-theme*=light] pre .tag,[data-theme*=light] .code-block .keyword,[data-theme*=light] .code-block .tag{color:#d73a49}[data-theme*=light] pre .string,[data-theme*=light] pre .attr-value,[data-theme*=light] .code-block .string,[data-theme*=light] .code-block .attr-value{color:#032f62}[data-theme*=light] pre .number,[data-theme*=light] pre .literal,[data-theme*=light] .code-block .number,[data-theme*=light] .code-block .literal{color:#005cc5}[data-theme*=light] pre .comment,[data-theme*=light] .code-block .comment{color:#6a737d}[data-theme*=light] pre .function,[data-theme*=light] pre .method,[data-theme*=light] pre .attr-name,[data-theme*=light] .code-block .function,[data-theme*=light] .code-block .method,[data-theme*=light] .code-block .attr-name{color:#6f42c1}[data-theme*=light] pre .class-name,[data-theme*=light] pre .title,[data-theme*=light] .code-block .class-name,[data-theme*=light] .code-block .title{color:#22863a}[data-theme*=light] pre .variable,[data-theme*=light] pre .property,[data-theme*=light] .code-block .variable,[data-theme*=light] .code-block .property{color:#e36209}[data-theme*=light] code:not(pre code){background:#afb8c133;color:#24292e}pre::-webkit-scrollbar,.code-block::-webkit-scrollbar{height:8px;width:8px}pre::-webkit-scrollbar-track,.code-block::-webkit-scrollbar-track{background:#ffffff0d;border-radius:4px}pre::-webkit-scrollbar-thumb,.code-block::-webkit-scrollbar-thumb{background:#fff3;border-radius:4px}pre::-webkit-scrollbar-thumb:hover,.code-block::-webkit-scrollbar-thumb:hover{background:#ffffff4d}@media (max-width: 768px){pre,.code-block{font-size:12px;padding:12px}pre[data-language],.code-block[data-language]{padding-top:44px}pre:before,.code-block:before{padding:6px 12px}pre:after,.code-block:after{top:10px;right:10px;font-size:11px}}html,body{box-sizing:border-box;height:100vh;min-height:200px;margin:0;padding:0;font-family:Consolas;font-size:16px;overflow:hidden}div{box-sizing:border-box}[flexFill]{flex-grow:1;height:100vh}[flexRow]{display:flex;flex-direction:row}[flexColumn]{display:flex;flex-direction:column}[flexLayoutAlignSpaceBetweenCenter]{justify-content:space-between;align-items:center}[flexLayoutAlignStartStretch]{justify-content:flex-start;align-items:stretch}[flexLayoutAlignEndStretch]{justify-content:flex-end;align-items:stretch}[flexLayoutAlignEndCenter]{justify-content:flex-end;align-items:center}[flexGrow]{flex-grow:1}.cdk-overlay-container{display:block}.cdk-overlay-backdrop{display:block;position:fixed;inset:0}.cdk-overlay-pane{display:block;width:200px;background-color:#fff}.cdk-overlay-container,.cdk-global-overlay-wrapper{pointer-events:none;top:0;left:0;height:100%;width:100%}.cdk-overlay-container{position:fixed;z-index:1000}.cdk-overlay-container:empty{display:none}.cdk-global-overlay-wrapper{display:flex;position:absolute;z-index:1000}.cdk-overlay-pane{position:absolute;pointer-events:auto;box-sizing:border-box;z-index:1000;display:flex;max-width:100%;max-height:100%}.cdk-overlay-backdrop{position:absolute;inset:0;z-index:1000;pointer-events:auto;-webkit-tap-highlight-color:transparent;transition:opacity .4s cubic-bezier(.25,.8,.25,1);opacity:0}.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:1}@media screen and (-ms-high-contrast: active){.cdk-overlay-backdrop.cdk-overlay-backdrop-showing{opacity:.6}}.cdk-overlay-dark-backdrop{background:#00000049}.cdk-overlay-transparent-backdrop,.cdk-overlay-transparent-backdrop.cdk-overlay-backdrop-showing{opacity:0}.cdk-overlay-connected-position-bounding-box{position:absolute;z-index:1000;display:flex;flex-direction:column;min-width:1px;min-height:1px}.cdk-global-scrollblock{position:fixed;width:100%;overflow-y:scroll}.key{color:#06c;font-weight:600}.string{color:#2a2}.number{color:#c60}.boolean{color:#70c;font-weight:600}.null{color:#999;font-style:italic}.number-line{color:#666;font-size:.9em;-webkit-user-select:none;user-select:none;border-right:1px solid #ddd;padding-right:.5em;margin-right:.5em}.theme-loading-spinner{display:inline-block;width:40px;height:40px;border:3px solid var(--color-surface-secondary, #404040);border-top:3px solid var(--color-primary, #0078d4);border-radius:50%;animation:theme-spin .8s linear infinite}.theme-loading-spinner.small{width:24px;height:24px;border-width:2px}.theme-loading-spinner.large{width:56px;height:56px;border-width:4px}.theme-loading-pulse{animation:theme-pulse 1.5s ease-in-out infinite;color:var(--color-primary, #0078d4)}.theme-loading-dots:after{content:"...";display:inline-block;animation:theme-dots 1.5s steps(4,end) infinite;width:1.5em;text-align:left}@keyframes theme-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}@keyframes theme-pulse{0%,to{opacity:1}50%{opacity:.5}}@keyframes theme-dots{0%,20%{content:"."}40%{content:".."}60%,to{content:"..."}}.panel-wrapper.active-panel{border:3px solid var(--color-primary)!important;transition:border .2s ease,box-shadow .2s ease}