/* フロント + エディタ共通 */

.pddb .pddb__link {
  display: flex;
  align-items: center;
  gap: 18px;

  padding: 18px 22px;
  border-radius: 18px;

  text-decoration: none;

  background-color: #fef2f2;
width: fit-content;
  transition: transform 0.15s ease, opacity 0.15s ease;
  border: 2px solid #ffc9c9;
  transition: .2s;
  
}

.pddb .pddb__link:hover {
  opacity: 0.92;
  color:#1967d2;
  border-color:#1967d2;
}

.pddb .pddb__link:focus-visible {
  outline: 2px solid #111;
  outline-offset: 3px;
}

.pddb .pddb__icon {
  flex: 0 0 auto;
  font-size: 34px;
  line-height: 1;
  color: #e7000b;

}

.pddb .pddb__label {
  /* font-size: 28px; */
  font-weight: 700;
  line-height: 1.2;
}

/* エディタ側プレビュー用（aタグにしないで見せてるので同じ見た目に寄せる） */
.pddb .pddb__preview {
  display: flex;
  align-items: center;
  gap: 18px;

  padding: 18px 22px;
  border-radius: 18px;

  background: #fdecec;
  color: #111;
}

/* 右側パネル */
.pddb__inspector {
  display: grid;
  gap: 12px;
}

.pddb__inspector .pddb__fileinfo {
  padding: 10px 12px;
  border: 1px solid #ddd;
  border-radius: 8px;
  background: #fff;
}

.pddb__inspector .pddb__filename {
  font-weight: 600;
  margin-bottom: 6px;
  word-break: break-word;
}

.pddb__inspector .pddb__fileurl {
  font-size: 12px;
  opacity: 0.8;
  word-break: break-all;
}