/* AI Studio Home — landing/hub page linking to the four AI-* tool plugins.
   Same dark/red/Noto Sans KR system as the tool plugins for visual continuity. */

.ash-studio-home, .ash-studio-home * {
  font-family: 'Noto Sans KR', 'Noto Sans', -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;
}

.ash-studio-home {
  color-scheme: dark;
  max-width: 980px;
  margin: 40px auto;
  padding: 0 20px;
  line-height: 1.5;
}

.ash-studio-home .ash-panel {
  background: radial-gradient(120% 140% at 50% -10%, #2a1414 0%, #170f0f 55%, #0d0908 100%);
  border: 1px solid #3a2323;
  border-radius: 28px;
  padding: 56px 32px 48px;
  color: #e5e7eb;
}

.ash-studio-home .ash-hero { text-align: center; margin-bottom: 40px; }
.ash-studio-home .ash-h1 { font-size: 2rem; margin: 0 0 12px; color: #f8fafc; }
.ash-studio-home .ash-intro { margin: 0 auto; max-width: 46em; color: #9ca3af; font-size: 1rem; }

.ash-studio-home .ash-grid {
  display: grid; grid-template-columns: repeat(3, 1fr); gap: 20px;
}
@media (max-width: 860px) {
  .ash-studio-home .ash-grid { grid-template-columns: repeat(2, 1fr); }
}

.ash-studio-home .ash-card {
  display: block;
  background: #170f0f; border: 1px solid #3a2323; border-radius: 20px;
  padding: 28px 24px; text-decoration: none; color: inherit;
  transition: border-color 0.15s ease, transform 0.15s ease, background-color 0.15s ease;
}
.ash-studio-home a.ash-card:hover {
  border-color: #a3433f; transform: translateY(-2px);
  background: #1c1212;
}

.ash-studio-home .ash-card-icon {
  width: 40px; height: 40px; color: #f87171; margin-bottom: 16px;
}
.ash-studio-home .ash-card-icon svg { width: 100%; height: 100%; }

.ash-studio-home .ash-card-title { font-size: 1.15rem; font-weight: 700; color: #f8fafc; margin-bottom: 8px; }
.ash-studio-home .ash-card-desc { font-size: 0.88rem; color: #a08787; margin-bottom: 18px; line-height: 1.55; }

.ash-studio-home .ash-card-cta {
  display: inline-block; font-size: 0.9rem; font-weight: 700; color: #f87171;
}
.ash-studio-home .ash-card-disabled { opacity: 0.55; cursor: not-allowed; }
.ash-studio-home .ash-card-cta-disabled { color: #6b7280; }

@media (max-width: 640px) {
  .ash-studio-home .ash-grid { grid-template-columns: 1fr; }
  .ash-studio-home .ash-panel { padding: 40px 20px 32px; border-radius: 20px; }
  .ash-studio-home .ash-h1 { font-size: 1.6rem; }
}

/* --- Full-bleed mode -------------------------------------------------------
   Responds to this plugin's own fullscreen template. (The four tool plugins'
   templates aren't included here since this landing page is a distinct
   destination, not meant to share a page with a tool widget.) */
body.ash-fullscreen-page {
  margin: 0;
  min-height: 100vh;
  background: radial-gradient(120% 90% at 50% -10%, #2a1414 0%, #170f0f 45%, #0d0908 100%);
}
body.ash-fullscreen-page .ash-studio-home { max-width: 980px; margin: 0 auto; padding: 72px 20px; }
body.ash-fullscreen-page .ash-panel { background: none; border: none; padding: 0; }