/* Aalynex Content AI v5: fully scoped component design. No global layout or auth overrides. */
.ax-ai { --ax-txt:var(--text,#f4f5f8); --ax-muted:var(--text-2,#a7adbc); --ax-surface:var(--surface,#182536); --ax-border:var(--glass-border,rgba(134,145,164,.26)); --ax-brand:var(--accent,#dd6a40); --ax-ring:rgba(235,118,70,.35); color:var(--ax-txt);max-width:1460px;margin:0 auto;line-height:1.58; font-family:inherit;padding:0 0 65px;isolation:isolate }
.ax-ai,.ax-ai * { box-sizing:border-box }
.ax-ai h2,.ax-ai h3,.ax-ai h4,.ax-ai p { margin-top:0 }
.ax-ai .ax-eyebrow { color:var(--ax-brand);font-size:10px;letter-spacing:.17em;font-weight:800;text-transform:uppercase }
.ax-ai button { font-family:inherit;font-size:13px; font-weight:650; color:var(--ax-txt);background:var(--ax-surface);border:1px solid var(--ax-border);border-radius:11px;padding:11px 15px;cursor:pointer;transition:background-color .16s,border-color .16s,transform .16s;line-height:1.3 }
.ax-ai button:hover:not(:disabled) { border-color:var(--ax-brand);transform:translateY(-1px) }
.ax-ai button:disabled { opacity:.47;cursor:not-allowed;transform:none }
.ax-ai button:focus-visible,.ax-ai input:focus-visible,.ax-ai select:focus-visible,.ax-ai textarea:focus-visible,.ax-ai summary:focus-visible { outline:3px solid var(--ax-brand);outline-offset:3px }
.ax-ai button.ax-primary { color:#fff;background:linear-gradient(116deg,#d66a36,#ae3d31);border:1px solid #c55a39;box-shadow:0 8px 24px rgba(179,69,43,.19) }
.ax-ai button.ax-primary:hover:not(:disabled) { background:linear-gradient(116deg,#eb7946,#bc4a37) }
.ax-ai .ax-hero { min-height:244px;position:relative;display:flex;align-items:center;justify-content:space-between;overflow:hidden;border-radius:22px;padding:34px 42px;background:radial-gradient(ellipse at 85% 25%,rgba(230,117,68,.29),transparent 55%),linear-gradient(123deg,#111927 0%,#202436 57%,#38263a 100%);color:#f9f5f2;border:1px solid rgba(255,255,255,.12) }
.ax-ai .ax-hero::before { content:"";position:absolute;inset:0;pointer-events:none;background-image:linear-gradient(rgba(255,255,255,.03) 1px,transparent 1px),linear-gradient(90deg,rgba(255,255,255,.03) 1px,transparent 1px);background-size:40px 40px;mask-image:linear-gradient(90deg,transparent,black) }
.ax-ai .ax-hero-copy { position:relative;z-index:2;max-width:690px }
.ax-ai .ax-hero h2 { font-size:clamp(31px,4vw,52px);line-height:1.09;font-weight:800;letter-spacing:-.052em;margin:13px 0 16px;color:#fff }
.ax-ai .ax-hero h2 em { font-style:normal;color:#f5af89 }
.ax-ai .ax-hero p { max-width:600px;color:#ccd0dc;font-size:14px;line-height:1.6;margin-bottom:19px }
.ax-ai .ax-proof { display:flex;gap:16px;flex-wrap:wrap }
.ax-ai .ax-proof span { color:#e4c3b4;font-size:11px;font-weight:650 }
.ax-ai .ax-hero-visual { position:relative;min-width:235px;margin-right:17px;z-index:2 }
.ax-ai .ax-art-card { transform:rotate(7deg);display:grid;gap:6px;border:1px solid rgba(255,255,255,.18);background:rgba(16,26,42,.55);backdrop-filter:blur(15px);border-radius:17px;padding:18px 24px;box-shadow:0 18px 54px rgba(0,0,0,.22) }
.ax-ai .ax-art-card span { color:#f5ad80;font-size:9px;letter-spacing:.16em }
.ax-ai .ax-art-card strong { font-size:18px;letter-spacing:-.02em;color:#fff;margin-bottom:7px }
.ax-ai .ax-art-orb { position:absolute;top:-32px;right:-33px;width:76px;height:76px;border-radius:50%;background:linear-gradient(130deg,#ffbb8b,#db573e);display:grid;place-items:center;font-size:30px;color:#562818;box-shadow:0 6px 40px rgba(239,103,64,.4) }
.ax-ai .ax-status-strip { display:grid;grid-template-columns:minmax(180px,230px) 1fr auto;align-items:center;gap:20px;margin:17px 0 23px;background:var(--ax-surface);border:1px solid var(--ax-border);border-radius:15px;padding:15px 18px }
.ax-ai .ax-status-strip .ax-status-label { color:var(--ax-muted);font-size:10px;letter-spacing:.13em;font-weight:750;display:block }
.ax-ai .ax-credit strong {display:block;font-size:24px;letter-spacing:-.045em;line-height:1.2;margin:3px 0 9px;color:var(--ax-txt)}
.ax-ai .ax-credit strong small {color:var(--ax-muted);font-size:15px;font-weight:500}
.ax-ai .ax-credit-track {background:var(--ax-border);height:5px;border-radius:30px;overflow:hidden}
.ax-ai .ax-credit-track span {display:block;height:100%;border-radius:30px;background:linear-gradient(90deg,#ec9961,#c64e35)}
.ax-ai .ax-status-message {font-size:12px;color:var(--ax-muted);overflow-wrap:anywhere}
.ax-ai .ax-status-strip button {white-space:nowrap}
.ax-ai .ax-message:not(:empty),.ax-ai .ax-error,.ax-ai .ax-pending {font-size:13px;border-radius:12px;border:1px solid var(--ax-border);padding:14px 18px;margin:0 0 17px;background:var(--ax-surface)}
.ax-ai .ax-message:not(:empty) {border-left:3px solid #4ca68a}
.ax-ai .ax-error {border-left:3px solid #ed755b;color:var(--ax-txt)}
.ax-ai .ax-pending {border-left:3px solid #efb44d}
.ax-ai .ax-pending p {font-size:12px;color:var(--ax-muted);margin:6px 0}
.ax-ai .ax-layout { display:grid;grid-template-columns:minmax(0,1fr) 290px;align-items:start;gap:20px }
.ax-ai .ax-editor { min-width:0;display:grid;gap:21px }
.ax-ai .ax-pane,.ax-ai .ax-results { border:1px solid var(--ax-border);border-radius:18px;background:var(--ax-surface);padding:28px }
.ax-ai .ax-pane-head {display:flex;justify-content:space-between;align-items:center;gap:18px}
.ax-ai .ax-pane-head h3,.ax-ai .ax-results-head h3 {font-size:23px;letter-spacing:-.035em;font-weight:780;margin:6px 0 0;color:var(--ax-txt)}
.ax-ai .ax-step-indicator {font-size:11px;font-weight:700;color:var(--ax-muted);white-space:nowrap}
.ax-ai .ax-pane-intro {color:var(--ax-muted);font-size:12.5px;margin:12px 0 23px;max-width:640px}
.ax-ai .ax-starters { background:color-mix(in srgb,var(--ax-brand) 5%,var(--ax-surface));padding:15px 17px;border:1px dashed var(--ax-border);border-radius:12px;margin-bottom:24px }
.ax-ai .ax-starters strong {font-size:12px}
.ax-ai .ax-starter-actions {display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px;margin-top:12px}
.ax-ai .ax-starter-actions button {min-width:0;text-align:center;font-size:11px;padding:10px 7px}
.ax-ai .ax-form-grid {padding:0;margin:0;border:0;display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:19px 16px}
.ax-ai .ax-field {display:flex;min-width:0;flex-direction:column;gap:8px;font-size:12px;font-weight:700;color:var(--ax-txt)}
.ax-ai .ax-wide {grid-column:1/-1}
.ax-ai .ax-field input,.ax-ai .ax-field select,.ax-ai .ax-field textarea {appearance:auto;width:100%;min-width:0;font:inherit;font-size:13px;font-weight:450;color:var(--ax-txt);background:color-mix(in srgb,var(--ax-surface) 83%,#677084 17%);border:1px solid var(--ax-border);border-radius:10px;padding:12px 13px;line-height:1.45}
.ax-ai .ax-field textarea {min-height:78px;resize:vertical}
.ax-ai .ax-field small {font-size:11px;font-weight:450;color:var(--ax-muted);line-height:1.4}
.ax-ai .ax-actions {display:flex;gap:10px;flex-wrap:wrap;align-items:center;margin:27px 0 10px}
.ax-ai .ax-generate {min-height:48px;min-width:245px;flex:1}
.ax-ai .ax-note {font-size:11px;line-height:1.6;color:var(--ax-muted);margin:9px 0 0}
.ax-ai .ax-history {background:var(--ax-surface);border:1px solid var(--ax-border);border-radius:18px;min-width:0;padding:23px 18px;position:sticky;top:20px;max-height:calc(100vh - 45px);overflow:auto}
.ax-ai .ax-history-head {padding:0 7px 13px;border-bottom:1px solid var(--ax-border)}
.ax-ai .ax-history-head h3 {font-size:18px;letter-spacing:-.025em;margin:6px 0 2px}
.ax-ai .ax-history-head p,.ax-ai .ax-history-empty {font-size:11px;color:var(--ax-muted);margin:0 0 8px}
.ax-ai .ax-history-item {display:flex;align-items:center;text-align:left;width:100%;gap:10px;background:transparent;border:0;border-bottom:1px solid var(--ax-border);border-radius:0;padding:16px 6px;box-shadow:none}
.ax-ai .ax-history-item>span:nth-child(2) {min-width:0;flex:1}
.ax-ai .ax-history-item strong {display:block;font-size:12px;white-space:normal;overflow-wrap:anywhere}
.ax-ai .ax-history-item small {font-size:10px;display:block;color:var(--ax-muted);margin-top:4px}
.ax-ai .ax-history-icon {border-radius:9px;background:color-mix(in srgb,var(--ax-brand) 15%,transparent);color:var(--ax-brand);font-size:17px;padding:5px 10px}
.ax-ai .ax-history-arrow {font-size:14px;color:var(--ax-muted)}
.ax-ai .ax-history-more {margin:17px 0;width:100%}
.ax-ai .ax-history-foot {margin-top:24px;background:color-mix(in srgb,var(--ax-brand) 8%,var(--ax-surface));border-radius:12px;padding:13px}
.ax-ai .ax-history-foot strong {font-size:11px}
.ax-ai .ax-history-foot p {margin:6px 0 0;font-size:11px;color:var(--ax-muted)}
.ax-ai .ax-empty {margin:0;border:1px dashed var(--ax-border);border-radius:18px;padding:48px 26px;background:var(--ax-surface);text-align:center}
.ax-ai .ax-empty-art {font-size:42px;color:var(--ax-brand);margin-bottom:9px}
.ax-ai .ax-empty h3 {font-size:18px;letter-spacing:-.03em}
.ax-ai .ax-empty p {color:var(--ax-muted);font-size:12px;max-width:450px;margin:8px auto 0}
.ax-ai .ax-results-head {display:flex;justify-content:space-between;gap:15px;align-items:center;margin-bottom:22px;flex-wrap:wrap}
.ax-ai .ax-results-head p {color:var(--ax-muted);font-size:12px;margin:7px 0 0}
.ax-ai .ax-result-actions {display:flex;gap:8px;flex-wrap:wrap}
.ax-ai .ax-results-list {display:grid;gap:14px}
.ax-ai .ax-idea {background:color-mix(in srgb,var(--ax-surface) 88%,#788498 12%);border:1px solid var(--ax-border);border-radius:15px;padding:23px;overflow-wrap:anywhere}
.ax-ai .ax-idea-top {display:flex;gap:7px;flex-wrap:wrap;align-items:center;margin-bottom:11px}
.ax-ai .ax-tag {font-size:9.5px;font-weight:800;letter-spacing:.12em;color:var(--ax-brand);background:color-mix(in srgb,var(--ax-brand) 12%,transparent);padding:5px 9px;border-radius:7px}
.ax-ai .ax-tag-muted {color:var(--ax-muted);background:color-mix(in srgb,var(--ax-txt) 7%,transparent)}
.ax-ai .ax-idea h3 {font-size:20px;font-weight:800;letter-spacing:-.032em;line-height:1.27;margin:8px 0 12px;color:var(--ax-txt)}
.ax-ai .ax-idea-hook {font-weight:600;font-size:14px;line-height:1.6;margin:10px 0 17px;color:var(--ax-txt)}
.ax-ai .ax-idea-details {border-top:1px solid var(--ax-border);border-bottom:1px solid var(--ax-border);padding:9px 0;margin:6px 0 16px}
.ax-ai .ax-idea-details summary {list-style:none;display:flex;align-items:center;justify-content:space-between;cursor:pointer;font-size:12px;font-weight:700;padding:9px 3px}
.ax-ai .ax-idea-details summary::-webkit-details-marker {display:none}
.ax-ai .ax-idea-details summary span {font-size:20px;color:var(--ax-muted)}
.ax-ai .ax-detail-grid {display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px 17px}
.ax-ai .ax-data {margin:17px 0}
.ax-ai .ax-data h4 {font-size:10px;text-transform:uppercase;letter-spacing:.13em;color:var(--ax-muted);margin:0 0 6px}
.ax-ai .ax-data p,.ax-ai .ax-data li {font-size:12.5px;line-height:1.65;white-space:pre-wrap;margin:0;color:var(--ax-txt)}
.ax-ai .ax-data ol,.ax-ai .ax-data ul {padding-left:20px;margin:5px 0 0}
.ax-ai .ax-data li {margin-bottom:6px}
.ax-ai .ax-card-actions {display:flex;flex-wrap:wrap;justify-content:flex-end;gap:9px}
.ax-ai .ax-script-highlight {background:color-mix(in srgb,var(--ax-brand) 7%,var(--ax-surface));padding:0 17px;border-radius:12px;border:1px solid var(--ax-border);margin:17px 0}
.ax-ai .ax-script .ax-section-title {font-size:15px;margin:24px 0 15px}
.ax-ai .ax-timeline {border-left:2px solid var(--ax-border);margin:7px 0 23px 41px}
.ax-ai .ax-scene {display:flex;position:relative;align-items:flex-start;gap:18px;margin-bottom:19px;margin-left:-42px}
.ax-ai .ax-scene-time {min-width:71px;text-align:center;font-weight:750;border-radius:8px;font-size:10px;padding:6px 3px;background:color-mix(in srgb,var(--ax-brand) 14%,var(--ax-surface));color:var(--ax-brand)}
.ax-ai .ax-scene>div {min-width:0;flex:1}
.ax-ai .ax-scene strong {font-size:12px}
.ax-ai .ax-scene p {font-size:12px;margin:5px 0 7px;white-space:pre-wrap}
.ax-ai .ax-scene small {display:block;font-size:11px;color:var(--ax-muted);line-height:1.55;margin-bottom:4px}
.ax-ai .ax-fact-check {border-radius:12px;background:color-mix(in srgb,#eba75b 9%,var(--ax-surface));padding:14px 18px;margin:18px 0;font-size:12px}
.ax-ai .ax-fact-check p {margin:5px 0;color:var(--ax-muted)}
.ax-ai .ax-fact-check ul {padding-left:17px}
@media(max-width:1050px){.ax-ai .ax-layout {grid-template-columns:minmax(0,1fr) 245px}.ax-ai .ax-hero-visual {min-width:185px;margin-right:5px}.ax-ai .ax-hero {padding:30px}.ax-ai .ax-starter-actions {grid-template-columns:repeat(2,minmax(0,1fr))}}
@media(max-width:850px){.ax-ai .ax-layout {grid-template-columns:minmax(0,1fr)}.ax-ai .ax-history {position:static;max-height:none}.ax-ai .ax-hero-visual {display:none}.ax-ai .ax-hero {min-height:205px}}
@media(max-width:570px){.ax-ai .ax-hero {padding:25px 20px;border-radius:16px}.ax-ai .ax-hero h2 {font-size:34px}.ax-ai .ax-hero p {font-size:12px}.ax-ai .ax-proof {gap:9px}.ax-ai .ax-proof span {font-size:10px}.ax-ai .ax-status-strip {grid-template-columns:1fr auto;gap:14px}.ax-ai .ax-status-message {grid-column:1/-1;grid-row:2}.ax-ai .ax-pane,.ax-ai .ax-results {padding:20px 16px}.ax-ai .ax-form-grid,.ax-ai .ax-detail-grid {grid-template-columns:minmax(0,1fr)}.ax-ai .ax-starter-actions {grid-template-columns:repeat(2,minmax(0,1fr))}.ax-ai .ax-generate {min-width:0;width:100%;flex:1 1 100%}.ax-ai .ax-actions>button {min-height:46px}.ax-ai .ax-card-actions {justify-content:stretch}.ax-ai .ax-card-actions button {flex:1 1 130px;min-height:43px}.ax-ai .ax-idea {padding:18px 15px}.ax-ai .ax-idea h3 {font-size:18px}}
@media(prefers-reduced-motion:reduce){.ax-ai button {transition:none}}

/* V6 native Aalynex Supabase saved-library controls */
.ax-ai .ax-library-filters { display:flex; gap:6px; flex-wrap:wrap; margin-top:14px; }
.ax-ai .ax-library-filters button { flex:1; min-width:58px; padding:8px 10px; border:1px solid var(--glass-border, #435068); border-radius:10px; color:var(--text, #e7edf6); background:transparent; font-size:.76rem; font-weight:650; cursor:pointer; }
.ax-ai .ax-library-filters button.active { background:var(--accent, #d64d22); color:#fff; border-color:var(--accent, #d64d22); }
.ax-ai .ax-library-filters button:focus-visible { outline:2px solid var(--accent,#d64d22); outline-offset:3px; }
.ax-ai .ax-status-strip { flex-wrap:wrap; }
@media(max-width:520px) { .ax-ai .ax-library-filters button { flex:1 1 27%; } }

/* FINAL UNIFIED AI STUDIO — scoped, responsive, uses existing Aalynex light/dark variables. */
.ax-ai .ax-product-tabs {display:flex;align-items:center;gap:10px;padding:7px;background:var(--ax-surface);border:1px solid var(--ax-border);border-radius:16px;margin:0 0 20px;box-shadow:0 7px 24px rgba(22,27,43,.055)}
.ax-ai .ax-product-tabs button {flex:1;display:flex;align-items:center;justify-content:center;gap:10px;flex-wrap:wrap;border:1px solid transparent;background:transparent;border-radius:11px;padding:13px 14px;font-size:14px;letter-spacing:-.02em}
.ax-ai .ax-product-tabs button.selected {background:linear-gradient(115deg,#ed7647,#c84a35);color:white;box-shadow:0 6px 18px rgba(200,74,53,.2)}
.ax-ai .ax-product-tabs button span {font-size:11px;font-weight:550;opacity:.8;letter-spacing:0}
.ax-ai .ax-membership-lock {display:grid;grid-template-columns:auto 1fr auto;gap:17px;align-items:center;margin:18px 0 0;background:linear-gradient(125deg,rgba(235,125,74,.1),rgba(222,168,109,.04));border:1px solid rgba(214,105,53,.32);border-radius:17px;padding:19px 21px}
.ax-ai .ax-membership-lock .ax-lock-icon {font-size:26px;color:var(--ax-brand)}
.ax-ai .ax-membership-lock strong {font-size:16px;color:var(--ax-txt)}
.ax-ai .ax-membership-lock p {font-size:12px;color:var(--ax-muted);margin:5px 0 0;line-height:1.6}
.ax-ai .ax-membership-lock button {white-space:nowrap}
.ax-ai .ax-classic-intro {background:linear-gradient(120deg,rgba(241,128,83,.15),rgba(125,92,214,.08));border:1px solid var(--ax-border);border-radius:15px;padding:20px 24px;margin:0 0 18px}
.ax-ai .ax-classic-intro strong {font-size:16px}
.ax-ai .ax-classic-intro p {font-size:12px;color:var(--ax-muted);margin:6px 0 0}
.ax-ai .ax-classic-body {background:var(--ax-surface);border:1px solid var(--ax-border);border-radius:15px;padding:24px;min-height:260px}
.ax-ai .ax-advanced {border:1px solid var(--ax-border);border-radius:13px;padding:14px;margin:14px 0;background:var(--ax-surface)}
.ax-ai .ax-advanced > summary {cursor:pointer;font-weight:750;list-style:none}
.ax-ai .ax-advanced > summary::-webkit-details-marker {display:none}
.ax-ai .ax-advanced > summary::after {content:'+';float:right;font-size:18px}
.ax-ai .ax-advanced[open] > summary::after {content:'−'}
.ax-ai .ax-advanced .ax-form-grid {margin-top:16px}
@media(max-width:850px){.ax-ai .ax-product-tabs {gap:5px}.ax-ai .ax-product-tabs button{padding:11px 9px;font-size:12px}.ax-ai .ax-product-tabs button span{font-size:10px}.ax-ai .ax-membership-lock{grid-template-columns:1fr}.ax-ai .ax-membership-lock .ax-lock-icon{display:none}.ax-ai .ax-membership-lock button{justify-self:start}.ax-ai .ax-classic-body{padding:14px}}
@media(max-width:460px){.ax-ai .ax-product-tabs button{display:block;line-height:1.45}.ax-ai .ax-product-tabs button span{display:block}.ax-ai .ax-status-strip{gap:10px}}

.ax-ai .ax-advanced > summary small {color:var(--ax-muted);font-weight:500;font-size:11px;margin-left:5px}
.ax-checkout-note {padding:11px 13px;border-left:3px solid #d66a36;background:rgba(214,106,54,.09);border-radius:7px;font-size:12px;line-height:1.6;color:var(--text-2)}