/* Same palette as the operating AI Intro editor. */
.feelai{--cream:#F6F5F1;--ink:#17181D;--gold:#FFD75B;--gold-text:#796324;--muted-5:#6E6F76;--muted-4:#6E6F76;--fx-accent:#796324}
.feelai .feelai-hero:before{background:#FFD75B}
.feelai .feelai-badge i{background:#FFD75B;box-shadow:0 0 0 5px #ffd75b20}
.feelai .fx-word{color:#17181D;isolation:isolate}
.feelai .fx-word:after{bottom:0;height:10px;border:0;border-radius:3px;transform:rotate(-1.5deg);background:#FFD75B;z-index:-1;opacity:.8}
.feelai a.feelai-btn-solid,.feelai .fx-panel .feelai-service-go{background:#FFD75B;color:#17181D}
.feelai a.feelai-btn-solid:hover,.feelai .fx-panel .feelai-service-go:hover{background:#F5C93B;color:#17181D}
.feelai .feelai-btn-ghost{border-color:#D9D7CC;color:#55565E}
.feelai .fx-tab[aria-selected=true]{background:#FFF9E8;color:#17181D}
.feelai .fx-tab:after{background:#FFD75B}
.feelai .fx-tab em{background:#FFF3C4;color:#796324}
.feelai .fx-panel li:before{color:#8C752E}
.feelai .fx-styles .fx-style{background:#EDECE6;color:#6E6F76}
.feelai .fx-styles .fx-style[aria-pressed=true]{background:#17181D;color:#FFD75B}
.feelai .fx-styles .fx-style-pro{background:#FFF9E8;color:#796324;border-color:#EDE7D6}
.feelai .fx-pro-note{background:#FFF9E8;border-color:#FFD75B;color:#6E6F76}
.feelai .fx-pro-note b{color:#17181D}
.feelai .feelai-token{background:#EDECE6}
.feelai .feelai-token-hot{background:#17181D;border-color:#17181D!important}
.feelai .feelai-token-hot em,.feelai .feelai-token-hot strong,.feelai .feelai-token-hot span{color:#FFD75B}
.feelai .feelai-token-hot:hover{background:#2D2D2D}
.feelai .feelai-cta{background:#17181D}
.feelai .feelai-cta:before{background:#FFD75B;opacity:.16}
.feelai .feelai-cta h2 .bold_txt{color:#FFD75B}
.feelai .feelai-cta .feelai-btn-solid{background:#FFD75B;color:#17181D}
.feelai .feelai-cta .feelai-btn-ghost{color:#EDECE6;border-color:#6E6F76}
.feelai .feelai-dock{background:#17181ded}
.feelai a.feelai-dock-trial{background:#FFD75B;color:#17181D}
.feelai .fx-mini-tags span{color:#6E6F76;border-color:#D9D7CC}
.feelai .fx-orbit,.feelai .fx-scene-tag b{color:#A28A35}
.feelai .fx-video-progress i{background:#FFD75B}
/* Interactive five-step overview; dimensions stay inside the previous media area. */
.feelai .fx-flow{isolation:isolate;container-type:inline-size;--flow-size:1cqw;border:1px solid #DEDED8;box-shadow:0 12px 30px #17181d0a}
.feelai .fx-flow[data-step="1"],.feelai .fx-flow[data-step="3"],.feelai .fx-flow[data-step="4"]{background:#fff}
.feelai .fx-flow-layer{position:absolute;inset:0;z-index:3;pointer-events:none;animation:fx-panel-in .42s var(--fx-ease) both;color:#17181D;text-align:left}
.feelai .fx-flow-layer[hidden]{display:none}
.feelai .fx-flow-top{position:absolute;top:0;left:0;right:0;height:10%;display:flex;align-items:center;gap:6px;padding:0 4%;background:#fff;border-bottom:1px solid #EDECE6;font-size:clamp(7px,1.8cqw,11px);letter-spacing:.02em;z-index:5}
.feelai .fx-flow-top i{width:5px;height:5px;border-radius:50%;background:#D9D7CC}
.feelai .fx-flow-top i:first-child{background:#FFD75B}
.feelai .fx-flow-top b{margin-left:6px;font-weight:650}
.feelai .fx-flow-top>span{margin-left:auto;font-size:clamp(6px,1.6cqw,10px);color:#9A9BA1}
.feelai .fx-flow-photo{display:grid;grid-template-columns:43% 1fr;gap:7%;position:absolute;inset:17% 7% 10%;align-items:center}
.feelai .fx-flow-photo-figure{position:relative;height:100%;min-height:0;padding:7%;background:#F6F5F1;border:1px dashed #D9D7CC;border-radius:10px;transform:rotate(-3deg)}
.feelai .fx-flow-photo-figure img{width:100%;height:100%;object-fit:cover;border-radius:5px}
.feelai .fx-flow-photo-figure>span{position:absolute;right:-10px;bottom:15px;width:28px;height:28px;border-radius:50%;background:#FFD75B;display:grid;place-items:center;font-size:15px;box-shadow:0 3px 8px #17181d12}
.feelai .fx-flow-photo-copy h4,.feelai .fx-flow-scene-head h4{font-size:clamp(12px,3cqw,18px);font-weight:700;letter-spacing:-.04em;line-height:1.45;margin:0 0 9%}
.feelai .fx-flow-photo-copy p{font-size:clamp(9px,2.1cqw,12px);line-height:1.75;color:#6E6F76;margin:0 0 9%}
.feelai .fx-flow-pill{display:block;padding:4% 8%;font-size:clamp(8px,1.9cqw,11px);border:1px solid #FFD75B;border-radius:6px;background:#FFFAEB;line-height:1.4;margin-top:4%}
.feelai .fx-flow-pill.muted{border-color:#EDECE6;background:#fff;color:#6E6F76}
.feelai .fx-flow-pill b{float:right;font-weight:600}
.feelai .fx-flow-style-ref{position:absolute;right:4%;top:7%;width:17%;aspect-ratio:3/4;border:3px solid #fff;border-radius:7px;overflow:hidden;box-shadow:0 5px 14px #0002}
.feelai .fx-flow-style-ref img{width:100%;height:100%;object-fit:cover}
.feelai .fx-flow-style-ref>span{position:absolute;bottom:0;left:0;right:0;background:#17181dd9;color:#fff;font-size:clamp(7px,1.6cqw,10px);text-align:center;padding:5px 0}
.feelai .fx-flow-style-caption{position:absolute;left:4%;right:4%;bottom:6%;color:white;font-size:clamp(10px,2.6cqw,15px);text-shadow:0 1px 8px #000a}
.feelai .fx-flow-style-caption b{display:inline-block;padding:5px 9px;margin-right:7px;border-radius:5px;background:#FFD75B;color:#17181D;text-shadow:none;font-size:clamp(8px,1.9cqw,11px)}
.feelai .fx-flow-scene-head{position:absolute;left:5%;right:5%;top:15%;display:flex;align-items:center;justify-content:space-between}
.feelai .fx-flow-scene-head h4{margin:0}
.feelai .fx-flow-scene-head>span{font-size:clamp(7px,1.8cqw,11px);background:#FFF3C4;padding:5px 8px;border-radius:5px}
.feelai .fx-flow-scenes{position:absolute;left:5%;right:5%;top:29%;bottom:12%;display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:3%;align-items:start}
.feelai .fx-flow-scene{background:#F6F5F1;border:1px solid #EDECE6;border-radius:7px;overflow:hidden;animation:fx-scene-rise 5s ease-in-out infinite}
.feelai .fx-flow-scene:nth-child(2){animation-delay:.25s}.feelai .fx-flow-scene:nth-child(3){animation-delay:.5s}
.feelai .fx-flow-scene img{width:100%;aspect-ratio:16/10;object-fit:cover}
.feelai .fx-flow-scene>div{padding:8% 9%}
.feelai .fx-flow-scene small{display:block;color:#9A9BA1;font-size:clamp(6px,1.5cqw,9px);margin-bottom:6%}
.feelai .fx-flow-scene strong{display:block;font-weight:600;font-size:clamp(9px,2cqw,12px);line-height:1.5}
.feelai .fx-flow-scene p{font-size:clamp(7px,1.7cqw,10px);line-height:1.6;color:#6E6F76;margin:7% 0 0}
.feelai .fx-flow[data-step="4"]>video{position:absolute;top:15%;left:27%;width:65%;height:47%;object-fit:contain;z-index:4;background:#17181D;border-radius:4px}
.feelai .fx-flow-sidebar{position:absolute;top:10%;bottom:32%;left:0;width:21%;padding:5% 3%;background:#F6F5F1;border-right:1px solid #EDECE6;display:flex;flex-direction:column;gap:10%;font-size:clamp(8px,1.9cqw,11px);color:#6E6F76}
.feelai .fx-flow-sidebar b{background:#FFF3C4;color:#17181D;padding:6px 7px;margin:-6px -7px 0;border-radius:4px;font-weight:600}
.feelai .fx-flow-sidebar span{padding-left:0}
.feelai .fx-flow-canvas-caption{position:absolute;left:28%;right:9%;bottom:34.5%;text-align:center;font-size:clamp(7px,1.7cqw,10px);color:#6E6F76}
.feelai .fx-flow-timeline{position:absolute;left:0;right:0;bottom:0;height:30%;padding:3% 4%;background:#F6F5F1;border-top:1px solid #DEDED8;display:grid;gap:6%;grid-template-rows:repeat(3,1fr)}
.feelai .fx-flow-track{display:grid;grid-template-columns:13% 1fr;gap:3%;align-items:center;min-height:0}
.feelai .fx-flow-track>span{font-size:clamp(6px,1.4cqw,9px);color:#9A9BA1;letter-spacing:.04em}
.feelai .fx-flow-clips{height:100%;display:flex;gap:2px;min-height:0;overflow:hidden;border-radius:3px}
.feelai .fx-flow-clips img{height:100%;width:33.33%;object-fit:cover}
.feelai .fx-flow-caption-track{height:100%;width:74%;background:#FFD75B;border-radius:3px;display:flex;align-items:center;padding:0 5px;font-size:clamp(6px,1.3cqw,8px);line-height:1}
.feelai .fx-flow-wave{height:65%;width:92%;background:repeating-linear-gradient(90deg,#c4c5bc 0px,#c4c5bc 2px,transparent 2px,transparent 4px);border-radius:3px;clip-path:polygon(0 35%,4% 10%,9% 30%,13% 0,20% 25%,30% 5%,37% 20%,42% 2%,50% 30%,59% 4%,69% 23%,75% 0,86% 25%,93% 9%,100% 25%,100% 75%,93% 91%,86% 75%,75% 100%,69% 77%,59% 96%,50% 70%,42% 98%,37% 80%,30% 95%,20% 75%,13% 100%,9% 70%,4% 90%,0 65%)}
.feelai .fx-flow-playhead{position:absolute;top:7%;bottom:6%;left:20%;width:1.5px;background:#B19535;animation:fx-flow-scrub 7s linear infinite}
.feelai .fx-flow-playhead:before{content:"";position:absolute;top:-3px;left:-3px;width:7px;height:7px;background:#B19535;clip-path:polygon(0 0,100% 0,100% 55%,50% 100%,0 55%)}
.feelai .fx-flow[data-step="4"]>.fx-media-button{top:16%;left:28%;font-size:8px;padding:4px 7px;min-height:25px;z-index:9}
.feelai .fx-flow[data-step="4"]>.fx-video-progress{left:27%;bottom:38%;width:65%;z-index:9;height:2px}
.feelai .fx-flow[data-step="1"]>.fx-media-button,.feelai .fx-flow[data-step="3"]>.fx-media-button,.feelai .fx-flow[data-step="1"]>.fx-video-progress,.feelai .fx-flow[data-step="3"]>.fx-video-progress{display:none}
.feelai .fx-flow-done-label{position:absolute;bottom:6%;left:4%;right:4%;display:flex;gap:10px;align-items:center;color:white;font-size:clamp(10px,2.5cqw,14px);text-shadow:0 2px 8px #000b}
.feelai .fx-flow-done-label>span{width:30px;height:30px;border-radius:50%;background:#FFD75B;color:#17181D;display:grid;place-items:center;font-size:16px;text-shadow:none}
.feelai .fx-flow-done-label small{display:block;font-size:clamp(7px,1.6cqw,10px);font-weight:400;margin-top:4px;color:#fff}
.feelai .fx-process.fx-flow-steps{margin-top:18px;gap:4px}
.feelai .fx-flow-steps li{padding:0;border:0;color:inherit}
.feelai .fx-flow-step{position:relative;border-top:2px solid #DEDED8!important;width:100%;padding:11px 2px 0;min-height:49px;font-size:10px;color:#9A9BA1;line-height:1.4;transition:color .2s,border-color .3s}
.feelai .fx-flow-step small{font-size:9px;margin-bottom:5px}
.feelai .fx-flow-step[aria-selected=true]{color:#17181D;border-color:#FFD75B!important;font-weight:650}
.feelai .fx-flow-step[aria-selected=true] small{color:#796324}
.feelai .fx-flow-step:hover{color:#17181D}
.feelai .fx-flow-helper{display:flex;justify-content:space-between;align-items:center;gap:14px;margin-top:12px;min-height:34px}
.feelai .fx-flow-copy{font-size:11px;line-height:1.7;color:#6E6F76;text-align:left;margin:0;max-width:84%;word-break:keep-all}
.feelai .fx-flow-auto{flex:none;font-size:9px;padding:7px 8px;border:1px solid #DEDED8;border-radius:5px;color:#6E6F76;white-space:nowrap;min-height:32px}
.feelai .fx-flow-auto[aria-pressed=true]{color:#17181D;background:#FFF9E8;border-color:#EDE7D6}
@keyframes fx-scene-rise{0%,100%{transform:none}15%,40%{transform:translateY(-3px)}}
@keyframes fx-flow-scrub{from{left:20%}to{left:92%}}
@media(max-width:720px){.feelai .fx-flow-step{font-size:9px;padding-top:10px}.feelai .fx-flow-copy{font-size:10px;line-height:1.7}.feelai .fx-flow-auto{font-size:9px;padding:6px}.feelai .fx-flow-helper{gap:8px}.feelai .fx-flow-photo-figure>span{width:23px;height:23px;font-size:13px}.feelai .fx-flow-done-label>span{width:25px;height:25px;font-size:13px}}
.feelai :is(a,button,input):focus-visible{outline-color:#796324}
.feelai .feelai-hero-copy p,.feelai .feelai-services-head p,.feelai .fx-panel .feelai-service-body>p,.feelai .fx-panel li,.feelai .feelai-tokens p.feelai-tokens-desc,.feelai .feelai-faq-a-inner,.feelai .feelai-start-card p{color:#6E6F76}
.feelai .feelai-badge,.feelai .fx-tab,.feelai .fx-subnav a,.feelai .fx-subnav p,.feelai a.feelai-gallery-more,.feelai .feelai-gal-item figcaption,.feelai .feelai-faq-q,.feelai .feelai-start>h2{color:#6E6F76}
.feelai .feelai-hero-stats span,.feelai .fx-media-caption,.feelai .fx-panel-note,.feelai .feelai-tokens-note,.feelai .fx-hero-foot,.feelai .fx-motion-toggle{color:#9A9BA1}
.feelai .feelai-token strong,.feelai .feelai-start-card strong,.feelai .fx-subnav p b,.feelai .fx-media-caption b{color:#17181D}
.feelai .feelai-token em,.feelai .feelai-token span{color:#6E6F76}
.feelai .feelai-token-hot em,.feelai .feelai-token-hot span,.feelai .feelai-token-hot strong{color:#FFD75B}
.feelai .feelai-start,.feelai .fx-subnav,.feelai .fx-tabs,.feelai .feelai-info,.feelai .feelai-start-card,.feelai .feelai-faq-item,.feelai .feelai-hero-stats{border-color:#D9D7CC}
.feelai .fx-tab[aria-selected=true]{color:#17181D}