/* Dummy Image Generator - section-specific CSS */

.dummy-wrap {grid-template-columns: minmax(0, 1fr) 430px;}
.dummy-preview-image { display: block; max-width: 100%; height: auto; margin: 16px auto; border: 1px solid var(--border); border-radius: 12px; background: #fff; }
.url-copy-container { display: grid; grid-template-columns: 1fr auto; gap: 10px; margin-top: 10px; }
.url-copy-container button { width: auto; white-space: nowrap; }

#dummyUrl { font-family: Consolas, Monaco, monospace; font-size: 13px; }
.btn-view-tab {display: inline-block; margin-top: 16px; padding: 12px 14px; border-radius: 9px; background: var(--accent); color: #111; font-weight: bold; text-decoration: none; }
.btn-view-tab:hover { background: var(--accent-dark); }
.qr-code {display: block; max-width: 180px; margin: 16px auto 0; padding: 10px; border-radius: 12px; background: #fff; }
.center { text-align: center; }

@media (max-width: 940px) {
  .dummy-wrap {
    grid-template-columns: 1fr;
  }
}

@media (max-width: 520px) {
  .url-copy-container {
    grid-template-columns: 1fr;
  }

  .url-copy-container button {
    width: 100%;
  }
}