/* URL to PDF 固有のスタイル */

.options-grid {
  display: grid;
  grid-template-columns: repeat(auto-fit, minmax(150px, 1fr));
  gap: var(--spacing-md);
  margin-top: var(--spacing-lg);
  padding-top: var(--spacing-lg);
  border-top: 1px solid var(--color-border);
}

.option-item {
  display: flex;
  flex-direction: column;
  gap: var(--spacing-xs);
}

.option-item label {
  font-size: 0.875rem;
  font-weight: 500;
  color: var(--color-text-secondary);
}

.option-select {
  padding: var(--spacing-sm) var(--spacing-md);
  border: 1px solid var(--color-border);
  border-radius: var(--radius-md);
  background: var(--color-bg-secondary);
  color: var(--color-text-primary);
  font-family: var(--font-body);
  font-size: 0.9375rem;
  outline: none;
  transition: var(--transition-base);
  cursor: pointer;
}

.option-select:focus {
  border-color: #1a1a1a;
  box-shadow: none;
}

.loading-subtext {
  margin-top: var(--spacing-sm);
  color: var(--color-text-muted);
  font-size: 0.875rem;
  text-align: center;
}

/* プレビューコンテナのスタイル（PDF生成時のレイアウト用） */
#previewContainer {
  background: white;
  color: black;
}

/* PDF生成時の調整 */
.html2pdf__page-break {
  padding-bottom: 20px;
}

@media (max-width: 768px) {
  .options-grid {
    grid-template-columns: 1fr;
  }
}