.compiler-container{width:100%;height:100vh;display:flex;flex-direction:column;overflow:hidden}.compiler-container.fullscreen{position:fixed;top:0;left:0;z-index:1000}.compiler-container.dark-theme{background-color:#1e1e1e;color:#e0e0e0}.compiler-container.dark-theme .toolbar{background-color:#252526;border-bottom:1px solid #444}.compiler-container.dark-theme .code-editor textarea{background-color:#2d2d2d;color:#e0e0e0;caret-color:#e0e0e0}.compiler-container.dark-theme .output-preview{border-left:1px solid #444}.compiler-container.dark-theme button{background-color:#252526;color:#e0e0e0;border:1px solid #444}.compiler-container.dark-theme button:hover{background-color:rgb(49.58,49.58,50.92)}.compiler-container.dark-theme button.active{background-color:#3498db;color:#fff}.compiler-container.dark-theme select{background-color:#252526;color:#e0e0e0;border:1px solid #444}.compiler-container.light-theme{background-color:#f5f5f5;color:#333}.compiler-container.light-theme .toolbar{background-color:#e0e0e0;border-bottom:1px solid #ccc}.compiler-container.light-theme .code-editor textarea{background-color:#fff;color:#333;caret-color:#333}.compiler-container.light-theme .output-preview{border-left:1px solid #ccc}.compiler-container.light-theme button{background-color:#e0e0e0;color:#333;border:1px solid #ccc}.compiler-container.light-theme button:hover{background-color:hsl(0,0%,82.8431372549%)}.compiler-container.light-theme button.active{background-color:#3498db;color:#fff}.compiler-container.light-theme select{background-color:#e0e0e0;color:#333;border:1px solid #ccc}.toolbar{padding:10px 15px;justify-content:space-between}.toolbar,.toolbar .left-tools,.toolbar .right-tools{display:flex;flex-wrap:wrap;gap:10px}.toolbar button{padding:5px 10px;border-radius:4px;cursor:pointer;font-family:Consolas,Monaco,Courier New,monospace;transition:background-color .2s}.toolbar button:disabled{opacity:.5;cursor:not-allowed}.toolbar select{padding:5px;border-radius:4px}.toolbar label,.toolbar select{font-family:Consolas,Monaco,Courier New,monospace;cursor:pointer}.toolbar label{display:flex;align-items:center;gap:5px}.editor-panel{display:flex;flex-direction:row;flex:1;overflow:hidden}@media(max-width:768px){.editor-panel{flex-direction:column}}.code-editor{flex:1;position:relative;overflow:hidden}.code-editor textarea{width:100%;height:100%;padding:15px;border:none;resize:none;outline:none;font-family:Consolas,Monaco,Courier New,monospace;line-height:1.5;tab-size:2}.output-preview{flex:1;overflow:hidden;background-color:#fff}.output-preview iframe{width:100%;height:100%;border:none;background-color:#fff}.html-editor::selection{background-color:rgba(86,156,214,.3)}.css-editor::selection{background-color:rgba(156,220,254,.3)}.js-editor::selection{background-color:rgba(206,145,120,.3)}@media(max-width:992px){.toolbar{flex-direction:column}.toolbar .left-tools,.toolbar .right-tools{justify-content:center}}@media(max-width:576px){.toolbar{padding:5px}.toolbar button,.toolbar select{padding:3px 6px;font-size:12px}.code-editor textarea{padding:10px;font-size:12px!important}}