.ai-story{--ai-blue:#2e59ff;--ai-ink:#10192d;background:#f0f4ff;color:var(--ai-ink);padding:clamp(48px,7vw,108px) 24px;margin:0}
.ai-story__layout{display:grid;grid-template-columns:minmax(0,.82fr) minmax(0,1.18fr);gap:clamp(26px,4vw,64px);align-items:center;max-width:1240px;margin:auto}
.ai-story .ai-story__eyebrow{font:700 .7rem/1.5 system-ui;letter-spacing:.15em;color:#52627d;margin:0 0 16px}
.ai-story h1,.ai-story h2,.ai-quickstart-title{font-size:clamp(2rem,3.8vw,3.7rem);line-height:1.05;letter-spacing:-.055em;margin:0;color:var(--ai-ink,#10192d)}
.ai-story h1 span,.ai-story h2 span,.ai-quickstart-title span{display:block;color:#2e59ff}
.ai-story .ai-story__description{font-size:clamp(1rem,1.35vw,1.15rem);line-height:1.65;color:#43536c;margin:20px 0 0}
.ai-story__actions{display:flex;flex-wrap:wrap;gap:10px;margin-top:24px}
.ai-story .ai-story__actions a{display:inline-flex;align-items:center;gap:8px;padding:11px 19px;border-radius:40px;background:var(--ai-blue);border:1px solid var(--ai-blue);color:white;font-weight:650;text-decoration:none}
.ai-story .ai-story__actions a+a{background:white;color:var(--ai-ink);border-color:#bdc8e0}
.ai-story__figure{margin:0;min-width:0}
.ai-story__builder{border:1px solid #d9e2f4;border-radius:17px;background:white;box-shadow:0 18px 38px #1729521a;overflow:hidden;font:13px/1.5 system-ui}
.ai-story__toolbar{padding:9px 13px;display:flex;justify-content:space-between;gap:9px;align-items:center;border-bottom:1px solid #e1e7f2;background:#fbfcff}
.ai-story__toolbar>div,.ai-agent-header{display:flex;align-items:center;gap:8px;min-width:0}
.ai-brand{display:block;width:19px;height:15px;object-fit:contain;flex:none}
.ai-story__toolbar span,.ai-agent-header small{color:#53627a;font-size:.79em}
.ai-story__toolbar b{background:var(--ai-blue);color:white;border-radius:6px;padding:5px 9px;font-size:.78em;white-space:nowrap}
.ai-story__workspace{display:grid;grid-template-columns:minmax(0,1.05fr) minmax(0,1.35fr) minmax(0,.84fr)}
.ai-story__workspace.ai-has-nav{grid-template-columns:minmax(0,.56fr) minmax(0,1.1fr) minmax(0,1.42fr) minmax(0,.9fr)}
.ai-story__workspace.ai-has-layers{grid-template-columns:minmax(0,.52fr) minmax(0,1fr) minmax(0,1.55fr)}
.ai-story__chat,.ai-story__choices,.ai-workspace-nav{padding:12px}
.ai-story__chat{display:flex;flex-direction:column;gap:12px;border-right:1px solid #e4e9f3}
.ai-agent-header small{display:block}
.ai-story__chat p{margin:0}
.ai-story__chat .ai-agent-question{background:#e9efff;border-radius:9px;padding:9px;margin-left:16px}
.ai-agent-response{display:flex;align-items:flex-start;gap:6px}
.ai-agent-response p{background:#f4f6fa;border-radius:9px;padding:8px}
.ai-agent-chips{list-style:none;display:flex;flex-wrap:wrap;gap:4px;padding:0;margin:0}
.ai-agent-chips li{border:1px solid #d8e1f3;border-radius:12px;padding:2px 6px;font-size:.76em}
.ai-agent-composer{display:flex;justify-content:space-between;align-items:center;gap:5px;border:1px solid #cfd9eb;border-radius:9px;padding:9px;color:#53627a;margin-top:auto;font-size:.84em}
.ai-story svg:not(.ai-pergola-options, .ai-pergola-options *){width:16px;height:16px;flex:none}
.ai-workspace-nav{background:#f8faff;border-right:1px solid #e4e9f3;padding:10px 6px}
.ai-workspace-nav>div{display:flex;align-items:center;gap:5px;padding:7px 4px;font-size:.85em}
.ai-workspace-nav>div:first-child{background:#e8eeff;color:#2347cc;border-radius:6px;font-weight:700}
.ai-workspace-nav .ai-brand,.ai-workspace-nav svg{width:13px;height:13px}
.ai-story__product{display:flex;flex-direction:column;justify-content:center;background:linear-gradient(135deg,#f3f5f8,#fff);min-width:0;min-height:260px}
.ai-story__product>img{display:block;width:100%;height:auto;max-height:330px;object-fit:contain;mix-blend-mode:multiply}
.ai-story__choices{border-left:1px solid #e1e7f2}
.ai-options+.ai-options{margin-top:12px}
.ai-options ul{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:5px;padding:0;margin:5px 0 0;list-style:none}
.ai-options li{min-width:0;display:grid;justify-items:center;align-content:start;gap:3px;padding:3px;text-align:center;font-size:.75em;border:1px solid #e6ebf5;border-radius:5px;overflow-wrap:anywhere}
.ai-options li.is-selected{border-color:#4169ff;box-shadow:inset 0 0 0 1px #4169ff}
.ai-options i{display:block;width:100%;height:24px;border-radius:3px;background:var(--swatch)}
.ai-layer-tray{padding:12px;background:#fff;border-bottom:1px solid #e4e9f3}
.ai-layer-tray>div{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:5px;margin-top:6px}
.ai-layer-tray>div>div{font-size:.76em;text-align:center;border:1px solid #e4e9f3;border-radius:5px;padding:3px;overflow-wrap:anywhere}
.ai-layer-tray img{display:block;width:100%;aspect-ratio:1;object-fit:contain}
.ai-features{max-width:1240px;margin:clamp(28px,4vw,58px) auto 0;padding:24px 0 0;list-style:none;border-top:1px solid #dbe3f2;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:18px;text-align:left}
.ai-features li{display:flex;align-items:flex-start;gap:12px;line-height:1.45}
.ai-features li+li{border-left:1px solid #dbe3f2;padding-left:18px}
.ai-features svg{width:30px;height:30px}
.ai-features p{margin:4px 0 0;font-size:.9rem;color:#43536c}
.ai-story--how-it-works{background:radial-gradient(ellipse at 80% 15%,#e1e9fb,transparent 58%),linear-gradient(#f3f6ff,#f8faff)}
.ai-story--how-it-works h1 span{display:block}
.ai-story--home .ai-story__layout,.ai-story--platform .ai-story__layout{grid-template-columns:1fr;gap:30px}
.ai-story--home .ai-story__copy{max-width:900px}
.ai-story--home .ai-story__description{max-width:640px}
.ai-story--home .ai-features{display:flex;flex-wrap:wrap;border:0;padding:0;margin:22px 0 0}
.ai-story--platform .ai-story__copy{text-align:center;max-width:890px;margin:auto}
.ai-story--platform .ai-story__actions{justify-content:center}
.ai-story--home .ai-story__figure,.ai-story--platform .ai-story__figure{max-width:none}
.ai-story--home .ai-story__builder,.ai-story--platform .ai-story__builder{font-size:14px}
.ai-story--home .ai-story__product>img,.ai-story--platform .ai-story__product>img{max-height:420px}
.ai-story--templates .ai-story__layout{background:#eaf0ff;border-radius:18px;padding:clamp(16px,3vw,36px)}
.ai-story--templates{background:#f8faff}
.ai-story__figure figcaption{font-size:11px;color:#52627d;text-align:right;margin-top:9px}
.ai-story--templates{padding-block:clamp(28px,4vw,60px)}
.ai-story--templates h2{font-size:clamp(1.9rem,3vw,2.8rem)}
@media(max-width:900px){.ai-story__layout{grid-template-columns:1fr}.ai-story__figure{max-width:660px}.ai-story__copy{max-width:650px}}
@media(max-width:1050px){.ai-story__builder{font-size:11px}.ai-story__chat,.ai-story__choices{padding:8px}.ai-story__chat{gap:8px}}
@media(max-width:600px){
.ai-story{padding-inline:16px}.ai-story .ai-story__builder{font-size:12px}
.ai-story__workspace,.ai-story__workspace.ai-has-nav,.ai-story__workspace.ai-has-layers{grid-template-columns:minmax(0,1fr) minmax(0,1fr)}
.ai-workspace-nav,.ai-story__toolbar span{display:none}
.ai-story__choices{grid-column:1/-1;display:flex;flex-wrap:wrap;gap:8px 12px;border-left:0;border-top:1px solid #e1e7f2}
.ai-options{flex:1 1 100px}.ai-options+.ai-options{margin-top:0}
.ai-story__product{min-height:0}.ai-story__chat .ai-agent-question{margin-left:0}
.ai-agent-response .ai-brand{display:none}
.ai-features{grid-template-columns:1fr;gap:14px}.ai-features li+li{border:0;padding-left:0}
.ai-story--home .ai-features svg{width:20px;height:20px}
}
.ai-story{scroll-margin-top:88px}
.ai-options .ai-option-image{display:block;width:100%;height:36px;object-fit:contain;border-radius:3px;background:#f5f6f8}
.ai-story--templates .ai-option-image{height:34px}
.ai-story--how-it-works .ai-option-image{object-fit:cover}
.ai-story .ai-pergola-options{display:block;width:min(100%,230px);height:auto;margin:auto}
@media(max-width:650px){.ai-story .ai-pergola-options{width:min(100%,260px)}}
.ai-sofa-view{display:grid;place-items:center;width:100%;min-width:0;aspect-ratio:3/2}
.ai-sofa-view img{grid-area:1/1;width:100%;height:100%;object-fit:contain}
.ai-options .ai-sofa-view{max-width:110px}
.ai-sofa-view--main{max-width:640px}
.ai-options .ai-sample--corduroy{background:repeating-linear-gradient(90deg,#b9ab93 0,#b9ab93 2px,#dfd3be 3px,#d0c1a8 6px)}
.ai-options .ai-sample--boucle{background:radial-gradient(circle at 30% 30%,#e7dfcc 0 28%,transparent 32%) 0 0/6px 5px,radial-gradient(circle at 75% 75%,#bdb09b 0 25%,#d3c6af 29%) 0 0/5px 6px}
.ai-options :is(.ai-sample--brass,.ai-sample--chrome,.ai-sample--black,.ai-sample--red){width:24px;border-radius:50%;border:1px solid #121e3629}
.ai-options .ai-sample--brass{background:linear-gradient(150deg,#856437,#f2d898 44%,#ae874a 68%,#dfc182)}
.ai-options .ai-sample--chrome{background:linear-gradient(150deg,#74818a,#fafafa 45%,#83909b 70%,#e3e8ed)}
.ai-options .ai-sample--black{background:linear-gradient(150deg,#1b2024,#595f64,#20242a)}
.ai-options .ai-sample--red{background:linear-gradient(150deg,#9b2422,#e54f46,#a62025)}