.compiler-container{max-width:1200px;margin:0 auto;padding:20px;font-family:Arial,sans-serif}.compiler-title{font-size:2rem;text-align:center;color:#333}.compiler-title,.editor-section{margin-bottom:20px}.code-editor{border:1px solid #ddd;border-radius:8px;overflow:hidden}.compile-button{display:block;width:200px;margin:20px auto;padding:10px;background-color:#007bff;color:#fff;border:none;border-radius:5px;font-size:1.1rem;cursor:pointer;transition:background-color .3s}.compile-button:hover{background-color:#0056b3}.output-section{margin-top:20px}.output-section h2{font-size:1.5rem;margin-bottom:10px;color:#333}.output{background-color:#f8f9fa}.error-output,.output{padding:15px;border-radius:5px;min-height:100px;white-space:pre-wrap}.error-output{background-color:#f8d7da;color:#721c24}@media(max-width:768px){.compiler-container{padding:10px}.compiler-title{font-size:1.5rem}.code-editor{height:300px}.compile-button{width:100%;font-size:1rem}.output-section h2{font-size:1.2rem}}@media(max-width:480px){.compiler-title{font-size:1.2rem}.code-editor{height:250px}.compile-button{padding:8px}}