body { font-family: Arial, sans-serif; background:#f6f7fb; margin:0; padding:0px; }
.wrap { max-width:900px; margin:auto; background:white; padding:25px; border-radius:12px; box-shadow:0 8px 30px rgba(0,0,0,.08); }
h1 { margin-top:0; }
button, .btn, .btn-primary {
  display:inline-block;
  padding:10px 16px;
  border-radius:8px;
  border:none;
  cursor:pointer;
  text-decoration:none;
  margin-top:10px;
}
.btn-primary { background:#1f6feb; color:white; }
.btn { background:#eee; color:#111; }
.grid { display:grid; grid-template-columns:repeat(auto-fit, minmax(220px,1fr)); gap:15px; margin:20px 0; }
.card { border:1px solid #eee; padding:12px; border-radius:10px; }
.card h3 { margin:0 0 8px; }
label { display:block; margin:6px 0; }
input, select { width:100%; padding:8px; border:1px solid #ddd; border-radius:8px; }
.preview img { max-width:100%; border-radius:10px; border:1px solid #eee; }
.note { color:#666; margin-top:15px; }

.preview {
  max-width: 420px;
  margin-bottom: 15px;
}

.preview img {
  width: 100%;
  max-height: 420px;
  object-fit: contain;
}
.imginfo{
  margin: 8px 0 15px;
  padding: 8px 12px;
  background: #f2f6ff;
  border: 1px solid #dbe6ff;
  border-radius: 10px;
  font-size: 14px;
  color: #1b2b55;
  display: inline-block;
}



/* ===== AI Blust Header, footer, left right menu Layout ===== */




.layout{
  width:min(1300px, 96%);
  margin:18px auto;
  display:grid;
  grid-template-columns: 248px 1fr 220px;
  gap:16px;
}

.main-content{
  background:#fff;
  border-radius:14px;
  padding:18px;
  border:1px solid #e8eefc;
}




.btn-row{
  margin-top: 15px;
  display: flex;
  gap: 12px;
  flex-wrap: wrap;
  align-items: center;
}


/* Responsive: hide ad bars on mobile */
/* ✅ Responsive: hide ad bars on mobile */
@media (max-width: 800px){
  .layout{
    grid-template-columns: 1fr !important;
    width: 95% !important;
    margin: 12px auto !important;
  }

  /* ✅ Correct classes */
  .left-ads, .right-ads{
    display:none !important;
  }

  .main-content{
    padding: 14px !important;
  }

  h1{
    font-size: 22px !important;
  }
}

