body[data-has-files] .ad-banner-wrapper{grid-column:2!important;grid-row:1!important;margin:16px auto 24px!important;max-width:730px!important;width:100%!important}body[data-has-files] #editor{grid-column:2;grid-row:3;width:100%;max-width:100%}body[data-has-files] #result-wrap{grid-column:2;grid-row:4}body[data-has-files] main.tool-main .related-grid{grid-template-columns:repeat(2,minmax(0,1fr))!important;gap:12px!important}body[data-has-files] main.tool-main .related-grid>a{padding:14px 16px!important}body[data-has-files] main.tool-main .related-grid>a>div>div:first-child{width:32px!important;height:32px!important;border-radius:8px!important}body[data-has-files] main.tool-main .related-grid>a>div>div:first-child svg{width:16px!important;height:16px!important}body[data-has-files] main.tool-main .related-grid>a>div>div:nth-child(2)>div:first-child{font-size:13px!important;margin-bottom:1px!important}body[data-has-files] main.tool-main .related-grid>a>div>div:nth-child(2)>div:last-child{font-size:11.5px!important;-webkit-line-clamp:1!important}body[data-has-files] main.tool-main aside[aria-label=Advertisement]:not(:first-of-type){grid-column:1 / -1;grid-row:7}@keyframes smoothFadeInUpload{0%{opacity:0;transform:translateY(12px)}to{opacity:1;transform:translateY(0)}}body.page-smart-cropper:not([data-has-files]):not([data-has-results]) .tool-main{animation:smoothFadeInUpload .3s cubic-bezier(.16,1,.3,1) forwards}#crop-mask{position:absolute;inset:0;pointer-events:none;background:#00000080;display:none;z-index:1}#selection{position:absolute!important;border:2px solid #FACC15!important;box-shadow:0 0 16px #facc1566!important;box-sizing:border-box!important;cursor:move!important;z-index:2;transition:box-shadow .2s ease}#selection .handle{position:absolute;width:10px;height:10px;background:#facc15;border:1.5px solid #ffffff;border-radius:2px;box-shadow:0 2px 6px #0009;box-sizing:border-box;z-index:5;transition:transform .15s ease,background .15s ease}#selection .handle:after{content:"";position:absolute;inset:-10px;cursor:inherit}#selection .handle:hover,#selection .handle:active{transform:scale(1.25);background:#ffe066}#selection .handle.nw{top:-5px;left:-5px;cursor:nwse-resize}#selection .handle.n{top:-5px;left:calc(50% - 5px);transform:none;cursor:ns-resize}#selection .handle.ne{top:-5px;right:-5px;cursor:nesw-resize}#selection .handle.e{top:calc(50% - 5px);right:-5px;transform:none;cursor:ew-resize}#selection .handle.se{bottom:-5px;right:-5px;cursor:nwse-resize}#selection .handle.s{bottom:-5px;left:calc(50% - 5px);transform:none;cursor:ns-resize}#selection .handle.sw{bottom:-5px;left:-5px;cursor:nesw-resize}#selection .handle.w{top:calc(50% - 5px);left:-5px;transform:none;cursor:ew-resize}#grid-overlay{position:absolute;inset:0;pointer-events:none;background-image:repeating-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,.45) 4px,transparent 4px,transparent 8px),repeating-linear-gradient(to bottom,rgba(255,255,255,.45) 0,rgba(255,255,255,.45) 4px,transparent 4px,transparent 8px),repeating-linear-gradient(to right,rgba(255,255,255,.45) 0,rgba(255,255,255,.45) 4px,transparent 4px,transparent 8px),repeating-linear-gradient(to right,rgba(255,255,255,.45) 0,rgba(255,255,255,.45) 4px,transparent 4px,transparent 8px);background-size:1px 100%,1px 100%,100% 1px,100% 1px;background-position:33.333% 0,66.666% 0,0 33.333%,0 66.666%;background-repeat:no-repeat}.crop-crosshair{position:absolute;top:50%;left:50%;transform:translate(-50%,-50%);color:#facc15;font-size:18px;font-family:system-ui,-apple-system,sans-serif;font-weight:400;line-height:1;pointer-events:none;user-select:none}#dim-display{position:absolute!important;top:-42px!important;left:50%!important;transform:translate(-50%)!important;background:#0f172ad9!important;color:#fff!important;padding:5px 14px!important;border-radius:100px!important;font-size:13px!important;font-weight:700!important;letter-spacing:.02em!important;white-space:nowrap!important;backdrop-filter:blur(12px)!important;-webkit-backdrop-filter:blur(12px)!important;border:1px solid rgba(255,255,255,.15)!important;box-shadow:0 4px 14px #0006!important;z-index:10!important;pointer-events:none!important}#controls .aspect-btn:hover,#controls .grid-btn:hover{border-color:var(--color-border-hover)!important;color:var(--color-text)!important}#controls .custom-select-group{position:relative;width:100%}#controls .custom-select-trigger{display:flex;align-items:center;justify-content:space-between;width:100%;padding:13px 18px;border:2px solid #FACC15!important;border-radius:14px!important;background:#11141d!important;color:#fff!important;font-size:15px!important;font-weight:600!important;cursor:pointer;transition:all .2s ease;user-select:none;box-sizing:border-box;box-shadow:0 4px 14px #00000040}#controls .custom-select-group.open .custom-select-trigger{border-color:#facc15!important;box-shadow:0 0 0 1px #facc15,0 8px 20px #0006!important}#controls .custom-select-trigger .trigger-arrow{flex-shrink:0;color:#fff;transition:transform .25s cubic-bezier(.16,1,.3,1)}#controls .custom-select-group.open .custom-select-trigger .trigger-arrow{transform:rotate(180deg)}#controls .custom-select-options{position:absolute;top:calc(100% + 8px);left:0;right:0;background:#11141d!important;border:1px solid rgba(255,255,255,.08)!important;border-radius:16px!important;box-shadow:0 16px 36px #000000a6!important;z-index:1000;display:none;flex-direction:column;overflow:hidden;padding:8px 0}#controls .custom-select-group.open .custom-select-options{display:flex}#controls .custom-select-option{padding:13px 20px;font-size:15px;font-weight:600;color:#fff;cursor:pointer;transition:all .12s ease;text-align:left;user-select:none;background:transparent}#controls .custom-select-option.active{color:#facc15!important;font-weight:700}#controls .custom-select-option:hover{background:#facc15!important;color:#000!important;font-weight:700!important}#editor{background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}#canvas-wrap{min-height:520px;background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important}@media(max-width:1023px){body.page-smart-cropper[data-has-files]:not([data-has-results]) #editor{margin:0!important;padding:0 12px!important;height:auto!important;max-height:none!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;position:fixed!important;inset:66px 0 74px!important;z-index:10!important;background:transparent!important;border:none!important;box-shadow:none!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) #canvas-wrap{width:100%!important;height:auto!important;max-height:calc(100vh - 190px)!important;flex:0 1 auto!important;min-height:unset!important;border-radius:14px!important;background:transparent!important;background-color:transparent!important;border:none!important;box-shadow:none!important;display:flex!important;align-items:center!important;justify-content:center!important;margin-top:-6px!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) #image-container{position:relative!important;display:inline-block!important;width:100%!important;max-width:min(94vw,560px)!important;margin:-12px auto 0!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) #source-img{width:100%!important;height:auto!important;max-height:calc(100vh - 200px)!important;object-fit:contain!important;display:block!important;margin:0 auto!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) .cropper-hint-text{margin-top:14px!important;margin-bottom:0!important;font-size:13.5px!important;position:relative!important;z-index:5!important;flex-shrink:0!important}html body.page-tool.page-smart-cropper[data-has-files]:not([data-has-results]) .mobile-floating-settings-btn,body.page-smart-cropper[data-has-files]:not([data-has-results]) #mobile-settings-toggle,body.page-smart-cropper[data-has-files]:not([data-has-results]) .mobile-floating-settings-btn{top:180px!important;right:28px!important;width:44px!important;height:44px!important}html body.page-tool.page-smart-cropper[data-has-files]:not([data-has-results]) .mobile-floating-settings-btn svg,body.page-smart-cropper[data-has-files]:not([data-has-results]) #mobile-settings-toggle svg,body.page-smart-cropper[data-has-files]:not([data-has-results]) .mobile-floating-settings-btn svg{width:23px!important;height:23px!important}html body.page-smart-cropper[data-has-results] #editor,html body.page-smart-cropper[data-has-results] #canvas-wrap,html body.page-smart-cropper[data-has-results] #image-container,html body.page-smart-cropper[data-has-results] #source-img,html body.page-smart-cropper[data-has-results] #crop-mask,html body.page-smart-cropper[data-has-results] #selection,html body.page-smart-cropper[data-has-results] .cropper-hint-text,html body.page-smart-cropper[data-has-results] .mobile-floating-settings-btn,html body.page-smart-cropper[data-has-results] #mobile-settings-toggle,html body.page-smart-cropper[data-has-results] #mobile-bottom-reset,html body.page-smart-cropper[data-has-results] .mobile-floating-reset-btn,html body.page-smart-cropper[data-has-results] #mobile-bottom-process,html body.page-smart-cropper[data-has-results] .mobile-floating-process-btn{display:none!important;visibility:hidden!important;opacity:0!important;pointer-events:none!important}html body.page-tool.page-smart-cropper[data-has-files]:not([data-has-results]) .mobile-floating-process-btn,body.page-smart-cropper[data-has-files]:not([data-has-results]) #mobile-bottom-process,body.page-smart-cropper[data-has-files]:not([data-has-results]) .mobile-floating-process-btn{bottom:138px!important}body.page-smart-cropper[data-has-results] #result-wrap img{max-height:35vh!important}body.page-smart-cropper[data-has-results] #result-wrap{margin:-12px auto 0!important;padding:0 12px!important}body.page-smart-cropper[data-has-results] #result-wrap .tool-result{padding-bottom:0!important;margin-bottom:0!important}html body.page-smart-cropper[data-has-results] .success-checkmark,body.page-smart-cropper[data-has-results] .success-checkmark,html body.page-smart-cropper[data-has-results] .success-card-title,body.page-smart-cropper[data-has-results] .success-card-title,html body.page-smart-cropper[data-has-results] .success-card-subtext,body.page-smart-cropper[data-has-results] .success-card-subtext{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important}html body.page-smart-cropper[data-has-results] .tool-result.success-card-wrapper,html body.page-smart-cropper[data-has-results] .success-card-wrapper,html body.page-smart-cropper[data-has-results] #result-wrap .tool-result,html body.page-smart-cropper[data-has-results] #result-wrap .tool-result>div:first-child{padding-top:0!important;margin-top:-45px!important;min-height:auto!important;border:none!important;background:transparent!important;box-shadow:none!important}html body.page-smart-cropper[data-has-results] #result-wrap .result-card-actions,body.page-smart-cropper[data-has-results] #result-wrap .result-card-actions,html body.page-smart-cropper[data-has-results] #result-wrap .tool-result>div:last-child,body.page-smart-cropper[data-has-results] #result-wrap .tool-result>div:last-child{display:flex!important;visibility:visible!important;opacity:1!important;flex-direction:column!important;align-items:center!important;width:100%!important;margin-top:24px!important;margin-bottom:12px!important;gap:0!important}html body.page-smart-cropper[data-has-results] #result-wrap .btn-download-result,body.page-smart-cropper[data-has-results] #result-wrap .btn-download-result,html body.page-smart-cropper[data-has-results] #result-wrap a[download],body.page-smart-cropper[data-has-results] #result-wrap a[download],html body.page-smart-cropper[data-has-results] #result-wrap .btn-primary,body.page-smart-cropper[data-has-results] #result-wrap .btn-primary{display:flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;gap:12px!important;width:100%!important;min-height:60px!important;height:60px!important;padding:0 28px!important;border-radius:26px!important;background:linear-gradient(180deg,#ffd025,#f5b800)!important;color:#000!important;font-size:19px!important;font-weight:800!important;font-family:var(--font-display),"Outfit",sans-serif!important;letter-spacing:-.01em!important;text-decoration:none!important;box-shadow:0 14px 34px -4px #facc158c,0 4px 12px #facc1559!important;box-sizing:border-box!important;border:none!important;transition:transform .15s ease,box-shadow .15s ease!important}html body.page-smart-cropper[data-has-results] #result-wrap a[download]:active,body.page-smart-cropper[data-has-results] #result-wrap a[download]:active,html body.page-smart-cropper[data-has-results] #result-wrap .btn-download-result:active{transform:scale(.98)!important}html body.page-smart-cropper[data-has-results] #result-wrap .btn-reset-result,body.page-smart-cropper[data-has-results] #result-wrap .btn-reset-result,html body.page-smart-cropper[data-has-results] #result-wrap .reset-btn,body.page-smart-cropper[data-has-results] #result-wrap .reset-btn,html body.page-smart-cropper[data-has-results] #result-wrap .btn-ghost,body.page-smart-cropper[data-has-results] #result-wrap .btn-ghost{display:inline-flex!important;visibility:visible!important;opacity:1!important;align-items:center!important;justify-content:center!important;margin-top:18px!important;padding:10px 42px!important;min-width:130px!important;height:42px!important;border-radius:9999px!important;border:1px solid rgba(250,204,21,.45)!important;background:#ffffff08!important;color:#facc15!important;font-size:15px!important;font-weight:700!important;font-family:var(--font-display),"Outfit",sans-serif!important;letter-spacing:.01em!important;cursor:pointer!important;box-sizing:border-box!important;transition:all .15s ease!important}html body.page-smart-cropper[data-has-results] #result-wrap .btn-reset-result:active,html body.page-smart-cropper[data-has-results] #result-wrap .reset-btn:active{transform:scale(.96)!important;border-color:#facc15!important;background:#facc1514!important}html body.page-smart-cropper .how-to-features,body.page-smart-cropper .how-to-features,html body.page-smart-cropper[data-has-files] .how-to-features,body.page-smart-cropper[data-has-files] .how-to-features,html body.page-smart-cropper[data-has-results] .how-to-features,body.page-smart-cropper[data-has-results] .how-to-features,html body.page-smart-cropper .related-tools-wrap,body.page-smart-cropper .related-tools-wrap,html body.page-smart-cropper[data-has-files] .related-tools-wrap,body.page-smart-cropper[data-has-files] .related-tools-wrap,html body.page-smart-cropper[data-has-results] .related-tools-wrap,body.page-smart-cropper[data-has-results] .related-tools-wrap{border-top:none!important}html body.page-tool.page-smart-cropper[data-has-results] .ad-banner-wrapper,body.page-smart-cropper[data-has-results] .ad-banner-wrapper{display:flex!important;align-items:center!important;justify-content:center!important;width:calc(100% - 32px)!important;max-width:728px!important;height:90px!important;max-height:90px!important;margin:42px auto 16px!important;transform:none!important;left:auto!important;right:auto!important;flex-shrink:0!important}html body.page-tool.page-smart-cropper[data-has-results] aside.ad-slot,body.page-smart-cropper[data-has-results] aside.ad-slot,html body.page-tool.page-smart-cropper[data-has-results] .ad-banner-wrapper aside.ad-slot,body.page-smart-cropper[data-has-results] .ad-banner-wrapper aside.ad-slot{width:100%!important;max-width:728px!important;height:90px!important;min-height:90px!important;max-height:90px!important;margin:0 auto!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:14px!important;flex-shrink:0!important;overflow:hidden!important;box-sizing:border-box!important}}@media(min-width:1440px){body:not([data-has-files]) .tool-bottom-section{margin-left:-260px;margin-right:-260px;width:calc(100% + 520px)}}@media(min-width:1200px)and (max-width:1439px){body:not([data-has-files]) .tool-bottom-section{margin-left:-160px;margin-right:-160px;width:calc(100% + 320px)}}.faq-content{overflow:hidden;height:auto;opacity:1;transform:translateY(0);transition:height .35s cubic-bezier(.16,1,.3,1),opacity .35s cubic-bezier(.16,1,.3,1),transform .35s cubic-bezier(.16,1,.3,1)}.faq-item:not([open]) .faq-content{height:0;opacity:0;transform:translateY(-8px)}.faq-item{transition:background-color .3s ease,border-color .3s ease,box-shadow .3s ease}.tool-bottom-section h2,.tool-bottom-section h3,.tool-seo .tool-seo-title{color:var(--color-text)!important;font-size:1.875rem!important;font-family:var(--font-display)!important;font-weight:700!important}.tool-bottom-section p,.tool-bottom-section li{color:var(--color-text-2)!important}.tool-bottom-section strong{color:var(--color-text)!important}[data-theme=dark] .tool-bottom-section h2,[data-theme=dark] .tool-bottom-section h3,[data-theme=dark] .how-to-features h3,[data-theme=dark] .tool-seo .tool-seo-title{color:#facc15!important}[data-theme=dark] .tool-bottom-section p,[data-theme=dark] .tool-bottom-section li{color:#94a3b8!important}[data-theme=dark] .tool-bottom-section strong{color:inherit!important}html body.page-tool.page-smart-cropper[data-has-files] .upload-wrap,html body.page-smart-cropper[data-has-files] .upload-wrap,body.page-smart-cropper[data-has-files] .upload-wrap,body.page-smart-cropper[data-has-files] .upload-zone,body.page-smart-cropper[data-has-files] .upload-previews,body.page-smart-cropper[data-has-files] .upload-actions,body.page-smart-cropper[data-has-files] [data-upload-actions],body.page-smart-cropper[data-has-files] [data-upload-add],body.page-smart-cropper[data-has-files] [data-upload-add-btn],body.page-smart-cropper[data-has-files] .upload-add-wrap,body.page-smart-cropper[data-has-files] .upload-action-stack,body.page-smart-cropper[data-has-files] .upload-action-btn{display:none!important;visibility:hidden!important;pointer-events:none!important;opacity:0!important;height:0!important;width:0!important;overflow:hidden!important;position:absolute!important;z-index:-9999!important}@media(min-width:769px){body.page-smart-cropper .tool-hero-compact-actions,body.page-smart-cropper[data-has-files] .tool-hero-compact-actions,body.page-smart-cropper[data-has-results] .tool-hero-compact-actions{display:none!important}html body.page-tool.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-hero-compact,body.page-smart-cropper[data-has-files] .tool-hero-compact{left:-38px!important;top:2px!important}html body.page-tool.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-h1-compact,body.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-h1-compact{display:flex!important;flex-direction:column!important;align-items:flex-start!important;line-height:1.05!important;font-size:26px!important;font-weight:800!important;letter-spacing:-.03em!important;white-space:normal!important;gap:0px!important;margin:0!important}html body.page-tool.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-h1-compact span:first-child,body.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-h1-compact span:first-child{color:var(--color-text, #ffffff)!important;font-size:24px!important;line-height:1.1!important}html body.page-tool.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-h1-compact span:last-child,body.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-h1-compact span:last-child{color:#facc15!important;text-transform:uppercase!important;font-size:29px!important;font-weight:800!important;line-height:1.05!important}body.page-smart-cropper[data-has-results] header.tool-hero-compact,body.page-smart-cropper[data-has-results] .tool-hero-compact{display:flex!important;position:absolute!important;top:95px!important;left:40px!important;border:none!important;background:none!important;padding:0!important;margin:0!important;box-shadow:none!important;width:auto!important;z-index:30!important}body.page-smart-cropper[data-has-results] .tool-hero-compact-left{display:flex!important;align-items:center!important;gap:16px!important}body.page-smart-cropper[data-has-results] .tool-hero-compact-icon{width:44px!important;height:44px!important;border-radius:12px!important;border:2px solid #FACC15!important;background:#facc1512!important;color:#facc15!important}body.page-smart-cropper[data-has-results] .tool-hero-compact-icon-svg{width:24px!important;height:24px!important}body.page-smart-cropper[data-has-results] .tool-h1-compact{font-size:25px!important;font-weight:800!important}body.page-smart-cropper[data-has-results] .tool-h1-compact span:last-child{color:#facc15!important}body.page-smart-cropper[data-has-results] #editor,body.page-smart-cropper[data-has-results] #canvas-wrap{display:none!important}html body.page-smart-cropper[data-has-results] .success-checkmark,html body.page-smart-cropper[data-has-results] .success-card-title,html body.page-smart-cropper[data-has-results] .success-card-subtext,html body.page-smart-cropper[data-has-results] .success-card-wrapper .success-checkmark,html body.page-smart-cropper[data-has-results] .success-card-wrapper .success-card-title,html body.page-smart-cropper[data-has-results] .success-card-wrapper .success-card-subtext,html body.page-smart-cropper[data-has-results] .tool-result .success-checkmark,html body.page-smart-cropper[data-has-results] .tool-result .success-card-title,html body.page-smart-cropper[data-has-results] .tool-result .success-card-subtext,html body[data-has-results].page-smart-cropper .success-checkmark,html body[data-has-results].page-smart-cropper .success-card-title,html body[data-has-results].page-smart-cropper .success-card-subtext{display:none!important;visibility:hidden!important;height:0!important;margin:0!important;padding:0!important;opacity:0!important;overflow:hidden!important}body.page-smart-cropper[data-has-files] .cropper-hint-text{display:none!important}body.page-smart-cropper[data-has-files] .how-to-features,body.page-smart-cropper[data-has-files] .related-tools-wrap,body.page-smart-cropper[data-has-files] .related-tools-section{border-top:none!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) .how-to-features{margin-top:-680px!important;padding-top:0!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) .related-tools-wrap,body.page-smart-cropper[data-has-files]:not([data-has-results]) .related-tools-section{margin-top:0!important;padding-top:0!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) #canvas-wrap{background:#000!important;height:490px!important;min-height:490px!important;max-height:490px!important;width:100%!important;max-width:100%!important;display:flex!important;align-items:center!important;justify-content:center!important;border-radius:20px!important;position:relative!important;overflow:hidden!important;border:1.5px solid #FACC15!important;transform:translate(65px,-120px)!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) #image-container{width:auto!important;height:auto!important;max-width:100%!important;max-height:100%!important;display:inline-block!important;position:relative!important;transform:none!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) #source-img{width:auto!important;height:auto!important;max-width:100%!important;max-height:490px!important;display:block!important;pointer-events:none!important;object-fit:contain!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) #controls{margin-top:-40px!important;border:1.5px solid #FACC15!important;border-radius:24px!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-ad-rail{grid-column:1!important;grid-row:2 / span 10!important;position:sticky!important;top:95px!important;align-self:flex-start!important;max-width:300px!important;width:300px!important;height:max-content!important;min-height:600px!important;margin-top:-45px!important;margin-left:-58px!important;border:1px dashed var(--color-border)!important;border-radius:12px!important;background:#ffffff05!important;display:flex!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:10!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-ad-rail:before{content:"ADVERTISEMENT"!important;position:absolute!important;color:#ffffff1f!important;font-size:10px!important;font-weight:700!important;letter-spacing:.35em!important;font-family:var(--font-display),sans-serif!important;pointer-events:none!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-ad-rail-right{display:flex!important;grid-column:3!important;grid-row:2 / span 7!important;position:sticky!important;top:88px!important;margin-top:540px!important;min-height:600px!important;height:600px!important;width:300px!important;margin-right:25px!important;transform:translate(95px)!important;border:1px dashed var(--color-border)!important;border-radius:12px!important;background:#ffffff05!important;align-items:center!important;justify-content:center!important;box-sizing:border-box!important;z-index:10!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) .tool-ad-rail-right:before{content:"ADVERTISEMENT"!important;position:absolute!important;color:#ffffff1f!important;font-size:10px!important;font-weight:700!important;letter-spacing:.35em!important;font-family:var(--font-display),sans-serif!important;pointer-events:none!important}}@media(max-width:1023px){html body.page-tool.page-smart-cropper[data-has-files]:not([data-has-results]) .ad-banner-wrapper,body.page-smart-cropper[data-has-files]:not([data-has-results]) .ad-banner-wrapper{transform:none!important;left:16px!important;right:16px!important;margin:0 auto!important;justify-content:center!important;align-items:center!important}}@media(min-width:1024px){body.page-smart-cropper[data-has-files] .ad-banner-wrapper{transform:translate(65px)!important}body.page-smart-cropper[data-has-results] .tool-main{padding-top:0!important}body.page-smart-cropper[data-has-results] .tool-hero-compact{position:absolute!important;top:95px!important;left:55px!important;display:flex!important;align-items:center!important;gap:16px!important;z-index:20!important}body.page-smart-cropper[data-has-results] .tool-hero-compact-icon{width:48px!important;height:48px!important;border-radius:12px!important;border:2px solid #FACC15!important;background:#facc1512!important;color:#facc15!important;display:flex!important;align-items:center!important;justify-content:center!important}body.page-smart-cropper[data-has-results] .tool-hero-compact-icon svg{width:26px!important;height:26px!important}body.page-smart-cropper[data-has-results] .tool-h1-compact{font-size:26px!important;font-weight:800!important;color:#fff!important;margin:0!important}body.page-smart-cropper[data-has-results] .tool-h1-compact span:last-child{color:#facc15!important}body.page-smart-cropper[data-has-results] .ad-banner-wrapper{grid-column:2!important;display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:728px!important;height:90px!important;margin:8px auto 20px!important;transform:none!important;z-index:2!important}body.page-smart-cropper[data-has-results] aside.ad-slot{width:100%!important;max-width:728px!important;height:90px!important;min-height:90px!important;max-height:90px!important;margin:0 auto!important;display:flex!important;border-radius:14px!important}html body.page-tool.page-smart-cropper[data-has-results] #result-wrap,body.page-smart-cropper[data-has-results] #result-wrap{grid-column:2!important;display:flex!important;flex-direction:column!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:760px!important;margin:-140px auto 0!important;padding:0!important;visibility:visible!important;opacity:1!important;z-index:5!important}html body.page-smart-cropper[data-has-results] .tool-result.success-card-wrapper,html body.page-smart-cropper[data-has-results] #result-wrap .tool-result{display:flex!important;flex-direction:column!important;align-items:center!important;width:100%!important;max-width:760px!important;background:transparent!important;border:none!important;box-shadow:none!important;padding:0!important;margin:0 auto!important;min-height:auto!important}html body.page-smart-cropper[data-has-results] #result-wrap .tool-result>div:first-child,html body.page-smart-cropper[data-has-results] #result-wrap .tool-result>div:has(img){display:flex!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:720px!important;border-radius:16px!important;background:var(--color-bg-2, #11141D)!important;border:1px solid var(--color-border, rgba(255, 255, 255, .1))!important;box-shadow:0 12px 32px #00000040!important;overflow:hidden!important;margin:0 auto!important;padding:0!important}body.page-smart-cropper[data-has-results] #result-wrap img{display:block!important;max-width:100%!important;height:auto!important;max-height:420px!important;object-fit:contain!important;margin:0 auto!important}html body.page-tool.page-smart-cropper[data-has-results] #result-wrap .result-card-actions,body.page-smart-cropper[data-has-results] #result-wrap .result-card-actions,html body.page-smart-cropper[data-has-results] #result-wrap .tool-result>div:last-child{display:flex!important;flex-direction:row!important;align-items:center!important;justify-content:center!important;width:100%!important;max-width:720px!important;gap:16px!important;margin-top:24px!important;margin-bottom:24px!important;visibility:visible!important;opacity:1!important}html body.page-smart-cropper[data-has-results] #result-wrap .btn-download-result,body.page-smart-cropper[data-has-results] #result-wrap .btn-download-result,html body.page-smart-cropper[data-has-results] #result-wrap a[download],body.page-smart-cropper[data-has-results] #result-wrap a[download]{display:flex!important;flex:1!important;min-width:0!important;height:56px!important;min-height:56px!important;border-radius:16px!important;background:linear-gradient(180deg,#ffd025,#f5b800)!important;color:#000!important;font-size:16.5px!important;font-weight:800!important;font-family:var(--font-display),"Outfit",sans-serif!important;letter-spacing:-.01em!important;text-decoration:none!important;box-shadow:0 10px 25px -4px #facc1573!important;border:none!important;padding:0 24px!important;align-items:center!important;justify-content:center!important;gap:10px!important;transition:transform .15s ease,box-shadow .15s ease!important}html body.page-smart-cropper[data-has-results] #result-wrap .btn-download-result:hover,html body.page-smart-cropper[data-has-results] #result-wrap a[download]:hover{box-shadow:0 14px 30px -4px #facc1599!important;transform:translateY(-1px)!important}html body.page-smart-cropper[data-has-results] #result-wrap .mobile-download-arrow{display:none!important}html body.page-smart-cropper[data-has-results] #result-wrap .btn-reset-result,body.page-smart-cropper[data-has-results] #result-wrap .btn-reset-result,html body.page-smart-cropper[data-has-results] #result-wrap .reset-btn,body.page-smart-cropper[data-has-results] #result-wrap .reset-btn{display:inline-flex!important;flex:0 0 auto!important;height:56px!important;min-height:56px!important;padding:0 28px!important;border-radius:16px!important;background:#ffffff14!important;border:1px solid rgba(255,255,255,.14)!important;color:#fff!important;font-size:15px!important;font-weight:700!important;font-family:var(--font-display),"Outfit",sans-serif!important;cursor:pointer!important;margin:0!important;align-items:center!important;justify-content:center!important;transition:all .15s ease!important}html body.page-smart-cropper[data-has-results] #result-wrap .btn-reset-result:hover,html body.page-smart-cropper[data-has-results] #result-wrap .reset-btn:hover{background:#ffffff24!important;border-color:#facc1566!important;color:#facc15!important;transform:translateY(-1px)!important}.btn-reset-mobile-text{display:none!important}.btn-reset-desktop-text{display:inline!important}body.page-smart-cropper:not([data-has-files]) .ad-banner-wrapper{margin-top:-59px!important}body.page-smart-cropper[data-has-files]:not([data-has-results]) .ad-banner-wrapper,body.page-smart-cropper[data-has-files]:not([data-has-results]) aside.ad-slot{margin-top:-10px!important}html body.page-tool.page-smart-cropper:not(.page-webp-png-to-jpg):not(.page-bulk-image-compressor):not([data-has-files]) .tool-ad-rail,html body.page-tool.page-smart-cropper:not(.page-webp-png-to-jpg):not(.page-bulk-image-compressor):not([data-has-files]) .tool-ad-rail-right{margin-top:-120px!important}html body.page-tool.page-smart-cropper:not(.page-webp-png-to-jpg):not(.page-bulk-image-compressor)[data-has-results] .tool-ad-rail,html body.page-tool.page-smart-cropper:not(.page-webp-png-to-jpg):not(.page-bulk-image-compressor)[data-has-results] .tool-ad-rail-right{display:flex!important;margin-top:-45px!important}body.page-smart-cropper #controls .aspect-btn:hover,body.page-smart-cropper #controls .grid-btn:hover{border-color:#facc1599!important;color:#facc15!important}}
