:root{--it-ink:#101010;--it-coral:#fe2c55;--it-coral-soft:#ffe8ee;--it-cyan:#25f4ee;--it-cyan-soft:#dffdfb;--it-paper:snow;--it-soft:#f5f5f2;--it-muted:#5f5f5f;--it-error:#b42318;--it-font-display:"Manrope Variable", sans-serif;--it-font-body:"DM Sans Variable", sans-serif;--it-radius:18px}.image-tool-page{background:var(--it-paper);color:var(--it-ink);font-family:var(--it-font-body);overflow-x:clip}html,body{overflow-x:clip}.image-tool-page :is(h1,h2,h3){overflow-wrap:break-word;min-width:0;color:var(--it-ink);font-family:var(--it-font-display);letter-spacing:-.04em;font-style:normal;font-weight:800}.image-tool-page :is(a,button,textarea,input,summary):focus-visible{outline:3px solid var(--it-cyan);outline-offset:4px}.image-tool-container{width:min(1120px,100% - 48px);margin-inline:auto;padding:28px 0 96px}.image-tool-breadcrumb{color:var(--it-muted);flex-wrap:wrap;align-items:center;gap:8px;margin-bottom:32px;font-size:14px;display:flex}.image-tool-breadcrumb a{color:var(--it-ink);font-weight:700}.image-tool-hero{max-width:900px;margin-bottom:32px}.image-tool-hero h1{text-wrap:balance;max-width:820px;margin:0;font-size:clamp(2.6rem,6vw,5.2rem);line-height:.98}.image-tool-hero>p{max-width:760px;color:var(--it-muted);margin:24px 0 0;font-size:clamp(1.05rem,1.8vw,1.25rem);line-height:1.65}.image-tool-hero ul{flex-wrap:wrap;gap:8px;margin:24px 0 0;padding:0;list-style:none;display:flex}.image-tool-hero li{border:1px solid var(--it-ink);background:var(--it-paper);border-radius:999px;padding:8px 12px;font-size:13px;font-weight:700}.image-studio{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);align-items:stretch;gap:16px;margin:0 0 80px;display:grid}.image-studio-controls,.image-studio-result{border:2px solid var(--it-ink);border-radius:var(--it-radius);background:var(--it-paper);min-width:0}.image-studio-controls{box-shadow:8px 8px 0 var(--it-cyan);padding:clamp(24px,4vw,36px)}.image-studio-result{box-shadow:8px 8px 0 var(--it-coral);flex-direction:column;padding:24px;display:flex}.image-studio-heading,.image-studio-result-head,.image-studio-action{justify-content:space-between;align-items:flex-start;gap:20px;display:flex}.image-studio-heading{margin-bottom:24px}.image-studio-heading h2,.image-studio-result-head h2{margin:0;font-size:clamp(1.35rem,2.5vw,1.8rem);line-height:1.1}.image-studio-heading p,.image-studio-result>p{color:var(--it-muted);margin:8px 0 0;line-height:1.5}.image-studio-heading>svg{width:30px;height:30px;color:var(--it-coral)}.image-studio-field{gap:8px;font-weight:800;display:grid}.image-studio-field textarea{resize:vertical;border:2px solid var(--it-ink);background:var(--it-soft);width:100%;min-height:132px;color:var(--it-ink);font:inherit;border-radius:12px;padding:16px;line-height:1.5}.image-studio-field textarea::placeholder{color:var(--it-muted)}.image-studio-upload{align-items:stretch;gap:8px;margin-top:16px;display:flex}.image-studio-upload label{border:2px dashed var(--it-ink);background:var(--it-cyan-soft);cursor:pointer;border-radius:12px;flex:1;align-items:center;gap:8px;min-height:52px;padding:12px 16px;font-weight:700;display:flex;position:relative}.image-studio-upload input{opacity:0;cursor:pointer;position:absolute;inset:0}.image-studio-upload svg{flex:none;width:20px;height:20px}.image-studio-upload>button{border:2px solid var(--it-ink);background:var(--it-paper);color:var(--it-ink);font:inherit;cursor:pointer;border-radius:12px;align-items:center;gap:8px;padding:0 16px;font-weight:800;display:inline-flex}.image-studio-help{color:var(--it-muted);margin:8px 0 0;font-size:13px;line-height:1.45}.image-studio-modes{border:0;margin:20px 0 0;padding:0}.image-studio-modes legend{margin-bottom:8px;font-weight:800}.image-studio-modes>div{grid-template-columns:repeat(3,minmax(0,1fr));gap:8px;display:grid}.image-studio-modes button{border:2px solid var(--it-ink);background:var(--it-paper);min-height:62px;color:var(--it-ink);font:inherit;cursor:pointer;border-radius:12px;place-content:center;gap:2px;font-weight:800;display:grid}.image-studio-modes button[aria-pressed=true]{background:var(--it-coral-soft);box-shadow:inset 0 -4px 0 var(--it-coral)}.image-studio-modes small{color:var(--it-muted);font-size:12px;font-weight:600}.image-studio-action{border-top:1px solid var(--it-ink);align-items:center;margin-top:24px;padding-top:16px}.image-studio-action p{color:var(--it-muted);margin:0;font-size:14px}.image-studio-action strong{color:var(--it-ink)}.image-studio-action button{border:2px solid var(--it-ink);background:var(--it-coral);min-width:150px;min-height:50px;color:var(--it-ink);box-shadow:4px 4px 0 var(--it-ink);font:inherit;cursor:pointer;border-radius:999px;justify-content:center;align-items:center;gap:8px;padding:12px 24px;font-weight:800;transition:transform .14s,box-shadow .14s;display:inline-flex}.image-studio-action button:hover:not(:disabled){box-shadow:2px 2px 0 var(--it-ink);transform:translate(2px,2px)}.image-studio-action button:active:not(:disabled){box-shadow:1px 1px 0 var(--it-ink);transform:translate(3px,3px)}.image-studio-action button:disabled{background:var(--it-soft);color:var(--it-muted);cursor:not-allowed;box-shadow:none}.image-studio-status{min-height:24px;color:var(--it-muted);margin-top:16px;font-size:14px}.image-studio-status p{margin:0}.image-studio-status .is-error{color:var(--it-error);font-weight:700}.image-studio-result-head span{background:var(--it-ink);color:var(--it-paper);border-radius:999px;padding:8px 12px;font-size:12px;font-weight:800}.image-studio-canvas{background:var(--it-soft);border-radius:12px;flex:1;place-items:center;min-height:360px;margin-top:16px;display:grid;overflow:clip}.image-studio-canvas img{object-fit:contain;width:100%;height:100%;max-height:520px}.image-studio-result>a{color:var(--it-ink);align-self:flex-start;align-items:center;gap:8px;margin-top:16px;font-weight:800;display:inline-flex}.image-studio-result>a svg{width:18px}.image-studio-spinner{animation:.9s linear infinite image-tool-spin}.image-tool-quick-guide{grid-template-columns:minmax(0,1.1fr) minmax(0,.9fr);gap:24px;margin:0 auto 72px;display:grid}.image-tool-quick-guide>div,.image-tool-quick-guide aside{border:2px solid var(--it-ink);border-radius:var(--it-radius);min-width:0;padding:clamp(24px,4vw,36px)}.image-tool-quick-guide aside{background:var(--it-coral-soft)}.image-tool-quick-guide h2,.image-tool-copy h2,.image-tool-faq h2,.image-tool-related h2{margin:0;font-size:clamp(1.7rem,3.5vw,2.5rem);line-height:1.08}.image-tool-quick-guide p,.image-tool-quick-guide li,.image-tool-copy p,.image-tool-copy li,.image-tool-faq p,.image-tool-related p{color:var(--it-muted);font-size:17px;line-height:1.75}.image-tool-quick-guide ol,.image-tool-quick-guide ul{margin:20px 0 0;padding-left:24px}.image-tool-quick-guide li+li{margin-top:12px}.image-tool-copy,.image-tool-faq,.image-tool-related{width:min(820px,100%);margin-inline:auto}.image-tool-copy section{border-top:2px solid var(--it-ink);padding:56px 0}.image-tool-copy p{margin:16px 0 0}.image-tool-copy a,.image-tool-faq a,.image-tool-related a{color:var(--it-ink);-webkit-text-decoration-color:var(--it-coral);text-decoration-color:var(--it-coral);text-underline-offset:3px;font-weight:800;text-decoration-thickness:3px}.image-tool-copy ol{margin:24px 0 0;padding-left:24px}.image-tool-copy li+li{margin-top:12px}.image-tool-faq,.image-tool-related{border-top:2px solid var(--it-ink);padding-top:64px}.image-tool-faq>p,.image-tool-related>p{margin:16px 0 32px}.image-tool-faq details{border-top:1px solid var(--it-ink);padding:20px 0}.image-tool-faq details:last-child{border-bottom:1px solid var(--it-ink)}.image-tool-faq summary{cursor:pointer;font-family:var(--it-font-display);font-size:19px;font-weight:800}.image-tool-faq details p{margin:12px 0 0}.image-tool-related{margin-top:72px}.image-tool-related>div{grid-template-columns:repeat(2,minmax(0,1fr));gap:8px;display:grid}.image-tool-related>div a{border:2px solid var(--it-ink);background:var(--it-cyan-soft);border-radius:12px;align-items:center;min-height:58px;padding:12px 16px;text-decoration:none;display:flex}@keyframes image-tool-spin{to{transform:rotate(360deg)}}@media (width<=760px){.image-tool-container{width:min(100% - 28px,1120px);padding-top:20px}.image-tool-breadcrumb{margin-bottom:24px}.image-tool-hero h1{font-size:clamp(2.45rem,13vw,4rem)}.image-studio,.image-tool-quick-guide{grid-template-columns:minmax(0,1fr)}.image-studio-controls,.image-studio-result{box-shadow:5px 5px 0 var(--it-cyan)}.image-studio-result{box-shadow:5px 5px 0 var(--it-coral)}.image-studio-action,.image-studio-upload{flex-direction:column;align-items:stretch}.image-studio-action button{width:100%}.image-studio-upload>button{justify-content:center;min-height:44px}.image-studio-canvas{min-height:280px}.image-tool-related>div{grid-template-columns:minmax(0,1fr)}}@media (prefers-reduced-motion:reduce){.image-studio-action button{transition:none}.image-studio-spinner{animation:none}}