.new-image-tool-shell{color:#f5f5f5;background:#0e1011;min-width:0}.new-image-tool-shell>h1{letter-spacing:-.035em;font-size:36px;font-weight:700;line-height:1.3}.new-image-tool-intro{color:#a8a9af;max-width:720px;margin-top:16px;font-size:17px;line-height:1.7}.new-image-tool-preview{width:100%;min-width:0;padding:18px}.new-image-tool-preview .image-edit-options{display:none}.new-image-tool-preview .image-edit-canvas{border-radius:16px}.new-image-tool-preview .image-edit-instruction{line-height:1.65}.new-image-tool-face{color:#b5b6bc;align-items:center;gap:12px;margin-top:16px;font-size:13px;display:flex}.new-image-tool-face img{object-fit:cover;border-radius:12px;width:68px;height:68px}.new-image-tool-preview .image-tools-cutout{isolation:isolate;background:#171717;border-radius:16px;width:100%;position:relative;overflow:hidden}.new-image-tool-preview .image-tools-cutout>img,.new-image-tool-preview .image-tools-cutout-result>img{object-fit:contain;width:100%;height:100%;position:absolute;inset:0}.new-image-tool-preview .image-tools-cutout-result{clip-path:inset(0 0 0 var(--cutout-split));background:conic-gradient(#dbdbdf 25%, #f4f4f6 0 50%, #dbdbdf 0 75%, #f4f4f6 0);background-size:24px 24px;position:absolute;inset:0}.new-image-tool-preview .image-tools-cutout[data-cutout-backdrop=light] .image-tools-cutout-result{background:#fff}.new-image-tool-preview .image-tools-cutout[data-cutout-backdrop=dark] .image-tools-cutout-result{background:#171717}.new-image-tool-preview .image-tools-cutout-divider{inset:0 auto 0 var(--cutout-split);pointer-events:none;background:#fff;width:2px;position:absolute;transform:translate(-50%)}.new-image-tool-preview .image-tools-cutout-divider>span{color:#171717;background:#fff;border-radius:50%;place-items:center;width:42px;height:42px;display:grid;position:absolute;top:50%;left:50%;transform:translate(-50%,-50%)}.new-image-tool-preview .image-tools-cutout input{opacity:0;cursor:ew-resize;touch-action:pan-y;width:100%;height:100%;margin:0;position:absolute;inset:0}.new-image-tool-preview .image-tools-cutout:has(input:focus-visible){outline:3px solid var(--primary);outline-offset:3px}.new-image-tool-guide{padding:0 0 72px}.new-image-tool-guide section{border-bottom:1px solid #ffffff10;padding:80px 0}.new-image-tool-guide h2{letter-spacing:-.035em;text-wrap:balance;margin-bottom:26px;font-size:clamp(27px,3.5vw,44px);font-weight:700;line-height:1.18}.new-image-tool-overview,.new-image-tool-next{text-align:center}.new-image-tool-overview p,.new-image-tool-next p{color:#a8a9af;max-width:780px;margin:0 auto 28px;font-size:18px;line-height:1.75}.new-tool-action{background:var(--primary);color:#111;border-radius:999px;justify-content:center;align-items:center;gap:14px;padding:13px 25px;font-size:16px;font-weight:600;transition:background .2s ease-out;display:inline-flex}.new-tool-action:hover{background:var(--primary)}.new-tool-action:focus-visible,.new-tool-source:focus-visible{outline:2px solid var(--primary);outline-offset:4px}.new-image-tool-checks,.new-image-tool-steps{grid-template-columns:repeat(3,minmax(0,1fr));gap:20px;padding:0;list-style:none;display:grid}.new-image-tool-checks li,.new-image-tool-steps li{background:#171717;border:1px solid #ffffff12;border-radius:20px;padding:26px}.new-image-tool-checks span,.new-image-tool-steps span{color:var(--primary);font-size:36px;font-weight:600}.new-image-tool-checks p,.new-image-tool-steps p{color:#b9b9bf;margin-top:16px;font-size:16px;line-height:1.7}.new-tool-source{color:var(--link);margin-top:24px;font-size:15px;display:inline-flex}.new-image-tool-guide .new-image-tool-faq{grid-template-columns:minmax(240px,1fr) minmax(0,1.6fr);gap:48px;display:grid}@media (max-width:767px){.new-image-tool-shell>h1{font-size:36px;line-height:48px}.new-image-tool-intro{font-size:15px}.new-image-tool-preview{padding:12px}.new-image-tool-guide section{padding:48px 0}.new-image-tool-guide .new-image-tool-faq,.new-image-tool-checks,.new-image-tool-steps{grid-template-columns:1fr;gap:12px}.new-image-tool-checks li,.new-image-tool-steps li{padding:20px}.new-image-tool-overview p,.new-image-tool-next p{font-size:16px}.new-image-tool-preview .image-tools-cutout{min-height:0}.new-image-tool-preview .cutout-backdrop-controls{bottom:6px;right:6px}.new-image-tool-preview .cutout-backdrop-controls button{padding:4px;font-size:10px}.new-image-tool-preview .image-edit-label{font-size:10px}}@media (prefers-reduced-motion:reduce){.new-tool-action{transition:none}.new-tool-action:hover{transform:none}}@media (min-width:768px){.new-image-tool-shell[data-image-tool-shell=photo-editor]>h1{font-size:40px;line-height:56px}.new-image-tool-overview h2{font-size:36px;line-height:56px}[data-image-tool-shell=photo-editor] .new-image-tool-overview h2{font-size:40px}.new-image-tool-check-section h2,.new-image-tool-faq h2,.new-image-tool-next h2{font-size:48px;line-height:56px}.new-image-tool-step-section h2{font-size:40px;line-height:48px}}@media (max-width:767px){.new-image-tool-guide h2{font-size:24px;line-height:32px}[data-image-tool-shell=photo-editor] .new-image-tool-guide h2{font-size:20px;line-height:32px}}[data-image-tool-shell=photo-editor] .seo-accordion-answer{transition-timing-function:cubic-bezier(.4,0,.2,1)}@media (prefers-reduced-motion:reduce){[data-image-tool-shell=photo-editor] .seo-accordion-answer{transition:none}}
