HTML Compiler By Aortx

Lines: 11

Aortx - HTML Compiler :root {   --editor-bg: #1e1e1e;   --editor-text: #d4d4d4;   --output-bg: #f5f5f5; }  body {   margin: 0;   padding: 20px;   font-family: system-ui, -apple-system, sans-serif;   background: #2d2d2d;   color: #fff; }  .container {   display: grid;   grid-template-columns: 1fr 1fr;   gap: 20px;   max-width: 1200px;   margin: 0 auto; }  h1 {   grid-column: 1 / -1;   text-align: center;   margin: 0 0 20px 0;   font-size: 2.5em;   color: #fff; }  .editor {   background: var(--editor-bg);   border-radius: 8px;   padding: 20px;   position: relative; }  #code-input {   width: 100%;   height: 400px;   background: transparent;   border: none;   color: var(--editor-text);   font-family: 'Monaco', 'Menlo', 'Ubuntu Mono', monospace;   font-size: 14px;   line-height: 1.5;   resize: none;   outline: none; }  .output {   background: var(--output-bg);   border-radius: 8px;   padding: 20px;   min-height: 400px; }  #preview {   width: 100%;   height: 400px;   border: none;   background: white; }  .controls {   margin-top: 20px;   display: flex;   gap: 10px;   align-items: center; }  .line-count {   color: #fff;   font-size: 14px;   margin-right: 10px; }  .button-container {   display: flex;   gap: 10px; } button {   background: #0066cc;   color: white;   border: none;   padding: 8px 16px;   border-radius: 4px;   cursor: pointer;   transition: background 0.2s; }  button:hover {   background: #0052a3; }  .error {   color: #ff4444;   margin-top: 10px;   font-size: 14px; }  .modal {   display: none;   position: fixed;   top: 0;   left: 0;   width: 100%;   height: 100%;   background: rgba(0,0,0,0.5);   z-index: 1000; }  .modal-content {   position: absolute;   top: 50%;   left: 50%;   transform: translate(-50%, -50%);   background: var(--editor-bg);   padding: 20px;   border-radius: 8px;   width: 300px; }  .modal h2 {   margin-top: 0;   color: white; }  .setting-group {   margin: 15px 0; }  .setting-group label {   display: block;   margin-bottom: 5px;   color: white; }  #fontSizeRange {   width: 100%; }  .close-modal {   position: absolute;   right: 10px;   top: 10px;   background: none;   border: none;   color: white;   font-size: 20px;   cursor: pointer; }

HTML Compiler By Aortx

Lines: 1

HTML Compiler By Aortx

Labs Settings