.hero-result-image{height:390px;padding:28px;overflow:hidden}
.hero-result-image img{display:block;width:min(72%,300px);height:auto;max-width:100%;max-height:100%;margin:auto;object-fit:contain;object-position:center}
.comparison-layer{padding:38px}
.comparison-layer img,.comparison-after img{display:block;width:min(72%,540px);height:auto;max-width:calc(100% - 76px);max-height:calc(100% - 76px);margin:auto;object-fit:contain;object-position:center}
.comparison-before{background:radial-gradient(circle at 50% 42%,#fff 0 18%,#e8ebef 58%,#cfd5dc 100%)}
.tool-icon svg,.flow-icon svg,.flow-arrow svg{width:24px;height:24px;fill:none;stroke:currentColor;stroke-width:1.8;stroke-linecap:round;stroke-linejoin:round}
.tool-icon.large svg{width:34px;height:34px}
.flow-box{min-height:104px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px}
.flow-icon{width:42px;height:42px;border-radius:13px;display:grid;place-items:center;background:#f1f6fe;color:var(--blue)}
.flow-box.active .flow-icon{background:#fff}
.flow-arrow{display:grid;place-items:center;color:#778290}
.image-stories img{height:230px;aspect-ratio:auto;object-fit:cover;object-position:center}
.ai-benefits{display:grid;gap:10px;margin-top:24px;color:#263442;font-weight:750}.ai-benefits span{display:flex;gap:8px;align-items:center}.ai-benefits span::first-letter{color:var(--green)}
.processor[data-mode=remove]{border-color:#b7cff5;box-shadow:0 24px 70px #0b57d01c}.processor[data-mode=remove] .processor-drop{background:radial-gradient(circle at 50% 25%,#fff 0,#f4f8ff 64%,#eef5ff 100%)}.processor-drop small{display:block;margin-top:16px;color:var(--muted)}
.canvas-wrap{position:relative;transition:background .2s}.canvas-wrap[data-preview=light]{background:#fff;background-image:none}.canvas-wrap[data-preview=dark]{background:#20252c;background-image:none}.canvas-wrap canvas{position:relative;z-index:1}
.ai-loading{position:absolute;z-index:3;inset:0;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:10px;padding:34px;text-align:center;background:rgba(248,251,255,.94);backdrop-filter:blur(8px)}.ai-loading[hidden]{display:none}.ai-loading strong{font-size:20px}.ai-loading>span:not(.ai-spinner){color:var(--muted);font-size:14px}.ai-spinner{width:42px;height:42px;border:4px solid #dbe7f8;border-top-color:var(--blue);border-radius:50%;animation:ai-spin .8s linear infinite}.ai-progress{width:min(330px,85%);height:9px;margin-top:8px;border-radius:99px;overflow:hidden;background:#dfe8f4}.ai-progress i{display:block;width:4%;height:100%;border-radius:inherit;background:linear-gradient(90deg,#0b57d0,#3b82f6);transition:width .2s}
.preview-controls{display:flex;align-items:center;justify-content:center;gap:8px;flex-wrap:wrap}.ai-quality{padding:10px 14px;border-radius:99px;background:#e6f4ea;color:#188038;font-size:13px;font-weight:850}.processor-actions .button:disabled{cursor:not-allowed;opacity:.5}.process-note{min-height:20px}
@keyframes ai-spin{to{transform:rotate(360deg)}}
@media(max-width:850px){.hero-result-image{height:350px;padding:26px}.hero-result-image img{width:min(70%,270px)}.comparison-layer{padding:28px}.comparison-layer img,.comparison-after img{width:min(74%,440px);max-width:calc(100% - 56px);max-height:calc(100% - 56px)}.image-stories img{height:210px}}
@media(max-width:560px){.hero-result-image{height:280px;padding:22px}.hero-result-image img{width:min(68%,220px)}.comparison-layer{padding:22px}.comparison-layer img,.comparison-after img{width:min(76%,300px);max-width:calc(100% - 44px);max-height:calc(100% - 44px)}.flow-box{min-height:96px}.flow-arrow{transform:rotate(90deg)}.image-stories img{height:180px}}