body:has(.code-playground-container) #main-wrapper .container{max-width:100%;padding-left:1rem;padding-right:1rem}body:has(.code-playground-container) main{max-width:100% !important;flex:0 0 100% !important}body:has(.code-playground-container) #panel-wrapper{display:none}.code-playground-container{display:grid;grid-template-rows:1fr 1fr;gap:1rem;margin-top:1rem;height:calc(100vh - 200px);min-height:800px;max-width:100%}.code-playground-container .playground-pane{display:flex;flex-direction:column;border:1px solid var(--main-border-color);border-radius:6px;background:var(--card-bg, white);overflow:hidden;min-height:300px}.pane-content{flex:1;overflow:hidden;position:relative}.btn,.btn-primary,.btn-secondary,.run-btn,.disassemble-btn,.tree-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.5rem 1rem;font-size:.875rem;font-weight:500;color:var(--text-color);background:rgba(0,0,0,0);border:1px solid var(--btn-border-color, var(--border-color));border-radius:.25rem;cursor:pointer;transition:all .15s ease;text-decoration:none;line-height:1.4}.btn:hover:not(:disabled),.btn-primary:hover:not(:disabled),.btn-secondary:hover:not(:disabled),.run-btn:hover:not(:disabled),.disassemble-btn:hover:not(:disabled),.tree-btn:hover:not(:disabled){color:var(--link-color);background:var(--button-bg, rgba(0, 0, 0, 0.02));border-color:var(--link-color)}.btn:active:not(:disabled),.btn-primary:active:not(:disabled),.btn-secondary:active:not(:disabled),.run-btn:active:not(:disabled),.disassemble-btn:active:not(:disabled),.tree-btn:active:not(:disabled){transform:translateY(1px)}.btn:disabled,.btn-primary:disabled,.btn-secondary:disabled,.run-btn:disabled,.disassemble-btn:disabled,.tree-btn:disabled{opacity:.5;cursor:not-allowed}.btn i,.btn-primary i,.btn-secondary i,.run-btn i,.disassemble-btn i,.tree-btn i{font-size:.875em;opacity:.8}.btn-small,.analyzer-btn{display:inline-flex;align-items:center;gap:.35rem;padding:.2rem .5rem;font-size:.7rem;font-weight:500;text-transform:uppercase;letter-spacing:.03em;color:var(--text-color);background:rgba(0,0,0,0);border:1px solid var(--btn-border-color, var(--border-color));border-radius:.25rem;cursor:pointer;transition:all .15s ease}.btn-small:hover:not(:disabled),.analyzer-btn:hover:not(:disabled){color:var(--link-color);background:var(--button-bg, rgba(0, 0, 0, 0.02));border-color:var(--link-color)}.btn-small:disabled,.analyzer-btn:disabled{opacity:.5;cursor:not-allowed}.button-group{display:flex;gap:.5rem;align-items:center;flex-wrap:wrap}@media(max-width: 768px){.btn,.btn-primary,.btn-secondary,.run-btn,.disassemble-btn,.tree-btn{padding:.4rem .8rem;font-size:.8rem}.btn-small,.analyzer-btn{padding:.15rem .4rem;font-size:.65rem}.button-group{gap:.4rem}}.btn:focus-visible,.btn-primary:focus-visible,.run-btn:focus-visible,.btn-secondary:focus-visible,.disassemble-btn:focus-visible,.tree-btn:focus-visible,.btn-small:focus-visible,.analyzer-btn:focus-visible{outline:2px solid var(--link-color);outline-offset:2px}.pane-header{padding:.75rem 1rem;background:var(--sidebar-bg);border-bottom:1px solid var(--main-border-color);font-weight:600;display:flex;justify-content:space-between;align-items:center}.pane-header .header-actions{display:flex;gap:.5rem;align-items:center}.optimization-select{padding:.4rem .8rem;border:1px solid var(--btn-border-color);border-radius:4px;background:var(--card-bg);color:var(--text-color);font-size:.875rem;cursor:pointer;transition:all .2s}.optimization-select:hover{border-color:var(--link-color)}.optimization-select:focus{outline:2px solid var(--link-color);outline-offset:2px}#editor,#ilCode,#asmCode{width:100%;height:100%;border:none}.monaco-editor .highlighted-line{background:rgba(255,255,0,.2) !important;animation:highlightFade 2s ease-out}.monaco-editor .highlighted-line-glyph{background:rgba(255,255,0,.4) !important}@keyframes highlightFade{0%{background:rgba(255,255,0,.3) !important}100%{background:rgba(255,255,0,0) !important}}.monaco-menu .monaco-action-bar .action-item[aria-label*=Command],.monaco-menu .monaco-action-bar .action-item[aria-label*=Peek],.monaco-menu .monaco-action-bar .action-item[aria-label*=Format],.monaco-menu .monaco-action-bar .action-item[aria-label*=Refactor]{display:none !important}.monaco-editor .view-lines{line-height:var(--bs-body-line-height, 1.5) !important}.monaco-editor .view-line{line-height:inherit !important}.monaco-scrollable-element>.scrollbar>.slider{background:var(--scrollbar-thumb-color, rgba(128, 128, 128, 0.4)) !important}.monaco-scrollable-element>.scrollbar:hover>.slider{background:var(--scrollbar-thumb-hover-color, rgba(128, 128, 128, 0.6)) !important}.monaco-editor .margin{background-color:rgba(0,0,0,0) !important}.output-tabs{display:flex;gap:.5rem;padding:.5rem 1rem;background:var(--sidebar-bg);border-bottom:1px solid var(--main-border-color);align-items:center;flex-wrap:wrap;overflow-x:auto;overflow-y:hidden;scrollbar-width:thin}.output-tabs::-webkit-scrollbar{height:4px}.output-tabs::-webkit-scrollbar-thumb{background:var(--main-border-color);border-radius:2px}.output-tab{padding:.5rem 1rem;background:rgba(0,0,0,0);border:none;border-bottom:2px solid rgba(0,0,0,0);color:var(--text-muted);cursor:pointer;font-weight:500;font-size:.875rem;transition:all .2s;white-space:nowrap;flex-shrink:0}.output-tab:hover{color:var(--text-color)}.output-tab.active{color:var(--link-color);border-bottom-color:var(--link-color)}.tab-content{display:none;height:calc(100% - 3.5rem);overflow:auto}.tab-content.active{display:block}#executionTab,#ilTab,#asmTab,#syntaxTreeTab,#analysisTab{height:100%}#outputPane{padding:1rem;height:100%;overflow:auto;background:var(--code-bg);color:var(--code-color);font-family:"Consolas","Monaco",monospace;font-size:14px;line-height:1.5;white-space:pre-wrap;word-wrap:break-word}.tree-controls-header{background:var(--sidebar-bg);padding:.5rem .75rem;border-bottom:1px solid var(--main-border-color);flex-shrink:0;display:flex;align-items:center;gap:.5rem;justify-content:flex-start}@media(max-width: 768px){.output-tabs{padding:.5rem;gap:.25rem}.output-tab{padding:.4rem .75rem;font-size:.8125rem}.tree-controls-header{padding:.5rem;justify-content:center}}#analysisPane{display:flex;flex-direction:column;padding:0;height:100%;overflow:hidden}.analyzer-controls{background:var(--sidebar-bg);padding:.5rem .75rem;border-bottom:1px solid var(--main-border-color);flex-shrink:0}.analyzer-header{display:flex;align-items:center;gap:.5rem;margin-bottom:.5rem}.analyzer-header span{font-size:.7rem;text-transform:uppercase;letter-spacing:.05em;color:var(--text-muted);font-weight:600}.analyzer-categories{display:grid;grid-template-columns:repeat(auto-fill, minmax(140px, 1fr));gap:.4rem}.analyzer-category{display:flex;align-items:center;gap:.35rem;flex-wrap:nowrap}.analyzer-category input[type=checkbox]{width:14px;height:14px;cursor:pointer;accent-color:var(--link-color);flex-shrink:0}.analyzer-category .category-name{font-size:.7rem;cursor:pointer;color:var(--text-color);margin:0;user-select:none;flex-grow:1}.category-badge{font-size:.6rem;font-weight:600;color:var(--text-muted);background:var(--card-bg);padding:.1rem .3rem;border-radius:2px;flex-shrink:0}.analysis-summary{display:flex;gap:1rem;padding:.5rem .75rem;background:var(--card-bg);border-bottom:1px solid var(--main-border-color);font-size:.75rem;flex-shrink:0}.summary-item{display:flex;align-items:center;gap:.3rem}.summary-item .icon{font-size:.7rem}.summary-item .count{font-weight:600}.summary-error{color:#e74c3c}.summary-warning{color:#f39c12}.summary-info{color:#3498db}.analysis-results{flex:1;overflow-y:auto;overflow-x:hidden;min-height:200px}.analysis-empty{padding:2rem;text-align:center;color:var(--text-muted)}.analysis-empty p{margin:0;font-size:.875rem}@media(max-width: 768px){.analyzer-categories{grid-template-columns:repeat(2, 1fr);gap:.3rem}.analyzer-category{font-size:.75rem}.category-badge{font-size:.55rem}#analysisPane{height:100%;overflow:visible}.analysis-results{min-height:300px;-webkit-overflow-scrolling:touch}}.analysis-item{padding:.6rem 1rem;border-bottom:1px solid var(--main-border-color);transition:background .15s;position:relative;cursor:pointer;display:grid;grid-template-columns:auto 1fr auto;gap:1rem;align-items:center}.analysis-item::before{content:"";position:absolute;left:0;top:0;bottom:0;width:3px;transition:width .15s}.analysis-item.severity-error::before{background:#e74c3c}.analysis-item.severity-warning::before{background:#f39c12}.analysis-item.severity-info::before{background:#3498db}.analysis-item:hover{background:var(--sidebar-bg)}.analysis-item:hover::before{width:4px}.analysis-header{display:flex;align-items:center;gap:.5rem;min-width:100px}.analysis-severity{font-weight:600;font-size:.65rem;text-transform:uppercase;letter-spacing:.05em;padding:.2rem .4rem;border-radius:3px;line-height:1;width:fit-content}.severity-error .analysis-severity{background:rgba(231,76,60,.1);color:#e74c3c}.severity-warning .analysis-severity{background:rgba(243,156,18,.1);color:#f39c12}.severity-info .analysis-severity{background:rgba(52,152,219,.1);color:#3498db}.analysis-diagnostic-id{font-family:"JetBrains Mono","Consolas",monospace;font-size:.7rem;color:var(--text-muted);font-weight:500;display:flex;align-items:center;gap:.3rem}.docs-link{display:inline-flex;align-items:center;text-decoration:none;font-size:.8rem;opacity:.6;transition:opacity .15s,transform .15s}.docs-link:hover{opacity:1;transform:scale(1.1)}.analysis-content{display:flex;flex-direction:column;gap:.25rem;min-width:0}.analysis-category{font-size:.65rem;color:var(--text-muted);text-transform:uppercase;letter-spacing:.05em;background:var(--sidebar-bg);padding:.2rem .4rem;border-radius:3px;white-space:nowrap;width:fit-content;font-weight:600}.analysis-message{font-size:.8rem;color:var(--text-color);line-height:1.4;display:-webkit-box;-webkit-line-clamp:1;-webkit-box-orient:vertical;overflow:hidden;text-overflow:ellipsis}.analysis-location{font-size:.65rem;color:var(--text-muted);font-family:"JetBrains Mono","Consolas",monospace;opacity:.8}@media(max-width: 768px){.analysis-item{grid-template-columns:1fr auto;grid-template-rows:auto auto;gap:.4rem;padding:.5rem .75rem;align-items:start}.analysis-header{min-width:unset;grid-row:1;grid-column:1}.analysis-category{grid-row:1;grid-column:2;align-self:center}.analysis-content{grid-row:2;grid-column:1/-1}.analysis-message{-webkit-line-clamp:2}}#syntaxTreeContainer{padding:1rem;height:100%;overflow:auto;background:var(--card-bg);font-family:-apple-system,BlinkMacSystemFont,"Segoe UI","Roboto","Helvetica Neue",Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#syntaxTreeContainer .tree-empty,#syntaxTreeContainer .tree-error{padding:2rem;text-align:center;color:var(--text-muted-color);font-size:.875rem}#syntaxTreeContainer .tree-error{color:#e74c3c}.custom-tree{list-style:none;padding:0;margin:0}.tree-node{list-style:none;margin:0;padding:0}.tree-children{list-style:none;padding-left:1.25rem;margin:0}.tree-content{display:flex;align-items:center;padding:.2rem .4rem;cursor:pointer;transition:background-color .15s ease;color:var(--text-color);user-select:none;border-radius:.25rem}.tree-content:hover{background-color:var(--button-bg)}.tree-content:active{background-color:var(--btn-border-color)}.tree-content.selected{background-color:rgba(var(--link-color-rgb, 0, 86, 178), 0.1)}.tree-content.selected .tree-label{color:var(--link-color)}.tree-chevron{display:inline-flex;align-items:center;justify-content:center;width:1rem;font-size:1rem;color:var(--text-muted-color);user-select:none;margin-right:.35rem;flex-shrink:0;transition:transform .15s ease}.tree-chevron.expanded{transform:rotate(90deg)}.tree-chevron-leaf{visibility:hidden}.tree-icon{display:inline-flex;align-items:center;justify-content:center;width:1rem;font-size:1rem;text-align:center;margin-right:.5rem;flex-shrink:0}.tree-icon.icon-declaration{color:var(--link-color)}.tree-icon.icon-statement{color:#ff6b9d}.tree-icon.icon-expression{color:#ff9f43}.tree-icon.icon-directive{color:#a55eea}.tree-icon.icon-default{color:var(--text-muted-color)}.tree-label{font-size:.875rem;color:var(--text-color);flex:1}.tree-value{color:#27ae60;font-style:normal;font-family:"JetBrains Mono","Consolas","Monaco","Courier New",monospace;font-size:.8rem;font-weight:400;margin-left:.25rem;opacity:.9}@media(max-width: 768px){#syntaxTreeContainer{padding:.75rem}.tree-content{padding:.125rem .25rem}.tree-children{padding-left:1rem}.tree-icon{width:1rem;font-size:.75rem;margin-right:.3rem}.tree-label{font-size:.8rem}.tree-value{font-size:.7rem}.tree-chevron{font-size:.75rem}}/*# sourceMappingURL=playground.css.map */