:root{
  --ai-bg:#050607;--ai-panel:#111418;--ai-panel-2:#171b20;--ai-ink:#f8f9fb;
  --ai-muted:#a1a8b3;--ai-line:#33373d;--ai-blue:#1d63ff;--ai-blue-dark:#1552d6;
  --ai-green:#34d399;--ai-danger:#f87171;
}
*{box-sizing:border-box}
html,body{margin:0;min-height:100%;background:var(--ai-bg);color:var(--ai-ink);font:14px/1.45 Inter,ui-sans-serif,system-ui,-apple-system,BlinkMacSystemFont,"Segoe UI",sans-serif}
body{background-image:radial-gradient(circle at 1px 1px,rgba(255,255,255,.12) 1px,transparent 1.2px);background-size:24px 24px}
button,input,textarea{font:inherit}
button:focus-visible,input:focus-visible,textarea:focus-visible{outline:3px solid rgba(29,99,255,.35);outline-offset:3px}
.ai-topbar{height:70px;display:flex;align-items:center;justify-content:space-between;gap:1rem;padding:0 28px;border-bottom:1px solid #24272c;background:#050607}
.ai-brand{display:flex;align-items:center;gap:.42rem;color:#fff;text-decoration:none;font-weight:900;letter-spacing:.04em}
.ai-brand__creative{font-size:.73rem;font-weight:650;letter-spacing:.16em}.ai-brand__route{margin-left:.45rem;font-size:1.45rem;letter-spacing:-.03em}.ai-topbar__label{color:#bdc3cc;font-size:.76rem;font-weight:800;letter-spacing:.08em;text-transform:uppercase}
.ai-shell{display:grid;grid-template-columns:minmax(0,3fr) minmax(390px,2fr);gap:18px;width:min(1500px,100%);margin:auto;padding:18px}
.ai-build,.ai-preview{min-width:0}.ai-progress,.ai-section,.ai-preview{border:1px solid var(--ai-line);border-radius:14px;background:linear-gradient(180deg,#12161b,#0e1114)}
.ai-progress{display:grid;grid-template-columns:auto 1fr auto;gap:18px;align-items:center;margin-bottom:12px;padding:18px}
.ai-progress__ring{position:relative;display:grid;width:72px;height:72px;place-items:center;border-radius:50%;background:conic-gradient(var(--ai-green) 0 var(--progress-angle,0deg),#252c35 var(--progress-angle,0deg) 360deg)}
.ai-progress__ring:after{position:absolute;width:54px;height:54px;border-radius:50%;background:#101318;content:""}.ai-progress__ring strong{z-index:1}
.ai-progress h1{margin:0;color:#fff;font-size:19px;font-weight:900;letter-spacing:-.01em;text-transform:uppercase}.ai-progress p{margin:4px 0;color:var(--ai-muted)}
.ai-progress__bar{height:6px;margin-top:10px;overflow:hidden;border-radius:9px;background:#252c35}.ai-progress__bar i{display:block;width:var(--progress-width,0%);height:100%;background:var(--ai-green);transition:width .2s ease}
.ai-note{max-width:290px;padding:10px 12px;border:1px solid #284786;border-radius:10px;background:#101a31;color:#b8c8ef;font-size:.82rem}
.ai-sections{display:grid;gap:8px}.ai-section{overflow:hidden;transition:border-color .18s ease}.ai-section[data-state="saved"]{border-color:#215d48}.ai-section[data-state="needs_attention"]{border-color:#7f3030}
.ai-section__head{display:grid;width:100%;grid-template-columns:52px 1fr auto;gap:12px;align-items:center;min-height:74px;padding:10px 14px;border:0;background:transparent;color:inherit;text-align:left;cursor:pointer}
.ai-icon{display:grid;width:46px;height:46px;place-items:center;border:1px solid #3a424e;border-radius:12px;background:#1d232a;font-size:22px}.ai-section[data-state="saved"] .ai-icon{border-color:#215d48;background:#112a21}
.ai-title,.ai-sub{display:block}.ai-title{color:#fff;font-size:16px;font-weight:900}.ai-sub{margin-top:2px;color:#8f9bad;font-size:12px}
.ai-state{display:flex;align-items:center;gap:8px;color:#8290a3;font-size:12px}.ai-badge{display:grid;width:28px;height:28px;place-items:center;border:1px solid #4b5663;border-radius:50%;font-weight:900}
.ai-section[data-state="saved"] .ai-badge{border-color:var(--ai-green);background:var(--ai-green);color:#07110d}.ai-section[data-state="editing"] .ai-badge{border-color:#5978bd;color:#8eb0ff}.ai-section[data-state="needs_attention"] .ai-badge{border-color:var(--ai-danger);color:#fecaca}
.ai-section__body{padding:16px 16px 16px 80px;border-top:1px solid #252b33}.ai-fields{display:grid;grid-template-columns:1fr 1.2fr;gap:14px}.ai-fields--single{grid-template-columns:1fr}
.ai-fields label{color:#dce2ea;font-size:11px;font-weight:900;letter-spacing:.04em;text-transform:uppercase}.ai-fields input,.ai-fields textarea{width:100%;margin-top:7px;padding:12px;border:1px solid #3a424e;border-radius:9px;background:#15191e;color:#fff}.ai-fields textarea{min-height:110px;resize:vertical}.ai-fields input::placeholder,.ai-fields textarea::placeholder{color:#707b89}
.ai-actions{grid-column:1/-1;display:flex;justify-content:flex-end;gap:10px;margin-top:2px}.ai-button{min-height:42px;padding:10px 15px;border:1px solid #3a424e;border-radius:8px;background:#161b21;color:#e6ecf5;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer}.ai-button--primary{border-color:var(--ai-blue);background:var(--ai-blue)}.ai-button--primary:hover{border-color:var(--ai-blue-dark);background:var(--ai-blue-dark)}.ai-button[disabled]{cursor:wait;opacity:.65}
.ai-preview{position:sticky;top:18px;min-height:820px;padding:16px;overflow:hidden}.ai-preview__top{display:flex;justify-content:space-between;gap:12px}.ai-preview h2{margin:5px 0 0;color:#fff;font-size:24px;letter-spacing:-.025em}.ai-live{font-size:11px;font-weight:900;text-transform:uppercase}.ai-live:before{display:inline-block;width:9px;height:9px;margin-right:8px;border-radius:50%;background:var(--ai-green);content:"";box-shadow:0 0 0 .22rem rgba(52,211,153,.12)}
.ai-shared{padding:9px 10px;border:1px solid #284786;border-radius:9px;background:#111b33;color:#b7c9ef;font-size:11px;text-align:right}.ai-tabs{display:grid;grid-template-columns:repeat(3,1fr);margin:14px 0;overflow:hidden;border:1px solid #353c46;border-radius:9px}.ai-tab{padding:11px;border:0;border-right:1px solid #353c46;background:transparent;color:#d8dde5;font-size:11px;font-weight:900;text-transform:uppercase;cursor:pointer}.ai-tab:last-child{border-right:0}.ai-tab.is-active{background:#1a2a52;box-shadow:inset 0 -2px 0 var(--ai-blue);color:#fff}
.ai-demo{padding:14px;border:1px solid #353c46;border-radius:12px;background:#0a0c0e}.ai-demo__label{color:#79a3ff;font-size:10px;font-weight:900;letter-spacing:.07em;text-transform:uppercase}.ai-message{display:grid;grid-template-columns:46px 1fr;gap:12px;margin-top:10px}.ai-orb{display:grid;width:46px;height:46px;place-items:center;border:1px solid #345bb8;border-radius:50%;background:#10204a;color:#9cb8ff;font-weight:900}.ai-bubble{padding:13px 14px;border:1px solid #343b45;border-radius:10px;background:#1c2127;color:#f0f3f8}
.ai-preview-facts{display:grid;gap:8px;margin-top:12px}.ai-preview-fact{display:grid;grid-template-columns:110px 1fr;gap:10px;padding:9px 10px;border-top:1px solid #272d34;color:#b7c0cb;font-size:12px}.ai-preview-fact strong{color:#fff}
.ai-mini{display:grid;grid-template-columns:1fr 1fr;gap:10px;margin-top:10px}.ai-card{min-height:150px;padding:11px;border:1px solid #323943;border-radius:11px;background:#0f1215}.ai-card h3{margin:0 0 10px;color:#fff;font-size:11px;text-transform:uppercase}.ai-card p{margin:0;padding:10px;border:1px solid #343b45;border-radius:9px;background:#1b2026;color:#e8edf4;font-size:12px}.ai-card--text p{border-color:#245c49;background:#10221b}
.ai-helper{position:absolute;right:16px;bottom:14px;display:grid;width:64px;height:64px;place-items:center;border:3px solid #101317;border-radius:14px;background:#fff;color:#101317;font-size:30px;font-weight:900}
.ai-mobile-switch{display:none}.ai-saving .ai-live:before{background:#fbbf24}.ai-error{color:#fecaca}
@media(max-width:900px){.ai-topbar{padding:0 14px}.ai-topbar__label{display:none}.ai-shell{display:block;padding:10px}.ai-progress{grid-template-columns:auto 1fr}.ai-note{display:none}.ai-mobile-switch{display:grid;grid-template-columns:1fr 1fr;margin-bottom:10px;overflow:hidden;border:1px solid var(--ai-line);border-radius:9px}.ai-mobile-switch__button{padding:11px;border:0;background:transparent;color:#d8dde5;font-size:11px;font-weight:900;text-transform:uppercase}.ai-mobile-switch__button.is-active{background:var(--ai-blue);color:#fff}.ai-shell[data-mobile-view="build"] .ai-preview{display:none}.ai-shell[data-mobile-view="preview"] .ai-build>.ai-progress,.ai-shell[data-mobile-view="preview"] .ai-build>.ai-sections{display:none}.ai-shell[data-mobile-view="preview"] .ai-preview{display:block;position:relative;top:0;min-height:calc(100vh - 150px)}.ai-shell[data-mobile-view="preview"]{display:block}.ai-section__body{padding:14px}.ai-fields{grid-template-columns:1fr}.ai-actions{grid-column:auto}.ai-button--primary{width:100%}.ai-preview__top{display:block}.ai-shared{margin-top:10px;text-align:left}}
@media(prefers-reduced-motion:reduce){.ai-progress__bar i,.ai-section{transition:none}}
\n.ai-context-link{margin:14px 4px 0;color:#7f8a98;font-size:12px}.ai-context-link a{color:#9aa6b7;text-underline-offset:.22rem}.ai-context-link a:hover,.ai-context-link a:focus-visible{color:#fff}\n