<div id="editor" style="height: 100%; width: 100%;"></div>
      </div>
    </div>

    <!-- Preview Panel -->
    <div class="preview-panel">
      <div class="tabs">
        <div class="tab active" data-tab="preview">Preview</div>
        <div class="tab" data-tab="html">HTML</div>
        <div class="tab" data-tab="css">CSS</div>
      </div>

      <div class="tab-content active" id="preview-tab">
        <iframe class="preview-frame" id="previewFrame"></iframe>
      </div>

      <div class="tab-conte