/* ページ全体レイアウト */
        main {
            max-width: 960px;
            margin: 0 auto;
            padding: 16px;
            font-family: -apple-system, BlinkMacSystemFont, "Segoe UI", Roboto, "Helvetica Neue", Arial, sans-serif;
            color: #333;
        }
        h1 {
            font-size: 1.5rem;
            margin-bottom: 8px;
            border-left: 4px solid #0284c7;
            padding-left: 10px;
        }
        .description {
            font-size: 0.85rem;
            color: #666;
            margin-bottom: 16px;
        }
        /* マップ切替ナビゲーション */
        .map-nav {
            text-align: center;
            margin: 8px 0 16px;
            font-size: 0.9rem;
            background: #f8fafc;
            padding: 8px;
            border-radius: 6px;
            border: 1px solid #e2e8f0;
        }
        .map-nav a {
            text-decoration: none;
            color: #0284c7;
            margin: 0 4px;
            font-weight: 500;
        }
        .map-nav a.active {
            font-weight: bold;
            color: #0f172a;
            border-bottom: 2px solid #0284c7;
            padding-bottom: 2px;
        }
        /* SeaArt テーブルスタイル */
        .seaart-table {
            width: 100%;
            border-collapse: collapse;
            font-size: 0.88rem;
            margin-top: 8px;
            box-shadow: 0 1px 3px rgba(0,0,0,0.05);
            background: #fff;
        }
        .seaart-table caption {
            font-size: 0.75rem;
            color: #888;
            text-align: right;
            margin-bottom: 4px;
        }
        .seaart-table th, .seaart-table td {
            border: 1px solid #e2e8f0;
            padding: 8px 10px;
            vertical-align: middle;
        }
        .seaart-table th {
            background-color: #f1f5f9;
            color: #334155;
            font-weight: 600;
            text-align: left;
        }
        .seaart-table tr:nth-child(even) {
            background-color: #f8fafc;
        }
        .seaart-table tr:hover {
            background-color: #f0f9ff;
        }
        /* アイコン統一 28px 設定 */
        .pixai-icon-link img, .seaart-icon-link img, .civitai-icon-link img, .tensor-icon-link img,
        .acct-link img, td img, .icon img, .seaart-icon-container img {
            width: 28px !important;
            height: 28px !important;
            object-fit: contain !important;
            display: inline-flex !important;
            align-items: center !important;
            justify-content: center !important;
            vertical-align: middle !important;
        }
        .seaart-icon-container {
            display: inline-flex !important;
            gap: 8px !important;
            align-items: center !important;
        }
        .acct-title {
            font-weight: 600;
            color: #0369a1;
            text-decoration: none;
        }
        .acct-title:hover {
            text-decoration: underline;
        }
        .browser-tag {
            display: inline-block;
            background: #e0f2fe;
            color: #0369a1;
            padding: 2px 6px;
            border-radius: 4px;
            font-size: 0.75rem;
            font-weight: 500;
            margin-right: 4px;
        }
        .note-text {
            color: #64748b;
            font-size: 0.8rem;
        }

/* --- Extracted Style --- */

main {
    max-width: 960px;
    margin: 0 auto;
    padding: 16px;
    box-sizing: border-box;
  }

  table {
    width: 100%;
  }

  img {
    max-width: 100%;
    height: auto;
    display: block;
  }

/* ==================================================
   列はみ出し防止パッチ 2026-09-14
   ================================================== */
table.seaart-table, table[id="seaart-table"] {
    table-layout: fixed; width: 100%; max-width: 100%;
}
table.seaart-table td, table.seaart-table th,
table[id="seaart-table"] td, table[id="seaart-table"] th {
    overflow: hidden; text-overflow: ellipsis;
    word-wrap: break-word; overflow-wrap: break-word; word-break: break-word;
    vertical-align: middle; box-sizing: border-box; padding: 8px;
}
table.seaart-table th:nth-child(1), table.seaart-table td:nth-child(1) { width: 60%; }
table.seaart-table th:nth-child(2), table.seaart-table td:nth-child(2) { width: 25%; }
table.seaart-table th:nth-child(3), table.seaart-table td:nth-child(3) { width: 15%; }
.seaart-icon-container {
    display: inline-flex !important; align-items: center; gap: 8px;
    max-width: 100%; flex-wrap: wrap;
}
.seaart-icon-link {
    display: inline-flex; align-items: center; gap: 4px;
    max-width: 100%; white-space: normal; word-break: break-word; text-decoration: none;
}
.seaart-icon-link img { flex-shrink: 0; max-width: 24px; height: auto; }

/* === FIX 2026-09-14 縦長対策 最終上書き === */
table.seaart-table, table[id="seaart-table"] {
  table-layout: auto !important;
}
.seaart-icon-container {
  display: inline-flex !important;
  flex-wrap: nowrap !important;
  align-items: center !important;
  justify-content: flex-start !important;
  gap: 8px !important;
  max-width: 100% !important;
  width: auto !important;
  white-space: nowrap !important;
  overflow: visible !important;
}
.seaart-icon-link {
  width: auto !important;
  height: auto !important;
  max-width: none !important;
  display: inline-flex !important;
  flex-direction: row !important;
  align-items: center !important;
  gap: 8px !important;
  white-space: nowrap !important;
  word-break: keep-all !important;
  overflow-wrap: normal !important;
  overflow: visible !important;
  text-overflow: clip !important;
}
.seaart-icon-link img {
  width: 28px !important;
  height: 28px !important;
  flex-shrink: 0 !important;
}
.seaart-label {
  white-space: nowrap !important;
}
.seaart-table td:nth-child(1) {
  white-space: nowrap !important;
  overflow: visible !important;
}