.builder-grid {
      display: grid;
      grid-template-columns: 1fr 1fr;
      gap: 24px;
      max-width: 1400px;
      margin: 0 auto;
      padding: 40px 24px;
      min-height: 80vh;
    }
    .form-column, .preview-column {
      background: var(--panel);
      border: 1px solid var(--border);
      border-radius: 20px;
      padding: 24px;
    }
    .preview-column iframe {
      width: 100%;
      height: 600px;
      border: none;
      background: #fff;
      border-radius: 12px;
    }
    .export-buttons {
      display: flex;
      gap: 12px;
      margin-top: 16px;
      flex-wrap: wrap;
    }
    .field-group {
      margin-bottom: 16px;
    }
    .field-group label {
      display: block;
      font-weight: 600;
      font-size: 13px;
      margin-bottom: 4px;
    }
    .field-group input,
    .field-group textarea,
    .field-group select {
      width: 100%;
      padding: 10px 12px;
      border: 1px solid var(--border);
      border-radius: 10px;
      font-size: 13px;
      background: var(--bg-2);
      font-family: inherit;
    }
    .field-group textarea {
      resize: vertical;
    }
    .btn-submit {
      width: 100%;
      padding: 14px;
      font-size: 15px;
      border-radius: 14px;
      justify-content: center;
      margin-top: 8px;
    }
    @media (max-width: 900px) {
      .builder-grid {
        grid-template-columns: 1fr;
      }
    }
        .project-item { background: var(--bg-2); border: 1px solid var(--border); border-radius: 12px; padding: 12px 16px; margin-bottom: 10px; display: flex; justify-content: space-between; align-items: center; }
        .project-item .project-info { flex: 1; }
        .project-item .project-info strong { display: block; font-size: 14px; }
        .project-item .project-info span { font-size: 13px; color: var(--muted); }
        .project-item .remove-btn { background: none; border: none; color: var(--muted-2); font-size: 20px; cursor: pointer; padding: 0 8px; transition: color .2s; }
        .project-item .remove-btn:hover { color: var(--red); }
        .add-project-form { display: grid; grid-template-columns: 1fr 1fr; gap: 10px; margin-top: 8px; padding: 12px; background: var(--bg); border: 1px dashed var(--border); border-radius: 12px; }
        .add-project-form input { width: 100%; padding: 8px 10px; border: 1px solid var(--border); border-radius: 8px; font-size: 13px; background: var(--bg-2); }
        .add-project-form .full-width { grid-column: 1 / -1; }
        .add-project-form .btn-sm { grid-column: 1 / -1; justify-self: end; padding: 6px 16px; font-size: 12px; }
        .projects-empty { color: var(--muted-2); font-size: 13px; text-align: center; padding: 12px; }
        @media (max-width:600px) { .add-project-form { grid-template-columns: 1fr; } }