/* AI LIBRARY — PROMPT PAGE */
.ail-prompt-main {padding-top:9rem;}
.ail-breadcrumb {display:flex; align-items:center; gap:.65rem; margin-bottom:2rem; color:var(--muted-2,#94a3b8); font-size:.85rem;}
.ail-breadcrumb a {color:var(--muted-2,#94a3b8); text-decoration:none;}
.ail-breadcrumb a:hover {color:var(--accent,#7777ff);}
.ail-breadcrumb svg {width:15px; height:15px;}
.ail-prompt-hero {display:grid; grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr); gap:3rem; align-items:center;}
.ail-prompt-heading h1 {margin:1rem 0; color:var(--text,#fff); font-size:clamp(2.2rem,4vw,3.5rem); font-weight:800; line-height:1.12; letter-spacing:-.035em;}
.ail-prompt-meta {display:flex; align-items:center; flex-wrap:wrap; gap:.75rem; margin-bottom:1.25rem;}
.ail-prompt-meta code,.ail-detail-row code {padding:.35rem .65rem; color:#a5a6ff; background:rgba(99,102,241,.1); border:1px solid rgba(99,102,241,.2); border-radius:.4rem; font-size:.82rem;}
.ail-prompt-meta>span {color:var(--muted-2,#94a3b8); font-size:.82rem;}
.ail-prompt-heading>p {color:var(--muted-2,#94a3b8); font-size:1rem; line-height:1.8;}

/* DEMO IMAGES */
.ail-demo {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1rem; min-width:0; width:100%;}
.ail-demo-single {grid-template-columns:1fr;}
.ail-demo-item {position:relative; min-width:0; margin:0; overflow:hidden; background:var(--card,rgba(15,23,42,.6)); border:1px solid var(--stroke,rgba(51,65,85,.6)); border-radius:.9rem;}
.ail-demo-item img {display:block; width:100%; height:auto; max-height:540px; aspect-ratio:3/4; object-fit:cover;}
.ail-demo-single .ail-demo-item img {aspect-ratio:4/5; max-height:620px; object-fit:contain; background:#101522;}
.ail-demo-before_after .ail-demo-item figcaption {position:absolute; bottom:.75rem; left:.75rem; padding:.4rem .7rem; color:#fff; background:rgba(10,15,30,.8); border:1px solid rgba(255,255,255,.15); border-radius:.4rem; font-size:.75rem; font-weight:700;}
.ail-demo-gallery {grid-template-columns:repeat(2,minmax(0,1fr));}
.ail-demo-gallery .ail-demo-item:first-child {grid-column:span 2;}
.ail-demo-gallery .ail-demo-item:first-child img {aspect-ratio:16/9; max-height:360px;}
.ail-demo-gallery .ail-demo-item:not(:first-child) img {aspect-ratio:4/3; max-height:260px;}

/* TWO IMG — SAME SIZE AS BEFORE/AFTER */
.ail-prompt-hero-two-img {grid-template-columns:minmax(0,.85fr) minmax(0,1.15fr);}
.ail-prompt-hero-two-img .ail-demo {grid-template-columns:repeat(2,minmax(0,1fr));}
.ail-prompt-hero-two-img .ail-demo-item img {aspect-ratio:3/4; max-height:540px; object-fit:cover;}

/* INFO CARDS */
.ail-info-grid {display:grid; grid-template-columns:repeat(2,minmax(0,1fr)); gap:1.5rem; margin-top:4rem;}
.ail-info-card {padding:2rem; background:var(--card,rgba(15,23,42,.6)); border:1px solid var(--stroke,rgba(51,65,85,.6)); border-radius:1rem;}
.ail-section-label {display:block; margin-bottom:.8rem; color:#a5a6ff; font-size:.72rem; font-weight:700; letter-spacing:.09em;}
.ail-info-card h2,.ail-prompt-box h2,.ail-service-cta h2 {margin-bottom:1rem; color:var(--text,#fff); font-size:1.4rem; font-weight:700;}
.ail-info-card p,.ail-info-card li {color:var(--muted-2,#94a3b8); font-size:.92rem; line-height:1.8;}
.ail-info-card ol {padding-left:1.25rem; margin-top:1rem;}
.ail-info-card li {padding-left:.25rem; margin-bottom:.35rem;}
.ail-detail-row {display:flex; align-items:center; justify-content:space-between; gap:1rem; padding:.85rem 0; border-top:1px solid var(--stroke,rgba(51,65,85,.6)); color:var(--muted-2,#94a3b8); font-size:.88rem;}

/* PROMPT BOX */
.ail-prompt-box {margin-top:2rem; padding:2rem; background:var(--card,rgba(15,23,42,.6)); border:1px solid var(--stroke,rgba(51,65,85,.6)); border-radius:1rem;}
.ail-prompt-box-heading {display:flex; align-items:center; justify-content:space-between; gap:1.5rem; margin-bottom:1.25rem;}
.ail-prompt-box-heading h2 {margin-bottom:.5rem;}
.ail-prompt-box-heading p {margin:0; color:var(--muted-2,#94a3b8); font-size:.9rem; line-height:1.6;}
.ail-copy-button {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:.55rem; padding:.75rem 1rem; color:#fff; background:var(--accent,#7777ff); border:0; border-radius:.55rem; font-size:.85rem; font-weight:700; cursor:pointer; transition:background .2s;}
.ail-copy-button:hover {background:var(--accent-2,#6666ee);}
.ail-copy-button:disabled {opacity:.45; cursor:not-allowed;}
.ail-copy-button svg {width:16px; height:16px;}
.ail-prompt-text {max-height:480px; overflow:auto; padding:1.25rem; margin:0; color:var(--muted,#cbd5e1); background:var(--glass,rgba(2,6,23,.45)); border:1px solid var(--stroke,rgba(51,65,85,.6)); border-radius:.65rem; font-family:monospace; font-size:.85rem; line-height:1.8; white-space:pre-wrap; overflow-wrap:anywhere;}
.ail-prompt-notice,.ail-copy-status {margin-top:.75rem; color:var(--muted-2,#94a3b8); font-size:.82rem; line-height:1.6;}
.ail-prompt-empty {padding:2rem; text-align:center; background:var(--glass,rgba(2,6,23,.45)); border:1px dashed var(--stroke,rgba(51,65,85,.6)); border-radius:.65rem;}
.ail-prompt-empty>svg {width:28px; height:28px; margin-bottom:.75rem; color:var(--muted-2,#94a3b8);}
.ail-prompt-empty h3 {margin-bottom:.5rem; color:var(--text,#fff); font-size:1rem;}
.ail-prompt-empty p {margin:0; color:var(--muted-2,#94a3b8); font-size:.88rem; line-height:1.6;}

/* BUSINESS CTA */
.ail-service-cta {display:flex; align-items:center; justify-content:space-between; gap:2rem; margin-top:2rem; padding:2rem; background:linear-gradient(135deg,rgba(99,102,241,.12),rgba(15,23,42,.35)); border:1px solid var(--stroke,rgba(51,65,85,.6)); border-radius:1rem;}
.ail-service-cta-content {max-width:650px;}
.ail-service-cta .ail-section-label {margin-bottom:.65rem;}
.ail-service-cta h2 {margin-bottom:.65rem;}
.ail-service-cta p {margin:0; color:var(--muted-2,#94a3b8); font-size:.92rem; line-height:1.8;}
.ail-service-cta-button {display:inline-flex; align-items:center; justify-content:center; flex-shrink:0; gap:.6rem; padding:.85rem 1.1rem; color:#fff; background:var(--accent,#7777ff); border-radius:.55rem; font-size:.85rem; font-weight:700; text-decoration:none; transition:background .2s;}
.ail-service-cta-button:hover {background:var(--accent-2,#6666ee);}
.ail-service-cta-button svg {width:17px; height:17px;}
.ail-service-cta .ail-service-cta-note {max-width:220px; font-size:.82rem;}

/* NAVIGATION AND NOT FOUND */
.ail-prompt-back {margin-top:2.5rem;}
.ail-prompt-back a {display:inline-flex; align-items:center; gap:.5rem; color:var(--accent,#7777ff); font-size:.9rem; font-weight:600;}
.ail-prompt-back svg {width:17px; height:17px;}
.ail-not-found {max-width:650px; margin:3rem auto; text-align:center;}
.ail-not-found h1 {margin:1rem 0; color:var(--text,#fff); font-size:2.5rem; font-weight:800;}
.ail-not-found p {margin-bottom:2rem; color:var(--muted-2,#94a3b8); line-height:1.7;}

@media (max-width:968px) {
.ail-prompt-hero {grid-template-columns:1fr; gap:2rem;}
.ail-prompt-heading {max-width:760px;}
.ail-demo {max-width:760px; width:100%; margin:0 auto;}
.ail-info-grid {gap:1rem;}
.ail-info-card {padding:1.5rem;}
.ail-service-cta {align-items:flex-start; flex-direction:column; gap:1.25rem;}
.ail-service-cta .ail-service-cta-note {max-width:none;}
}

@media (max-width:640px) {
.ail-prompt-main {padding:8rem 1rem 4rem;}
.ail-prompt-hero {gap:1.5rem;}
.ail-prompt-heading h1 {font-size:2.25rem;}
.ail-demo {gap:.6rem;}
.ail-demo-item img {aspect-ratio:3/4;}
.ail-demo-single .ail-demo-item img {aspect-ratio:4/5;}
.ail-demo-gallery .ail-demo-item:first-child img {aspect-ratio:4/3;}
.ail-demo-gallery .ail-demo-item:not(:first-child) img {aspect-ratio:4/3;}
.ail-prompt-hero-two-img .ail-demo {gap:.6rem;}
.ail-info-grid {grid-template-columns:1fr; margin-top:2.5rem;}
.ail-info-card,.ail-prompt-box,.ail-service-cta {padding:1.25rem;}
.ail-prompt-box-heading {align-items:flex-start; flex-direction:column; gap:1rem;}
.ail-copy-button {width:100%;}
.ail-detail-row {align-items:flex-start;}
.ail-prompt-text {max-height:420px; padding:1rem; font-size:.8rem;}
.ail-service-cta-button {width:100%;}
}

@media (prefers-reduced-motion:reduce) {
.ail-copy-button,.ail-service-cta-button {transition:none;}
}