.image-zoom-trigger{width:100%;min-width:0;color:inherit;cursor:zoom-in;background:0 0;border:0;padding:0;display:block;position:relative}.image-zoom-trigger>img{object-fit:contain;width:100%;display:block}.image-zoom-hint{inset-inline-end:10px;color:#fff;pointer-events:none;background:#151515df;border:1px solid #7778;border-radius:50%;place-items:center;width:34px;height:34px;display:grid;position:absolute;bottom:10px}.image-zoom-overlay{z-index:250;background:#000b;position:fixed;inset:0}.image-zoom-dialog{--zoom-bg:#f6f6f3;--zoom-text:#171717;--zoom-border:#b3b3af;z-index:251;background:var(--zoom-bg);max-width:1500px;min-height:0;color:var(--zoom-text);border:1px solid var(--zoom-border);border-radius:24px;flex-direction:column;margin-inline:auto;display:flex;position:fixed;inset:24px;overflow:hidden;box-shadow:0 24px 90px #0006}.image-zoom-dialog.dark{--zoom-bg:#161616;--zoom-text:#f5f5f5;--zoom-border:#555}.image-zoom-header{flex-shrink:0;justify-content:space-between;align-items:center;gap:16px;padding:12px 18px;display:flex}.image-zoom-header h2{margin:0;font-size:18px;font-weight:600}.image-zoom-viewport{touch-action:none;-webkit-user-select:none;user-select:none;cursor:grab;background-image:radial-gradient(#8884 .7px,#0000 .7px);background-size:16px 16px;flex:1;justify-content:center;align-items:center;min-height:0;display:flex;position:relative;overflow:hidden}.image-zoom-viewport:active{cursor:grabbing}.image-zoom-viewport>img{object-fit:contain;pointer-events:none;transform-origin:50%;flex:none;max-width:none;max-height:none}.image-zoom-toolbar{flex-shrink:0;justify-content:center;align-items:center;gap:10px;padding:12px 16px;display:flex}.image-zoom-control{border:1px solid var(--zoom-border);min-width:44px;height:44px;color:inherit;cursor:pointer;background:0 0;border-radius:12px;justify-content:center;align-items:center;gap:8px;padding:0 10px;display:inline-flex}.image-zoom-control:hover:not(:disabled){background:#425e3215}.dark .image-zoom-control:hover:not(:disabled){background:#ffffff12}.image-zoom-control:disabled{opacity:.35;cursor:default}.image-zoom-control:focus-visible,.image-zoom-trigger:focus-visible{outline-offset:3px;outline:3px solid #759436}.dark .image-zoom-control:focus-visible,.dark .image-zoom-trigger:focus-visible{outline-color:#d8ef75}.image-zoom-value{text-align:center;font-variant-numeric:tabular-nums;width:52px}.image-zoom-fit{margin-inline-start:8px}@media (width<=640px){.image-zoom-dialog{width:100%;height:100dvh;border:0;border-radius:0;padding-block-start:env(safe-area-inset-top);padding-block-end:env(safe-area-inset-bottom);inset:0}.image-zoom-header{padding:10px 12px}.image-zoom-toolbar{gap:8px;padding:10px 12px}}.background-removal-overlay{z-index:150;background:#000000b8;position:fixed;inset:0}.background-removal-dialog{z-index:151;border:1px solid var(--border);background:var(--card);width:min(560px,100vw - 24px);max-height:calc(100svh - 24px);color:var(--foreground);border-radius:24px;padding:32px;position:fixed;inset:50% auto auto 50%;overflow:auto;transform:translate(-50%,-50%);box-shadow:0 24px 80px #0008}.background-removal-dialog h2{margin:0 0 12px;padding-inline-end:32px;font-size:28px}.background-removal-dialog p,.background-removal-dialog small{color:var(--muted-foreground)}.background-removal-dialog small{margin-block-start:20px;line-height:1.7;display:block}.background-removal-close{background:var(--muted);width:36px;height:36px;color:var(--foreground);cursor:pointer;border-radius:50%;place-items:center;display:grid;position:absolute;inset-block-start:18px;inset-inline-end:18px}.background-removal-drop{border:1px dashed var(--border);border-radius:16px;flex-direction:column;justify-content:center;align-items:center;gap:20px;min-height:240px;margin-top:24px;padding:24px;display:flex}.background-removal-drop>svg{color:var(--primary)}.background-removal-preview{background:repeating-conic-gradient(#8881 0% 25%,#0000 0% 50%) 0/20px 20px;border-radius:16px;justify-content:center;margin-top:24px;display:flex;overflow:hidden}.background-removal-preview img{object-fit:contain;max-width:100%;max-height:340px;display:block}.background-removal-actions{flex-wrap:wrap;justify-content:center;align-items:center;gap:20px;margin-top:24px;display:flex}.background-removal-dialog .upload-next{cursor:pointer;border:0}.background-removal-dialog .upload-action{background:var(--primary);color:var(--primary-foreground);border-radius:14px;justify-content:center;align-items:center;gap:10px;padding:14px 22px;font-weight:600;display:inline-flex}@media (width<=500px){.background-removal-dialog{padding:24px 18px}.background-removal-dialog h2{font-size:24px}.background-removal-drop{min-height:200px}}.upload-toast.background-removal-toast{z-index:152;pointer-events:auto}.background-removal-dialog .upload-next{color:var(--foreground)}@media (width<=600px){.background-removal-dialog{width:100%;max-height:94dvh;padding:24px 16px max(20px,env(safe-area-inset-bottom));border-radius:24px 24px 0 0;inset:auto 0 0;transform:none}.background-removal-dialog:before{content:"";background:var(--muted-foreground);opacity:.5;border-radius:4px;width:36px;height:4px;margin:-12px auto 18px;display:block}.background-removal-preview img{max-height:32dvh}}.background-removal-dialog .upload-action{color:#17200e;background:#d8ef75}.background-removal-actions button:disabled{opacity:.5;cursor:wait}.workflow-demo{padding:85px 0;scroll-margin-top:100px}.workflow-heading{justify-content:space-between;align-items:center;gap:20px;margin-bottom:36px;display:flex}.workflow-eyebrow{color:#a6a6a6;margin:0 0 14px;font-size:14px}.workflow-heading h2{letter-spacing:-.045em;margin:0;font-size:clamp(32px,4.2vw,64px);font-weight:500;line-height:1.15}[lang=ar] .workflow-heading h2{letter-spacing:0;line-height:1.4}.workflow-toggle{color:#eee;cursor:pointer;background:#ffffff0a;border:1px solid #ffffff20;border-radius:50%;flex-shrink:0;place-items:center;width:42px;height:42px;display:grid}.workflow-window{background:linear-gradient(135deg,#ffffff08,#ffffff02);border:1px solid #ffffff1c;border-radius:24px;margin:0;overflow:hidden;box-shadow:inset 0 1px #ffffff09}.workflow-toolbar{color:#ccc;border-bottom:1px solid #ffffff12;justify-content:space-between;gap:12px;padding:20px 28px;font-size:13px;display:flex}.workflow-toolbar-divider{color:#666;margin-inline:12px}.workflow-demo-label{color:#888}.workflow-stage{direction:ltr;background:radial-gradient(at 55% 45%,#ffffff06,#0000 65%);height:450px;position:relative;overflow:hidden;container-type:inline-size}.workflow-inputs{z-index:4;width:130px;height:210px;position:absolute;top:23%;left:8%}.workflow-file{background:#242424;border:1px solid #fff2;border-radius:13px;width:125px;padding:8px;animation:14s infinite both workflow-files;position:absolute;box-shadow:0 12px 25px #0003}.workflow-file img{object-fit:cover;border-radius:6px;width:100%;height:94px;display:block}.workflow-file span{color:#ddd;padding:8px 2px 2px;font-size:11px;display:block}.workflow-file-one{z-index:2;transform:rotate(-9deg)}.workflow-file-two{z-index:1;animation-name:workflow-files-two;top:65px;left:30px;transform:rotate(8deg)}.workflow-drop,.workflow-processing,.workflow-result{border-radius:18px;width:59%;height:80%;position:absolute;top:10%;left:31%}.workflow-drop{color:#d5d5d5;background:#ffffff03;border:1px dashed #ffffff30;flex-direction:column;justify-content:center;align-items:center;gap:15px;animation:14s infinite both workflow-drop;display:flex}.workflow-drop small{color:#777;font-size:11px}.workflow-processing{opacity:0;color:#aaa;flex-direction:column;justify-content:center;align-items:center;gap:22px;font-size:13px;animation:14s infinite both workflow-processing;display:flex}.workflow-scan{background:linear-gradient(90deg,#0000,#ddd,#0000);border-radius:3px;width:120px;height:3px;animation:1s ease-in-out infinite alternate workflow-scan}.workflow-result{opacity:0;background:#f8eedb;animation:14s infinite both workflow-result;overflow:hidden;box-shadow:0 20px 55px #0003}.workflow-art{transform-origin:76% 44%;width:100%;height:100%;animation:14s infinite both workflow-zoom}.workflow-art svg{object-fit:contain;width:100%;height:100%;display:block}.workflow-art [fill=\#f07b52],.workflow-art [fill=\#F07B52]{animation:14s infinite both workflow-color}.workflow-result-top{color:#202020;justify-content:space-between;align-items:center;font-size:11px;display:flex;position:absolute;top:14px;left:14px;right:14px}.workflow-result-top>span{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#fffb;border-radius:7px;align-items:center;gap:5px;padding:6px 9px;display:flex}.workflow-zoom{animation:14s infinite both workflow-zoom-label}.workflow-swatches{-webkit-backdrop-filter:blur(8px);backdrop-filter:blur(8px);background:#ffffffa6;border-radius:12px;gap:8px;padding:9px;animation:14s infinite both workflow-swatches;display:flex;position:absolute;bottom:16px;left:50%;transform:translate(-50%)}.workflow-swatches i{background:#f07b52;border-radius:50%;width:20px;height:20px}.workflow-swatches i:nth-child(2){background:#859abe}.workflow-swatches i:nth-child(3){background:#e7d6b6}.workflow-swatches i:nth-child(4){background:#232323}.workflow-pointer{z-index:6;filter:drop-shadow(0 2px 2px #0006);animation:14s infinite both workflow-pointer;position:absolute;top:45%;left:20%}.workflow-window figcaption{border-top:1px solid #ffffff12;padding:22px 28px 24px}.workflow-window figcaption p{color:#929292;margin:18px 0 0;font-size:12px;line-height:1.7}.workflow-step-labels{color:#777;grid-template-columns:repeat(4,1fr);gap:16px;font-size:13px;display:grid}.workflow-step-labels span{animation:14s infinite both workflow-label}.workflow-step-labels span:nth-child(2){animation-name:workflow-label-two}.workflow-step-labels span:nth-child(3){animation-name:workflow-label-three}.workflow-step-labels span:nth-child(4){animation-name:workflow-label-four}.workflow-demo *{animation-play-state:paused!important}.workflow-demo[data-running=true] *{animation-play-state:running!important}@keyframes workflow-files{0%,8%{opacity:1;transform:translate(0)rotate(-9deg)}22%,27%{opacity:1;transform:translate(31cqw)rotate(0)}32%,95%{opacity:0;transform:translate(31cqw)scale(.5)}to{opacity:1;transform:translate(0)rotate(-9deg)}}@keyframes workflow-files-two{0%,8%{opacity:1;transform:translate(0)rotate(8deg)}22%,27%{opacity:1;transform:translate(31cqw,-20%)rotate(0)}32%,95%{opacity:0;transform:translate(31cqw,-20%)scale(.5)}to{opacity:1;transform:translate(0)rotate(8deg)}}@keyframes workflow-drop{0%,25%{opacity:1}32%,95%{opacity:0}to{opacity:1}}@keyframes workflow-processing{0%,30%{opacity:0}34%,43%{opacity:1}48%,to{opacity:0}}@keyframes workflow-result{0%,44%{opacity:0;transform:translateY(12px)}49%,91%{opacity:1;transform:translateY(0)}97%,to{opacity:0;transform:translateY(0)}}@keyframes workflow-zoom{0%,53%{transform:scale(1)}66%,73%{transform:scale(4)}83%,to{transform:scale(1)}}@keyframes workflow-color{0%,78%{fill:#f07b52}84%,94%{fill:#859abe}to{fill:#f07b52}}@keyframes workflow-zoom-label{0%,57%{opacity:0}64%,74%{opacity:1}82%,to{opacity:0}}@keyframes workflow-swatches{0%,76%{opacity:0;translate:0 10px}82%,94%{opacity:1;translate:0}to{opacity:0;translate:0 10px}}@keyframes workflow-pointer{0%{opacity:0;top:68%;left:13%}8%{opacity:1;top:44%;left:17%}22%,27%{opacity:1;top:44%;left:48%}34%,75%{opacity:0;top:44%;left:48%}82%,89%{opacity:1;top:82%;left:59%}95%,to{opacity:0;top:82%;left:59%}}@keyframes workflow-scan{0%{opacity:.4;transform:scaleX(.25)}to{opacity:1;transform:scaleX(1)}}@keyframes workflow-label{0%,27%{color:#eee}34%,95%{color:#777}to{color:#eee}}@keyframes workflow-label-two{0%,28%{color:#777}34%,46%{color:#eee}50%,to{color:#777}}@keyframes workflow-label-three{0%,47%{color:#777}52%,75%{color:#eee}80%,to{color:#777}}@keyframes workflow-label-four{0%,76%{color:#777}82%,94%{color:#eee}to{color:#777}}.workflow-demo[data-reduced=true] .workflow-inputs,.workflow-demo[data-reduced=true] .workflow-pointer,.workflow-demo[data-reduced=true] .workflow-processing,.workflow-demo[data-reduced=true] .workflow-drop{display:none}.workflow-demo[data-reduced=true] .workflow-result{opacity:1;animation:none;transform:none}.workflow-demo[data-reduced=true] .workflow-art{animation:none;transform:none}.workflow-demo[data-reduced=true] .workflow-zoom{display:none}@media (width<=800px){.workflow-demo{padding:55px 0}.workflow-heading{margin-bottom:25px}.workflow-heading h2{font-size:34px}.workflow-eyebrow{font-size:12px}.workflow-stage{height:350px;container-type:inline-size}.workflow-toolbar{padding:16px;font-size:11px}.workflow-inputs{width:80px;top:28%;left:3%}.workflow-file{border-radius:9px;width:77px;padding:5px}.workflow-file img{height:60px}.workflow-file span{font-size:8px}.workflow-file-two{top:50px;left:12px}.workflow-drop,.workflow-processing,.workflow-result{border-radius:12px;width:74%;height:70%;top:15%;left:21%}.workflow-drop{font-size:12px}.workflow-drop small{font-size:9px}.workflow-window{border-radius:18px}.workflow-window figcaption{padding:18px 16px}.workflow-step-labels{gap:10px;font-size:10px;line-height:1.6}.workflow-window figcaption p{font-size:11px}.workflow-result-top{font-size:9px;top:9px;left:9px;right:9px}.workflow-swatches i{width:16px;height:16px}}@media (prefers-reduced-motion:reduce){.workflow-demo *{animation:none!important}.workflow-inputs,.workflow-pointer,.workflow-processing,.workflow-drop{display:none}.workflow-result{opacity:1;transform:none}.workflow-zoom{display:none}.workflow-swatches{opacity:1}}.workflow-completed{opacity:0;gap:14px;width:22%;animation:14s infinite both workflow-result;display:grid;position:absolute;top:34%;left:5%}.workflow-completed>div{color:#aaa;background:#ffffff05;border:1px solid #ffffff12;border-radius:10px;align-items:center;gap:9px;padding:10px;font-size:11px;display:flex}.workflow-completed img{object-fit:contain;border-radius:5px;width:42px;height:42px}.workflow-completed svg{margin-inline-start:auto}.workflow-demo[data-reduced=true] .workflow-completed{opacity:1;animation:none;transform:none}@media (width<=800px){.workflow-completed{gap:12px;width:15%;left:3%}.workflow-completed>div{flex-direction:column;gap:4px;padding:5px;font-size:7px}.workflow-completed img{width:30px;height:30px}.workflow-completed svg{display:none}}@media (prefers-reduced-motion:reduce){.workflow-completed{opacity:1;transform:none}}@media (width<=800px){.workflow-step-labels{grid-template-columns:repeat(2,minmax(0,1fr));gap:12px 18px;font-size:12px;line-height:1.5}.workflow-window figcaption p{font-size:12px;line-height:1.7}.workflow-completed span{display:none}}
