/**
 * AI Grammar Fixer — mobile V2 (premium app-like)
 * Opt-in: html[data-tl-mobile-v2="tool-v1"]
 */

@media (max-width: 760px) {
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] {
    overflow-x: clip;
  }

  html[data-tl-mobile-v2="tool-v1"] main[data-tool="ai-grammar-fixer"] #tool-workspace.tool-panel:not([data-ai-transform-mounted]) {
    min-height: 280px;
    border-radius: 18px;
    background: #fff;
    border: 1px solid #e2e8f0;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06);
  }

  html[data-tl-mobile-v2="tool-v1"] main[data-tool="ai-grammar-fixer"] #tool-workspace.tool-panel:not([data-ai-transform-mounted]) .utility-studio {
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] main[data-tool="ai-grammar-fixer"] .ai-transform-workspace-three:not(.agf-tool) {
    visibility: hidden;
    min-height: 280px;
    pointer-events: none;
  }

  html[data-tl-mobile-v2="tool-v1"] main[data-tool="ai-grammar-fixer"] .ai-transform-workspace-three.agf-tool {
    visibility: visible;
    pointer-events: auto;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-page-hero {
    display: block !important;
    margin: 0 0 8px !important;
    padding: 16px 16px 12px !important;
    text-align: center;
    background: linear-gradient(180deg, #f8fbff, #f1f8ff);
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-page-hero .eyebrow {
    display: block !important;
    margin-bottom: 6px !important;
    font-size: 0.8125rem !important;
    font-weight: 700 !important;
    color: #2563eb !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-page-hero h1 {
    margin: 0 auto !important;
    font-size: 28px !important;
    line-height: 1.12 !important;
    font-weight: 800 !important;
    color: #172033 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-page-hero h1 .agf-h1-line {
    display: block;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-page-hero .c100kb-h1-tail {
    display: inline;
    margin-left: 0.28em;
    font-size: 0.78em;
    font-weight: 700;
    color: #2563eb !important;
    opacity: 1 !important;
    white-space: nowrap;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-page-hero p,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-page-hero .tool-hero-sub {
    display: block !important;
    -webkit-line-clamp: unset !important;
    overflow: visible !important;
    margin: 10px auto 0 !important;
    font-size: 0.9375rem !important;
    line-height: 1.5 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] #tool-workspace.tool-panel {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-workspace.agf-tool {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
    width: calc(100vw - 24px) !important;
    max-width: 100% !important;
    margin-inline: auto !important;
    padding: 12px !important;
    padding-bottom: 88px !important;
    border-radius: 18px !important;
    background: #fff !important;
    border: 1px solid #e2e8f0 !important;
    box-shadow: 0 1px 3px rgba(15, 23, 42, 0.06) !important;
    overflow: visible !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-workspace-header {
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-result-nav {
    display: grid;
    grid-template-columns: repeat(2, 1fr);
    gap: 4px;
    padding: 3px;
    border-radius: 10px;
    background: #f1f5f9;
    border: 1px solid #e2e8f0;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-result-nav button {
    min-height: 40px;
    padding: 6px 4px !important;
    border: 0 !important;
    border-radius: 8px !important;
    background: transparent !important;
    font-size: 0.75rem !important;
    font-weight: 700 !important;
    color: #475569 !important;
    opacity: 1 !important;
    appearance: none;
    cursor: pointer;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-result-nav button.is-active {
    background: #fff !important;
    color: #1d4ed8 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.08);
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-tool:not(.agf-panel-setup) .agf-m-panel-setup,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-tool:not(.agf-panel-results) .agf-m-panel-results,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-tool:not(.agf-panel-options) .agf-m-panel-options {
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-workspace-grid,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-editor-grid {
    display: block !important;
    min-height: 0 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-setup,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-results,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-options {
    width: 100%;
    min-width: 0;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
    box-shadow: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-setup {
    display: flex !important;
    flex-direction: column !important;
    gap: 12px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-original .ai-transform-field {
    display: flex;
    flex-direction: column;
    gap: 6px;
    margin: 0;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-original .ai-transform-field > span {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-original :is(input, textarea, select) {
    min-height: 44px;
    padding: 10px 12px !important;
    font-size: 15px !important;
    border-radius: 10px;
    border: 1px solid #dbeafe;
    background: #fff;
    color: #172033 !important;
    opacity: 1 !important;
    width: 100%;
    box-sizing: border-box;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-original textarea {
    min-height: 110px;
    line-height: 1.5;
    resize: vertical;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] 

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-results .ai-transform-output {
    padding: 0 !important;
    max-height: none !important;
    overflow: visible !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-document {
    padding: 12px !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-document-header-block h3,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-doc-section h4 {
    font-size: 0.9375rem !important;
    font-weight: 700 !important;
    color: #172033 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-document-body p,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-doc-list li {
    font-size: 0.875rem !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-document-label,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-document-subtitle {
    font-size: 0.75rem !important;
    color: #475569 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-document-footer {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-doc-stat {
    min-height: 72px !important;
    display: flex !important;
    flex-direction: column !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 2px !important;
    padding: 10px 8px !important;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-doc-stat strong {
    font-size: 18px !important;
    font-weight: 700 !important;
    color: #2563eb !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-doc-stat small {
    font-size: 0.75rem !important;
    font-weight: 600 !important;
    color: #475569 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-status {
    grid-column: 1 / -1;
    margin: 0 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #475569 !important;
    opacity: 1 !important;
    text-align: center;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-empty-state,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-error-card {
    min-height: 200px !important;
    padding: 16px !important;
    border-radius: 12px !important;
    border: 1px dashed #cbd5e1 !important;
    background: #f8fafc !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-empty-state strong,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-empty-state p,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-error-card strong,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-error-card p {
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-options {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-workspace.agf-tool .ai-transform-settings-actions {
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-option-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-settings .ai-transform-field > span {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-settings :is(input, select, textarea) {
    min-height: 44px;
    padding: 10px 12px !important;
    font-size: 15px !important;
    border-radius: 10px;
    border: 1px solid #dbeafe;
    background: #fff;
    color: #172033 !important;
    opacity: 1 !important;
    width: 100%;
    box-sizing: border-box;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    padding: 10px 12px !important;
    border-radius: 10px;
    border: 1px solid #e2e8f0;
    background: #fff;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-check input {
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    flex: 0 0 auto;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-check span {
    font-size: 0.8125rem !important;
    font-weight: 500 !important;
    color: #334155 !important;
    opacity: 1 !important;
    line-height: 1.35;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-advanced-block {
    border-radius: 14px !important;
    border: 1px solid #dbeafe !important;
    background: #fff !important;
    box-shadow: 0 2px 10px rgba(37, 99, 235, 0.05);
    overflow: hidden;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced summary {
    display: flex !important;
    align-items: center !important;
    justify-content: space-between !important;
    gap: 8px !important;
    min-height: 48px !important;
    padding: 12px 14px !important;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    color: #172033 !important;
    opacity: 1 !important;
    cursor: pointer;
    list-style: none;
    background: linear-gradient(180deg, #ffffff, #f8fbff);
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced summary::-webkit-details-marker,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced summary::marker {
    display: none !important;
    content: "" !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced summary span {
    color: #172033 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced summary :is(i, svg) {
    width: 18px !important;
    height: 18px !important;
    color: #2563eb !important;
    flex-shrink: 0;
    transition: transform 0.18s ease;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced[open] summary {
    color: #1d4ed8 !important;
    border-bottom: 1px solid #e2e8f0;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced[open] summary span {
    color: #1d4ed8 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced[open] summary :is(i, svg) {
    transform: rotate(180deg);
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced .ai-transform-field-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
    padding: 12px 14px 14px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced .ai-transform-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-advanced .ai-transform-check span {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-field-grid {
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-sticky-bar {
    position: fixed;
    left: 12px;
    right: 12px;
    bottom: 10px;
    z-index: 40;
    display: grid;
    grid-template-columns: 1.4fr 1fr auto;
    gap: 8px;
    padding: 8px;
    border-radius: 14px;
    background: rgba(255, 255, 255, 0.96);
    border: 1px solid #e2e8f0;
    box-shadow: 0 8px 24px rgba(15, 23, 42, 0.12);
    backdrop-filter: blur(8px);
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-sticky-bar button {
    min-height: 44px;
    border-radius: 10px;
    font-size: 0.875rem;
    font-weight: 700;
    cursor: pointer;
    border: 0;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-sticky-primary {
    background: linear-gradient(135deg, #0b63ce, #2563eb);
    color: #fff !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-sticky-primary:disabled {
    opacity: 0.65 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-sticky-secondary {
    background: #fff;
    border: 1px solid #dbeafe !important;
    color: #1d4ed8 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-sticky-secondary:disabled {
    opacity: 0.5 !important;
    color: #94a3b8 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-sticky-tertiary {
    min-width: 44px;
    padding: 0 12px;
    background: #f8fafc;
    border: 1px solid #e2e8f0 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-workspace-note {
    width: calc(100vw - 24px) !important;
    max-width: calc(100vw - 24px) !important;
    margin: 10px auto 0 !important;
    display: flex !important;
    flex-direction: column !important;
    gap: 6px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-workspace-note span {
    justify-content: center;
    min-height: 36px;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-workspace.agf-tool,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools[data-theme="dark"] main[data-tool="ai-grammar-fixer"] .ai-workspace.agf-tool {
    background: #fff !important;
  }

  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-workspace.agf-tool :is(input, textarea, select),
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools[data-theme="dark"] main[data-tool="ai-grammar-fixer"] .ai-workspace.agf-tool :is(input, textarea, select) {
    background: #fff !important;
    color: #172033 !important;
    -webkit-text-fill-color: #172033 !important;
  }
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-input-intro {
    margin: 0;
    padding: 10px 12px;
    border-radius: 10px;
    border: 1px solid #dbeafe;
    background: #f8fbff;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    line-height: 1.45 !important;
    color: #1e40af !important;
    opacity: 1 !important;
    text-align: center;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-input-section {
    display: flex;
    flex-direction: column;
    gap: 10px;
    padding: 12px;
    border-radius: 12px;
    border: 1px solid #e2e8f0;
    background: #fff;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-input-section-title {
    margin: 0;
    font-size: 0.875rem !important;
    font-weight: 700 !important;
    color: #172033 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-text-grid,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-settings-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  @supports selector(:has(*)) {
    html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-settings-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-settings-grid .ai-transform-field {
      min-width: 0;
    }

    html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-settings-grid .ai-transform-field:has(textarea),
    html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-settings-grid .ai-transform-field:first-child {
      grid-column: 1 / -1 !important;
    }
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-setup .ai-transform-field > span,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-setup .ai-transform-check span {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-setup :is(input, textarea, select) {
    min-height: 44px;
    padding: 10px 12px !important;
    font-size: 15px !important;
    border-radius: 10px;
    border: 1px solid #dbeafe;
    background: #fff;
    color: #172033 !important;
    opacity: 1 !important;
    width: 100%;
    box-sizing: border-box;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-setup textarea {
    min-height: 96px;
    line-height: 1.5;
    resize: vertical;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-page-hero h1 .agf-h1-line {
    display: block;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .tool-workspace-note span {
    min-height: 44px !important;
    gap: 8px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-tool .ai-transform-settings,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-merged {
    display: none !important;
  }

  @supports selector(:has(*)) {
    html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-settings-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-settings-grid .ai-transform-field,
    html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-settings-grid .ai-transform-check {
      min-width: 0;
    }
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-merged,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-settings-actions,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-mobile-primary {
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-editor-grid,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-three-grid {
    display: block !important;
    min-height: 0 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-setup .ai-transform-pane-head,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-panel-setup .ai-transform-improved {
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-panel-results .agf-m-panel-setup {
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-results .ai-transform-improved-head h3,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-results .ai-transform-improved-head > div > p {
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-input {
    min-height: 140px !important;
    width: 100% !important;
    padding: 10px 12px !important;
    font-size: 15px !important;
    line-height: 1.5 !important;
    border-radius: 10px !important;
    border: 1px solid #dbeafe !important;
    background: #fff !important;
    color: #172033 !important;
    opacity: 1 !important;
    resize: vertical;
    box-sizing: border-box;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-inline-custom .ai-transform-field textarea {
    min-height: 88px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-quick-actions {
    display: grid;
    grid-template-columns: repeat(2, minmax(0, 1fr));
    gap: 8px;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-quick-btn {
    min-height: 44px;
    border-radius: 10px;
    border: 1px solid #dbeafe !important;
    background: #fff;
    color: #1d4ed8 !important;
    font-size: 0.875rem;
    font-weight: 700;
    opacity: 1 !important;
    cursor: pointer;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-checks-grid {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-checks-grid .ai-transform-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
    min-width: 0;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-checks-grid .ai-transform-check input {
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    flex: 0 0 auto;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-checks-grid .ai-transform-check span {
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    opacity: 1 !important;
    line-height: 1.35;
    white-space: nowrap;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-grid {
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: 10px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-grid .ai-transform-check {
    display: flex !important;
    align-items: center !important;
    gap: 8px !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 10px 12px !important;
    border-radius: 10px !important;
    border: 1px solid #e2e8f0 !important;
    background: #f8fafc !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-grid .ai-transform-check input {
    width: 18px !important;
    height: 18px !important;
    min-height: 18px !important;
    margin: 0 !important;
    flex: 0 0 auto;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-grid .ai-transform-check span,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-grid .ai-transform-field > span {
    font-size: 0.875rem !important;
    font-weight: 600 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-grid :is(select, input, textarea) {
    min-height: 44px;
    padding: 10px 12px !important;
    font-size: 15px !important;
    border-radius: 10px;
    border: 1px solid #dbeafe;
    background: #fff;
    color: #172033 !important;
    opacity: 1 !important;
    width: 100%;
    box-sizing: border-box;
  }

  @supports selector(:has(*)) {
    html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-grid {
      grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    }

    html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-options-grid .ai-transform-field:has(select) {
      grid-column: 1 / -1;
    }
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-results.ai-transform-improved {
    display: flex !important;
    flex-direction: column !important;
    gap: 10px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-results .ai-transform-output {
    order: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-results .ai-transform-improved-head {
    order: 2 !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-panel-results .ai-transform-improved-head > div:first-child {
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-result-toolbar {
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: 8px !important;
    width: 100% !important;
    margin: 0 !important;
    padding: 0 !important;
    border: 0 !important;
    background: transparent !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-result-toolbar .ai-secondary-button {
    display: inline-flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    width: 100% !important;
    min-width: 0 !important;
    min-height: 44px !important;
    margin: 0 !important;
    padding: 0 10px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #fff !important;
    color: #334155 !important;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    box-shadow: 0 1px 2px rgba(15, 23, 42, 0.04) !important;
    opacity: 1 !important;
    cursor: pointer;
    -webkit-tap-highlight-color: transparent;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-result-toolbar .ai-secondary-button :is(i, svg) {
    width: 16px !important;
    height: 16px !important;
    flex: 0 0 16px !important;
    color: #2563eb !important;
    stroke: #2563eb !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-result-toolbar .ai-secondary-button > span {
    color: #334155 !important;
    opacity: 1 !important;
    white-space: nowrap;
    overflow: hidden;
    text-overflow: ellipsis;
    min-width: 0;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-result-toolbar .ai-secondary-button:last-child {
    grid-column: 1 / -1;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-result-toolbar .ai-secondary-button[disabled] {
    opacity: 0.45 !important;
    background: #f8fafc !important;
    color: #94a3b8 !important;
    box-shadow: none !important;
    cursor: not-allowed;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-result-toolbar .ai-secondary-button:not([disabled]):active {
    transform: scale(0.98);
    background: #f8fafc !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-output {
    min-height: 200px;
    padding: 0 !important;
    overflow: visible !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-document,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-diff {
    padding: 12px !important;
    border-radius: 12px !important;
    border: 1px solid #e2e8f0 !important;
    background: #fff !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-document-body p,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-diff p {
    font-size: 0.875rem !important;
    line-height: 1.55 !important;
    color: #334155 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-doc-meta {
    display: grid !important;
    grid-template-columns: repeat(3, minmax(0, 1fr)) !important;
    gap: 8px !important;
    margin-top: 12px !important;
    padding-top: 12px !important;
    border-top: 1px solid #e2e8f0 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-doc-meta span {
    display: flex !important;
    align-items: center !important;
    justify-content: center !important;
    gap: 6px !important;
    min-width: 0 !important;
    min-height: 40px !important;
    padding: 8px 6px !important;
    border: 1px solid #e2e8f0 !important;
    border-radius: 10px !important;
    background: #f8fafc !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-doc-meta span :is(i, svg) {
    width: 15px !important;
    height: 15px !important;
    flex: 0 0 15px !important;
    color: #2563eb !important;
    stroke: #2563eb !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-doc-meta small {
    display: block !important;
    font-size: 0.6875rem !important;
    font-weight: 600 !important;
    line-height: 1.2 !important;
    color: #334155 !important;
    opacity: 1 !important;
    white-space: nowrap !important;
    overflow: hidden !important;
    text-overflow: ellipsis !important;
    max-width: 100% !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .agf-m-status {
    margin: 0 !important;
    text-align: center;
    font-size: 0.8125rem !important;
    font-weight: 600 !important;
    color: #475569 !important;
    opacity: 1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-empty strong,
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-grammar-fixer"] .ai-transform-empty p {
    color: #334155 !important;
    opacity: 1 !important;
  }
}

@media (min-width: 1200px) and (min-height: 700px) {
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body:is(.ai-caption-generator-body, html[data-tl-mobile-v2="tool-v1"] .ai-tweet-generator-body, html[data-tl-mobile-v2="tool-v1"] .ai-grammar-fixer-body, html[data-tl-mobile-v2="tool-v1"] .ai-blog-title-generator-body):not(.generic-tool-studio-active):not(.passport-editor-active) .site-header.site-header, html[data-tl-mobile-v2="tool-v1"] .ai-blog-title-generator-body):not(.generic-tool-studio-active):not(.passport-editor-active) .site-header.site-header.scrolled{
    position: relative !important;
    top: auto !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]){
    --ai-four-shell-width: 1320px;
    --ai-four-workspace-height: clamp(456px, calc(100svh - 270px), 506px);
    width: 100% !important;
    max-width: none !important;
    padding: .68rem 24px 1rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > .breadcrumb, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > section.tool-layout, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) section.tool-page-hero{
    width: min(var(--ai-four-shell-width), calc(100vw - 96px)) !important;
    max-width: min(var(--ai-four-shell-width), calc(100vw - 96px)) !important;
    margin-inline: auto !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > .breadcrumb{
    margin-top: 0 !important;
    margin-bottom: .42rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > section.tool-layout > .tool-main{
    display: flex !important;
    flex-direction: column !important;
    align-items: stretch !important;
    gap: 0 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .tool-page-hero{
    margin: 0 auto .72rem !important;
    padding: .16rem 1rem .22rem !important;
    background: transparent !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .tool-page-hero::before, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .tool-page-hero::after, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .tool-page-hero .eyebrow{
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) section.tool-page-hero h1, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .tool-page-hero h1{
    max-width: 980px !important;
    margin: 0 auto .18rem !important;
    color: #0f172a !important;
    font-family: "Plus Jakagfa Sans", Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", Arial, sans-serif !important;
    font-size: 27.52px !important;
    line-height: 33.58px !important;
    font-weight: 800 !important;
    letter-spacing: 0 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) section.tool-page-hero p, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .tool-page-hero p{
    max-width: 760px !important;
    margin: 0 auto !important;
    color: #506176 !important;
    font-size: .92rem !important;
    line-height: 1.32 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-workspace-three, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane{
    height: var(--ai-four-workspace-height) !important;
    min-height: 456px !important;
    max-height: 506px !important;
    display: flex !important;
    flex-direction: column !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-workspace-header, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-workspace-header{
    display: grid !important;
    grid-template-columns: minmax(250px, 1fr) auto minmax(250px, 1fr) !important;
    align-items: center !important;
    gap: .72rem !important;
    min-height: 58px !important;
    padding: .52rem .86rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-workspace-title{
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-workspace-kicker, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-workspace-kicker{
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: .98rem !important;
    line-height: 1.15 !important;
    font-weight: 850 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-document-toolbar, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-header-result-toolbar{
    justify-content: center !important;
    flex-wrap: nowrap !important;
    gap: .38rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-header-actions, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-header-actions{
    justify-content: flex-end !important;
    flex-wrap: nowrap !important;
    gap: .38rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-workspace-header .ai-mini-button, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-workspace-header .ai-mini-button{
    min-height: 36px !important;
    padding: .42rem .58rem !important;
    border-radius: 12px !important;
    font-size: .82rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-workspace-grid.ai-document-grid.ai-description-grid, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-form{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    height: auto !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-editor-grid, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-grid{
    display: grid !important;
    grid-template-columns: minmax(286px, 306px) minmax(520px, 1fr) minmax(318px, 326px) !important;
    height: 100% !important;
    min-height: 0 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-original, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-primary-panel{
    padding: 12px !important;
    overflow: auto !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .agf-m-settings-grid, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-primary-panel .ai-transform-field-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    gap: .46rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-original .ai-transform-field span, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-primary-panel .ai-transform-field span{
    position: absolute !important;
    width: 1px !important;
    height: 1px !important;
    clip: rect(0 0 0 0) !important;
    overflow: hidden !important;
    white-space: nowrap !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field{
    gap: .22rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field span, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-check span{
    color: #344256 !important;
    font-size: .75rem !important;
    line-height: 1.05 !important;
    font-weight: 780 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field input, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field textarea, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field select{
    min-height: 40px !important;
    padding: .58rem .72rem !important;
    border-radius: 14px !important;
    font-size: .94rem !important;
    line-height: 1.3 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-settings .ai-transform-field select, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel .ai-transform-field select{
    padding: .52rem 1.76rem .52rem .62rem !important;
    font-size: .86rem !important;
    line-height: 1.18 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-original textarea[id$="-topic"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-original textarea[id$="-purpose"], html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane #ai-topic{
    height: clamp(108px, 15svh, 136px) !important;
    min-height: 108px !important;
    resize: vertical !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-original textarea[id$="-customInstructions"], html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane #ai-customInstructions{
    height: clamp(70px, 10svh, 90px) !important;
    min-height: 70px !important;
    resize: vertical !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-improved, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-panel{
    min-width: 0 !important;
    min-height: 0 !important;
    border-left: 1px solid rgba(226, 232, 240, .92) !important;
    border-right: 1px solid rgba(226, 232, 240, .92) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-output, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-results-scroll{
    flex: 1 1 auto !important;
    min-height: 0 !important;
    max-height: none !important;
    padding: .72rem !important;
    overflow: auto !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-document-empty, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-empty-state{
    min-height: 100% !important;
    border-radius: 18px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-document{
    max-width: 100% !important;
    min-height: 100% !important;
    padding: 1rem !important;
    border-radius: 18px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-document-header-block h3{
    font-size: 1.3rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-doc-section p, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-doc-list{
    font-size: .94rem !important;
    line-height: 1.5 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-document-footer{
    grid-template-columns: repeat(4, minmax(0, 1fr)) !important;
    gap: .45rem !important;
    padding: .55rem .72rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-document-footer .ai-status{
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-doc-stat{
    padding: .42rem .5rem !important;
    border-radius: 12px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-settings, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel{
    display: flex !important;
    flex-direction: column !important;
    min-width: 0 !important;
    min-height: 0 !important;
    padding: 12px !important;
    overflow: hidden !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-description-options-scroll, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel .ai-settings-grid{
    min-height: 0 !important;
    overflow: auto !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-option-grid, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel .ai-settings-grid, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-advanced .ai-transform-field-grid, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-advanced-body{
    display: grid !important;
    grid-template-columns: repeat(2, minmax(0, 1fr)) !important;
    gap: .52rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-advanced, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-advanced{
    grid-column: 1 / -1 !important;
    border-radius: 14px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-advanced summary, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-advanced summary{
    min-height: 42px !important;
    padding: .58rem .72rem !important;
    font-size: .92rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-generate-button, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-generate-button{
    min-height: 42px !important;
    width: 100% !important;
    margin-top: auto !important;
    padding: .6rem .8rem !important;
    border-radius: 14px !important;
    font-size: .96rem !important;
    font-weight: 850 !important;
    background: linear-gradient(135deg, #3b82f6, #2563eb) !important;
    box-shadow: 0 14px 28px rgba(37, 99, 235, .18) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-head{
    min-height: 48px !important;
    padding: .44rem .72rem !important;
    display: grid !important;
    grid-template-columns: 1fr !important;
    place-items: center !important;
    text-align: center !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-head .ai-result-toolbar{
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-head h3{
    margin: 0 !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: .98rem !important;
    line-height: 1.12 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-head p{
    margin: .08rem 0 0 !important;
    color: #64748b !important;
    -webkit-text-fill-color: #64748b !important;
    font-size: .78rem !important;
    line-height: 1.15 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-card{
    padding: .78rem !important;
    border-radius: 17px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-title{
    margin: .38rem 0 .44rem !important;
    color: #0f172a !important;
    -webkit-text-fill-color: #0f172a !important;
    font-size: 1.05rem !important;
    line-height: 1.24 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-card-actions .ai-secondary-button, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-card-actions .ai-ghost-button{
    min-height: 34px !important;
    padding: .36rem .52rem !important;
    border-radius: 12px !important;
    font-size: .78rem !important;
  }
}

@media (max-width: 1199px) {
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .tool-layout, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .tool-main, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) #tool-workspace.tool-panel{
    width: 100% !important;
    max-width: 100% !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-editor-grid, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-grid{
    grid-template-columns: 1fr !important;
    min-height: 0 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-description-options-scroll, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel .ai-settings-grid{
    overflow: visible !important;
  }
}

html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-workspace-three, html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-workspace-header, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-original, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-improved, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-settings, html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-workspace-header, html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-primary-panel, html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel, html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-panel{
  background: linear-gradient(180deg, rgba(15, 23, 42, .98), rgba(11, 18, 32, .96)) !important;
  border-color: rgba(96, 165, 250, .42) !important;
}

html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-title{
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-workspace-kicker, html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-head h3{
  color: #f8fafc !important;
  -webkit-text-fill-color: #f8fafc !important;
}

html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-result-head p{
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}


html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > section.tool-layout > .tool-main > #tool-workspace.tool-panel{
  order: 1 !important;
}

html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > section.tool-layout > .tool-main > .tool-workspace-note{
  order: 2 !important;
  margin: .58rem auto .94rem !important;
}

html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > section.tool-layout > .tool-main > .tool-content-stack{
  order: 3 !important;
}


@media (min-width: 1200px) and (min-height: 700px) {
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]){
    --ai-four-workspace-height: 524px;
    padding-top: .4rem !important;
    padding-bottom: 0 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > .breadcrumb{
    margin-top: .72rem !important;
    margin-bottom: .25rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) section.tool-page-hero{
    width: min(var(--ai-four-shell-width), calc(100vw - 96px)) !important;
    max-width: min(var(--ai-four-shell-width), calc(100vw - 96px)) !important;
    margin: -.55rem auto .02rem !important;
    padding: .06rem .75rem .04rem !important;
    min-height: 0 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) section.tool-page-hero h1{
    max-width: 900px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) section.tool-page-hero .tool-hero-copy{
    width: min(1180px, 100%) !important;
    max-width: 1180px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) section.tool-page-hero p{
    width: 100% !important;
    max-width: 1180px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > section.tool-layout > .tool-main > #tool-workspace.tool-panel{
    margin-bottom: .9rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-workspace-three, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane{
    height: 524px !important;
    min-height: 524px !important;
    max-height: 524px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-workspace-grid.ai-document-grid.ai-description-grid{
    display: grid !important;
    grid-template-columns: 1fr !important;
    width: 100% !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-editor-grid, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-grid{
    grid-column: 1 / -1 !important;
    width: 100% !important;
    grid-template-columns: 306px minmax(0, 1fr) 292px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-settings, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel{
    padding: 12px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-settings .ai-transform-field select, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel .ai-transform-field select{
    padding-right: 1.28rem !important;
    font-size: .8rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-document-footer{
    display: none !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-document-empty{
    border-style: solid !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > section.tool-layout > .tool-main > .tool-workspace-note{
    height: 42px !important;
    margin-top: 0 !important;
    margin-bottom: .45rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main#main.page-shell.tool-page.flux-tool-page:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) > section.tool-layout > .tool-main > .tool-workspace-note span{
    min-height: 34px !important;
    padding: .4rem .72rem !important;
  }
}


@media (min-width: 1200px) and (min-height: 700px) {
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-settings, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel{
    padding: 11px 12px 12px !important;
    background: linear-gradient(180deg, rgba(255, 255, 255, .98), rgba(248, 251, 255, .96)) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-description-options-scroll, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel .ai-settings-grid{
    overflow: auto !important;
    scrollbar-width: thin !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-option-grid, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel .ai-settings-grid{
    gap: .6rem .56rem !important;
    align-items: stagf !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field{
    gap: .14rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field span, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-check span{
    font-size: .74rem !important;
    line-height: 1.12 !important;
    letter-spacing: 0 !important;
    color: #334155 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field input, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field textarea, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field select{
    min-height: 40px !important;
    border-radius: 13px !important;
    font-size: .84rem !important;
    font-weight: 650 !important;
    box-shadow: inset 0 1px 0 rgba(255, 255, 255, .72) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field input::placeholder, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field textarea::placeholder{
    color: #94a3b8 !important;
    font-size: .82rem !important;
    font-weight: 650 !important;
    line-height: 1.28 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-option-grid > .ai-transform-field:has(#ai-emojiLevel){
    grid-column: 1 / -1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-settings .ai-check, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel .ai-check{
    min-height: 40px !important;
    padding: .48rem .6rem !important;
    border-radius: 13px !important;
    gap: .46rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-settings .ai-check input, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel .ai-check input{
    width: 16px !important;
    height: 16px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-advanced, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-advanced{
    border-radius: 13px !important;
    box-shadow: 0 10px 24px rgba(37, 99, 235, .055) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-advanced summary, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-advanced summary{
    min-height: 39px !important;
    padding: .48rem .64rem !important;
    font-size: .86rem !important;
    line-height: 1.12 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-settings-actions{
    margin-top: auto !important;
    padding-top: .68rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-tweet-generator"] .ai-transform-option-grid > .ai-check{
    grid-column: 1 / -1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-generate-button, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-generate-button{
    min-height: 40px !important;
    padding: .52rem .76rem !important;
    border-radius: 13px !important;
    font-size: .9rem !important;
    letter-spacing: 0 !important;
    background: linear-gradient(135deg, #347af0, #245fe8) !important;
    box-shadow: 0 12px 24px rgba(37, 99, 235, .15) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-generate-button i, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-three-pane .ai-generate-button i{
    width: 18px !important;
    height: 18px !important;
  }
}

@media (min-width: 1200px) and (min-height: 700px) {
  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"]) .ai-transform-settings, html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-blog-title-generator"] .ai-short-settings-panel{
    background: linear-gradient(180deg, rgba(15, 23, 42, .94), rgba(15, 23, 42, .9)) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field span, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-check span{
    color: #cbd5e1 !important;
  }

  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field input, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field textarea, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field select, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-advanced summary, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-check{
    color: #e5eefc !important;
    -webkit-text-fill-color: #e5eefc !important;
  }

  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main:is([data-tool="ai-caption-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-tweet-generator"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-grammar-fixer"], html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field input::placeholder, html[data-tl-mobile-v2="tool-v1"] [data-tool="ai-blog-title-generator"]) .ai-transform-field textarea::placeholder{
    color: #7f8da3 !important;
    -webkit-text-fill-color: #7f8da3 !important;
  }
}


html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-workspace-header .ai-document-toolbar .ai-mini-button[disabled], html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-workspace-header .ai-document-toolbar .ai-secondary-button[disabled]{
  opacity: .44 !important;
  box-shadow: none !important;
}

html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-document-empty{
  gap: .62rem !important;
  padding: 1rem !important;
}

html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-document-empty i{
  width: 24px !important;
  height: 24px !important;
  stroke-width: 1.9 !important;
}

html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-document-empty h3{
  font-size: .96rem !important;
  line-height: 1.18 !important;
}

html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-document-empty p{
  max-width: 620px !important;
  font-size: .9rem !important;
  line-height: 1.36 !important;
  color: #94a3b8 !important;
  -webkit-text-fill-color: #94a3b8 !important;
}

html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-field input::placeholder, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-field textarea::placeholder{
  color: #9aa8ba !important;
  -webkit-text-fill-color: #9aa8ba !important;
  font-size: .82rem !important;
  font-weight: 600 !important;
}

@media (min-width: 1200px) and (min-height: 700px) {
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-editor-grid{
    grid-template-columns: 328px minmax(0, 1fr) 292px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .agf-m-settings-grid{
    gap: .58rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-original textarea[id$="-topic"]{
    min-height: 106px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-original textarea[id$="-customInstructions"]{
    min-height: 76px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-settings .ai-advanced[open]{
    background: rgba(248, 251, 255, .82) !important;
    border-color: rgba(147, 197, 253, .62) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-settings .ai-advanced[open] summary{
    border-bottom: 1px solid rgba(191, 219, 254, .58) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-settings .ai-advanced .ai-transform-field-grid{
    gap: .5rem !important;
    padding-top: .5rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-settings .ai-advanced .ai-check, html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-settings .ai-advanced .ai-transform-field{
    min-height: 40px !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-settings-actions{
    border-top: 1px solid rgba(148, 163, 184, .16) !important;
    padding-top: .78rem !important;
  }

  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-generate-button{
    box-shadow: 0 10px 22px rgba(37, 99, 235, .15) !important;
  }
}

@media (min-width: 1200px) and (min-height: 700px) {
  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-settings .ai-advanced[open]{
    background: rgba(15, 23, 42, .86) !important;
    border-color: rgba(96, 165, 250, .36) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-settings .ai-advanced[open] summary{
    border-bottom-color: rgba(96, 165, 250, .24) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-transform-settings-actions{
    border-top-color: rgba(96, 165, 250, .2) !important;
  }

  html[data-tl-mobile-v2="tool-v1"] html[data-theme="dark"] body.flux-tool-body main[data-tool="ai-caption-generator"] .ai-document-empty p{
    color: #9aa8ba !important;
    -webkit-text-fill-color: #9aa8ba !important;
  }
}

@media (max-width: 760px) {
  html[data-tl-mobile-v2="tool-v1"] body.flux-tool-ai-tools main[data-tool="ai-caption-generator"] #tool-workspace.tool-panel {
    width: calc(100vw - 24px);
    max-width: calc(100vw - 24px);
    margin-inline: auto;
  }
}