"""Static Gradio CSS for the product UI."""

CSS = """
.gradio-container { max-width: 1280px !important; margin: 0 auto; }
#ltx-hero {
  border: 1px solid rgba(244, 154, 63, .28);
  border-radius: 18px;
  padding: 18px 20px;
  margin-bottom: 14px;
  background: linear-gradient(135deg, rgba(244,154,63,.12), rgba(92,65,38,.04) 55%, rgba(0,0,0,.02));
}
#ltx-hero h1 { margin: 0 0 4px 0; letter-spacing: -.02em; }
#ltx-hero p { margin: 0; opacity: .78; }
#generate-btn { min-height: 46px; font-weight: 700; }
.ltx-subtle { opacity: .76; font-size: .92rem; }
#runtime-model-status { border: 1px solid rgba(128,128,128,.24); border-radius: 12px; padding: 9px 12px; margin: 0 0 12px 0; font-size: .90rem; }
"""