.image-tool-page{--image-ui-accent:#1779ad;--image-ui-deep:#126187;--image-ui-tint:#eaf6fd;--image-ui-line:#e3e7ef;--image-ui-ink:#283044;--image-ui-muted:#64748b;--red:#1779ad;--red-dark:#126187;--soft:#eaf6fd;--bg:#f8f9fc;--line:#e3e7ef;background:#f8f9fc;color:#283044;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',sans-serif;-webkit-font-smoothing:antialiased}.image-tool-page *{box-sizing:border-box}.image-tool-page .navinner,.image-tool-page .topbar-inner,.image-tool-page .wrap{max-width:1200px}.image-tool-page .nav,.image-tool-page .topbar{background:#f8f9fcef;border-color:#e4e7ee;box-shadow:none}.image-tool-page .navinner,.image-tool-page .topbar-inner{height:auto;min-height:76px;gap:14px;flex-wrap:wrap;padding-top:15px;padding-bottom:15px}.image-tool-page .links a,.image-tool-page .navlinks a{font-size:12px;color:#697185}.image-tool-page .crumb,.image-tool-page .crumbs{font-size:11px;color:#69788d}.image-tool-page .image-tool-hero{display:grid;grid-template-columns:minmax(0,1fr) 250px;gap:35px;align-items:center;padding:35px 0 25px;margin:0 auto;text-align:left;max-width:1120px}.image-tool-heading{min-width:0}.image-tool-page .image-tool-eyebrow{display:flex;align-items:center;flex-wrap:wrap;gap:9px;width:fit-content;color:#5e748a;font-size:9px;font-weight:750;letter-spacing:.11em;text-decoration:none;margin:0 0 17px}.image-tool-eyebrow>span{font-size:14px;color:var(--image-ui-accent)}.image-tool-eyebrow i{width:3px;height:3px;background:#b8c8d4;border-radius:50%}.image-tool-page .image-tool-hero h1{font-size:clamp(32px,3.8vw,48px);line-height:1.12;letter-spacing:-.05em;font-weight:760;color:var(--image-ui-ink);text-align:left;margin:0 0 16px;max-width:780px}.image-tool-page .image-tool-hero h1 em{font-style:normal;color:var(--image-ui-accent)}.image-tool-page .image-tool-hero p{font-size:14px;line-height:1.8;color:#64748b;margin:0 0 10px;max-width:690px}.image-tool-page .image-tool-hero .trust{display:flex;justify-content:flex-start;flex-wrap:wrap;gap:10px;margin:16px 0 0;font-size:10px;color:#64748b}.image-tool-hero-actions{display:flex;flex-wrap:wrap;align-items:center;gap:14px;margin-top:20px}.image-tool-page .image-tool-start{display:inline-flex;align-items:center;gap:16px;padding:9px 13px;border:1px solid #d8e2ec;background:#fff;border-radius:9px;text-decoration:none;color:#356f92;font-size:11px;font-weight:650}.image-tool-start:hover{border-color:var(--image-ui-accent)}.image-tool-hero-actions>span{font-size:10px;color:#64748b}.image-tool-art{position:relative;height:205px;isolation:isolate;min-width:0}.image-art-orbit{position:absolute;top:0;left:20px;width:190px;height:190px;border:1px solid #e1eff5;background:radial-gradient(circle at 25% 20%,#fff7e9,#e4f0f9 70%);border-radius:50%;z-index:-1}.image-art-frame{position:absolute;top:24px;left:16px;width:191px;border:4px solid #fff;border-radius:10px;background:#fff;box-shadow:0 13px 22px #34576a15;transform:rotate(-7deg);overflow:hidden}.image-art-window{display:flex;align-items:center;gap:3px;min-height:20px;padding:0 7px}.image-art-window i{width:4px;height:4px;background:#c9d9e5;border-radius:50%}.image-art-window>span{font-size:6px;color:#9aabb9;margin-left:auto}.image-art-scene{position:relative;height:106px;background:linear-gradient(150deg,#a4d7ec,#d4e9e5);overflow:hidden;border-radius:4px}.image-art-sun{position:absolute;width:32px;height:32px;background:#ffdb91;border-radius:50%;right:26px;top:14px}.image-art-hill{position:absolute;width:133px;height:100px;border-radius:20px;transform:rotate(40deg)}.image-art-hill.one{background:#4f998e;left:-13px;top:65px}.image-art-hill.two{background:#93bdab;right:-27px;top:53px}.image-art-symbol{position:absolute;right:18px;top:25px;display:grid;place-items:center;width:43px;height:43px;background:#fff;border:1px solid #dbe7f0;border-radius:12px;box-shadow:0 5px 12px #34576a10;color:var(--image-ui-accent);transform:rotate(7deg)}.image-art-symbol svg{display:block;width:24px;height:24px}.image-art-tag{position:absolute;right:0;top:133px;border:1px solid #efdfbd;background:#fff9ec;border-radius:8px;padding:7px 11px;color:#976b30;font-size:8px;font-weight:750;letter-spacing:.04em;transform:rotate(4deg)}.image-art-caption{position:absolute;bottom:6px;width:100%;left:0;text-align:center;color:#8a9eaa;font-size:10px}.image-tool-crop-image .image-art-scene::after{content:"";position:absolute;inset:15px 23px;border:1px solid #fff;box-shadow:0 0 0 30px #24415323;background:linear-gradient(90deg,transparent 32%,#ffffff70 33%,transparent 34%,transparent 65%,#ffffff70 66%,transparent 67%),linear-gradient(transparent 32%,#ffffff70 33%,transparent 34%,transparent 65%,#ffffff70 66%,transparent 67%)}.image-tool-blur-image .image-art-scene{filter:blur(2px)}.image-tool-png-background-remover .image-art-scene{background:repeating-conic-gradient(#eef1f5 0 25%,#fff 0 50%) 0 0/14px 14px}.image-tool-change-image-background-color .image-art-scene{background:#d8c5ed}.image-tool-meme-generator .image-art-scene::after{content:"YOUR PUNCHLINE";position:absolute;left:0;right:0;bottom:10px;color:#fff;font-size:13px;text-align:center;font-weight:900;text-shadow:1px 1px 2px #344657}.image-tool-youtube-thumbnail-maker .image-art-scene::after{content:"YOUR NEXT BIG IDEA";position:absolute;left:10px;top:16px;color:#fff;font-size:18px;width:100px;font-weight:850;line-height:1.1;text-shadow:0 1px 8px #33576b45}.image-tool-image-annotation-tool .image-art-scene::after{content:"↗";position:absolute;right:13px;bottom:10px;font-size:52px;line-height:1;color:#fff}.image-tool-flow{max-width:1120px;display:flex;align-items:center;justify-content:space-between;flex-wrap:wrap;gap:16px;margin:0 auto 22px;padding:15px 0;border-top:1px solid var(--image-ui-line);border-bottom:1px solid var(--image-ui-line)}.image-tool-flow ol{display:flex;align-items:center;flex-wrap:wrap;gap:22px;list-style:none;padding:0;margin:0}.image-tool-flow li{display:flex;align-items:center;gap:8px;color:#727d8e;font-size:11px}.image-tool-flow li>span{display:grid;place-items:center;width:24px;height:24px;border:1px solid #dfe7ee;background:#fff;border-radius:7px;font-size:9px;font-weight:700;color:#5684a1}.image-tool-page .image-tool-flow>a{color:var(--image-ui-accent);font-size:11px;font-weight:650;text-decoration:none}.image-workspace-anchor{scroll-margin-top:125px}.image-tool-page .tool,.image-tool-page .tool-layout{gap:22px}.image-tool-page .card,.image-tool-page .panel{border:1px solid var(--image-ui-line);border-radius:20px;background:#fff;box-shadow:0 7px 25px #28304405;min-width:0}.image-tool-page .card{padding:25px}.image-tool-page .card h2,.image-tool-page .panel h2{font-size:19px;font-weight:700;letter-spacing:-.025em;color:#394458}.image-tool-page .drop,.image-tool-page .picker{border:1.5px dashed #b0cddf;border-radius:16px;background:radial-gradient(ellipse at 50% 0,#eef8fe,transparent 80%),#fafcfe;text-align:center;padding:28px 18px;box-shadow:none;transition:border-color .18s,background-color .18s}.image-tool-page .drop.drag,.image-tool-page .drop:hover,.image-tool-page .picker:hover{border-color:var(--image-ui-accent);background-color:#eaf6fd;box-shadow:0 0 0 3px #1779ad08}.image-tool-page .drop .ico{display:grid;place-items:center;width:49px;height:49px;margin:0 auto 14px;border-radius:14px;background:#e0f0fb;color:var(--image-ui-accent);font-size:27px}.image-tool-page .drop strong{font-size:16px;color:#394458;font-weight:700;letter-spacing:-.02em}.image-tool-page .drop small{font-size:11px;line-height:1.65;color:#64748b}.image-tool-page .has-image .drop,.image-tool-page.has-image .drop{padding:14px 12px}.image-tool-page .has-image .drop .ico,.image-tool-page.has-image .drop .ico{display:none}.image-tool-page .controls label,.image-tool-page .field label,.image-tool-page .stack label{color:#59677b;font-size:12px;font-weight:650}.image-tool-page main input:not([type=checkbox]):not([type=radio]):not([type=range]):not([type=file]):not([type=color]),.image-tool-page main select,.image-tool-page main textarea{border-color:#dfe4ed;border-radius:10px;background:#fff;color:#344057;box-shadow:none;font-size:13px}.image-tool-page main input::placeholder,.image-tool-page main textarea::placeholder{color:#64748b}.image-tool-page input[type=checkbox],.image-tool-page input[type=radio],.image-tool-page input[type=range]{accent-color:var(--image-ui-accent)}.image-tool-page .btn,.image-tool-page .control-bar button,.image-tool-page .crop-actions button,.image-tool-page .editor-buttons button{border-radius:10px;border-color:#dfe5ed;font-size:12px}.image-tool-page .btn.primary,.image-tool-page .editor-buttons button.primary,.image-tool-page button.primary{background:var(--image-ui-accent);border-color:var(--image-ui-accent);color:#fff;box-shadow:0 4px 10px #1779ad10;font-weight:650}.image-tool-page .btn.primary:not(:disabled):hover,.image-tool-page .editor-buttons button.primary:not(:disabled):hover{background:var(--image-ui-deep)}.image-tool-page button:disabled{cursor:not-allowed;box-shadow:none}.image-tool-page .control-bar button.active,.image-tool-page .crop-actions button.active{border-color:#91b7d1;background:var(--image-ui-tint);color:var(--image-ui-accent)}.image-tool-page :focus-visible{outline:3px solid var(--image-ui-accent)!important;outline-offset:4px!important}.image-tool-page .preview{border-color:#e0e6ef;background:radial-gradient(#dce3ec .7px,transparent .7px) 0 0/12px 12px,#f6f8fc;border-radius:14px}.image-tool-page .preview p{font-size:12px;color:#64748b;max-width:260px;line-height:1.8}.image-tool-page .canvas-box,.image-tool-page .crop-stage,.image-tool-page .editor-stage{border-radius:12px}.image-tool-page .canvas-caption,.image-tool-page .crop-hint,.image-tool-page .hint,.image-tool-page .side-note{font-size:11px;line-height:1.8;color:#64748b}.image-tool-page .file{border-color:#dde8f1;border-radius:11px;background:#f8fbfe}.image-tool-page .result{border-color:#cfe5dc;border-radius:12px;background:#fcfefd}.image-tool-page .results a{color:var(--image-ui-accent)}.image-tool-page .image-notice{background:#f0f7fc;border-color:#dceaf5;color:#526c82;font-size:11px;line-height:1.85}.image-tool-page .info h2,.image-tool-page .seo-copy h2{font-size:25px;font-weight:700;letter-spacing:-.035em;color:#303d53}.image-tool-page .info li,.image-tool-page .info p,.image-tool-page .seo-copy p{font-size:13px;color:#64748b;line-height:1.85}.image-tool-page .faq,.image-tool-page .info-box,.image-tool-page .infobox{border-color:#e2e7ef;border-radius:14px;background:#fff;box-shadow:none}.image-tool-page .related a{border:1px solid #dfebf3;border-radius:9px;background:#f3f9fd;color:#3d789b;font-size:11px}.image-tool-page .footer{background:0 0;border-color:#e3e7ee;color:#64748b;font-size:12px}.image-tool-page [hidden]{display:none!important}@media(max-width:900px){.image-tool-page .image-tool-hero{grid-template-columns:minmax(0,1fr) 205px;gap:22px}.image-tool-art{transform:scale(.85);transform-origin:right center}.image-tool-page .tool,.image-tool-page .tool-layout{grid-template-columns:minmax(0,1fr)!important}}@media(max-width:650px){.image-tool-page .image-tool-hero{grid-template-columns:1fr;padding:26px 0 23px;gap:0}.image-tool-art{display:none}.image-tool-page .image-tool-hero h1{font-size:34px;letter-spacing:-.05em}.image-tool-page .image-tool-hero p{font-size:13px}.image-tool-page .image-tool-eyebrow{font-size:8px;gap:7px;margin-bottom:15px}.image-tool-flow{gap:12px;padding:13px 0}.image-tool-flow ol{gap:12px}.image-tool-flow li{font-size:10px;gap:5px}.image-tool-flow li>span{width:20px;height:20px;font-size:8px}.image-tool-page .image-tool-flow>a{font-size:10px}.image-tool-page .card{padding:18px;border-radius:16px}.image-tool-page .fields{grid-template-columns:1fr}.image-tool-page .field.full{grid-column:auto}.image-tool-page .drop,.image-tool-page .picker{padding:24px 15px}.image-tool-page .has-image .drop,.image-tool-page.has-image .drop{padding:14px 12px}.image-tool-page .image-tool-hero .trust{gap:7px;font-size:9px}}@media(prefers-reduced-motion:reduce){.image-tool-page *,.image-tool-page ::after,.image-tool-page ::before{scroll-behavior:auto!important;transition:none!important;animation:none!important}}