/* A meglévő helyi minta adaptere. A művelet kizárólag a design.js mintaszövegét érinti. */
.stage-brand-pages .feature-ai-layout{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr);align-items:center;gap:60px}
.stage-brand-pages .feature-ai-copy>p{font-size:14px;line-height:1.9;margin-top:24px}
.stage-brand-pages .feature-ai-copy .quiet{font-size:12px;color:var(--muted)}
.stage-brand-pages .ai-demo{min-width:0}
.stage-brand-pages .demo-top{display:flex;align-items:center;flex-wrap:wrap;gap:8px;font-size:11px;border-bottom:1px solid var(--line);padding-bottom:18px;margin-bottom:24px}
.stage-brand-pages .tiny-dot{width:6px;height:6px;flex-shrink:0;border-radius:50%;background:var(--green)}
.stage-brand-pages .sample-tag{padding:4px 8px;border-radius:6px;background:var(--paper);color:var(--green);font-size:9px;margin-left:auto}
.stage-brand-pages .ai-message{display:grid;grid-template-columns:28px minmax(0,1fr);gap:12px;margin-bottom:24px}
.stage-brand-pages .avatar{display:grid;place-items:center;width:28px;height:28px;border-radius:50%;background:var(--ink);color:var(--paper);font-size:11px}
.stage-brand-pages .ai-demo p{max-width:none}
.stage-brand-pages .ai-answer{display:flex;align-items:flex-start;gap:12px;margin-bottom:24px}
.stage-brand-pages .ai-answer>div{min-width:0}
.stage-brand-pages .ai-answer b{font-size:13px}
.stage-brand-pages .ai-answer p{font-size:12px;margin-top:6px}
.stage-brand-pages .ai-orb{flex-shrink:0}
.stage-brand-pages .change-preview{padding:18px;border:1px solid var(--line);border-radius:12px;background:var(--paper);margin-bottom:24px}
.stage-brand-pages .change-preview .small-label{display:block;font-size:10px;color:var(--green);margin-bottom:10px}
.stage-brand-pages .change-preview #ai-result{font-size:14px}
.stage-brand-pages .ai-controls{display:flex;align-items:center;flex-wrap:wrap;gap:12px}
.stage-brand-pages .ai-controls button{border:0;cursor:pointer;min-height:44px;white-space:normal}
.stage-brand-pages .ai-controls button:disabled{opacity:.5;cursor:default}
.stage-brand-pages .ai-demo .ai-status{font-size:11px;line-height:1.8;color:var(--muted);margin-top:18px;min-height:40px}
@media(max-width:900px){.stage-brand-pages .feature-ai-layout{grid-template-columns:1fr;gap:35px}}