/* 常時ライトモード固定定義 */
:root, body, main {
    --bg-color: #ffffff !important;
    --text-color: #202124 !important;
    --link-color: #1a73e8 !important;
    --border-color: #dadce0 !important;
    --table-header-bg: #f8f9fa !important;
    --table-hover-bg: #f1f3f4 !important;
}
.llm-panel, .ai-section {
  background:#fff; border:1px solid #e2e8f0; border-radius:14px;
  padding:22px 20px; box-shadow:0 4px 16px rgba(15,23,42,.06);
}
.llm-title { font-weight:700; margin-bottom:12px; }
.llm-note, .ai-section .input-tip { font-size:.85em; color:#64748b; margin-top:12px; }

.llm-grid, .ai-buttons-grid {
  display:grid; grid-template-columns:repeat(3,1fr); gap:12px;
}
.llm-card, .btn-ai {
  display:flex; align-items:center; justify-content:center;
  padding:13px 12px; border-radius:10px; font-weight:700; font-size:.9em;
  text-decoration:none; color:#fff;
  box-shadow:0 2px 8px rgba(0,0,0,.08);
  transition:transform .18s, box-shadow .18s, filter .18s;
}
.llm-card:hover, .btn-ai:hover { transform:translateY(-3px); box-shadow:0 8px 20px rgba(0,0,0,.15); }

#link-perplexity, .ai-pplx { background:linear-gradient(135deg,#1e293b,#334155); }
#link-grok, .ai-grok-x { background:linear-gradient(135deg,#000,#27272a); }
#link-grok-com, .ai-grok-com { background:linear-gradient(135deg,#3f3f46,#52525b); }
#link-chatgpt, .ai-gpt { background:linear-gradient(135deg,#059669,#10b981); }
#link-danbooru, .ai-danbooru { background:linear-gradient(135deg,#d97706,#f59e0b); }
#link-google, .ai-google { background:linear-gradient(135deg,#2563eb,#3b82f6); }
#link-google.disabled { opacity:.4; pointer-events:none; filter:grayscale(100%); }

@media (max-width:768px){ .llm-grid,.ai-buttons-grid{ grid-template-columns:repeat(2,1fr); } }
@media (max-width:420px){ .llm-grid,.ai-buttons-grid{ grid-template-columns:1fr; } }
#profid-badge{text-align:center;margin:12px auto;display:block;}


/* [自動追記 v1.1.1_fixed] 全ツール共通レイアウト最適化 */
body { display:flex !important; flex-direction:column !important; min-height:100vh !important; }
#common-nav-container, header, .common-header-area { order:0 !important; }
main, .main-tools-container, .guide-wrap, .container { order:1 !important; }
#common-footer-container, footer { order:20 !important; margin-top:auto !important; }

/* ============================================================
   [自動適用 v1.1.2_fixed] 全ツール共通レイアウト・ヘッダー位置最適化
   ============================================================ */
body {
  display: flex !important;
  flex-direction: column !important;
  min-height: 100vh !important;
  margin: 0;
  padding: 0;
}

header, .hero, .top-nav, #common-nav-container, .common-header-area {
  order: 0 !important;
}

main, .main-tools-container, .guide-wrap, .container, .unified-table-width {
  order: 1 !important;
}

.very-bottom-table {
  order: 10 !important;
}

.browser-bar {
  order: 11 !important;
}

#common-footer-container, footer {
  order: 20 !important;
  margin-top: auto !important;
}

/* =========================================================
   2026-10-18: Danbooru 連携ボタンを小さめに（機能維持）
   - 他5ボタン（Perplexity/Grok/Grok.com/ChatGPT/Gemini）より控えめ
   ========================================================= */
.llm-grid #link-danbooru,
.ai-buttons-grid #link-danbooru {
    padding: 7px 10px !important;
    font-size: 0.75em !important;
    border-radius: 8px !important;
    box-shadow: 0 1px 4px rgba(0,0,0,0.06) !important;
    opacity: 0.85;
    min-height: auto !important;
    align-self: center;
}
.llm-grid #link-danbooru:hover,
.ai-buttons-grid #link-danbooru:hover {
    opacity: 1;
    transform: translateY(-1px);
    box-shadow: 0 3px 8px rgba(0,0,0,0.12) !important;
}
.llm-grid #link-danbooru .llm-icon,
.ai-buttons-grid #link-danbooru .llm-icon {
    font-size: 0.95em;
    margin-right: 4px;
}
.llm-grid #link-danbooru .llm-name,
.ai-buttons-grid #link-danbooru .llm-name {
    font-size: 0.95em;
}