.image-tools-app{--it-deep:#082f38;--it-ink:#173b43;--it-muted:#60777d;--it-line:#0f5c692b;--it-blue:#087487;--it-blue-dark:#075668;--it-blue-pale:#e3f7fa;--it-mint:#12744a;--it-mint-pale:#e3f8ee;--it-sun:#e9a91b;--it-sun-pale:#fff5d9;--it-coral:#a54137;--it-coral-pale:#fff0ed;color:var(--it-ink);box-shadow:var(--shadow,0 24px 70px #074e601f);background:#fffffff0;border:1px solid #ffffffdb;border-radius:30px;overflow:hidden}.image-tools-app *,.image-tools-app :before,.image-tools-app :after{box-sizing:border-box}.image-tools-app button,.image-tools-app input,.image-tools-app select{font:inherit}.image-tools-app button{cursor:pointer}.image-tools-app button:disabled{cursor:not-allowed;opacity:.48}.image-tools-toolbar,.image-tools-local,.image-tools-heading,.image-tools-file-summary,.image-tools-actions,.image-tools-progress-head,.image-tools-result-head,.image-tools-result-actions,.image-tools-result-facts,.image-tools-file-meta,.image-tools-option-row,.image-tools-status{justify-content:space-between;align-items:center;gap:14px;display:flex}.image-tools-toolbar{border-bottom:1px solid var(--it-line);background:linear-gradient(90deg,#f8feff,#f7fff9 52%,#fffaf0);min-height:72px;padding:12px 17px}.image-tools-local{justify-content:flex-start;gap:11px;min-width:0}.image-tools-local>span{background:var(--it-mint);border-radius:50%;flex:none;width:11px;height:11px;box-shadow:0 0 0 5px #16865421}.image-tools-local>div{gap:2px;min-width:0;display:grid}.image-tools-local strong{color:var(--it-deep);font-size:12px;font-weight:900}.image-tools-local small{color:var(--it-muted);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.image-tools-mode-badge{min-height:34px;color:var(--it-blue-dark);background:var(--it-blue-pale);letter-spacing:.035em;border:1px solid #08748729;border-radius:999px;flex:none;align-items:center;padding:7px 11px;font-size:12px;font-weight:900;display:inline-flex}.image-tools-shell{background:var(--it-line);grid-template-columns:minmax(0,1.12fr) minmax(330px,.72fr);gap:1px;display:grid}.image-tools-source,.image-tools-settings{background:#fff;min-width:0}.image-tools-source{background:linear-gradient(#fffdfa,#fff)}.image-tools-settings{background:linear-gradient(#f7fcfd,#fff)}.image-tools-heading{border-bottom:1px solid var(--it-line);align-items:flex-start;min-height:89px;padding:18px}.image-tools-heading>div{min-width:0}.image-tools-heading p{color:var(--it-blue-dark);letter-spacing:.13em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.image-tools-heading h2{color:var(--it-deep);letter-spacing:-.025em;margin:0;font-size:19px;line-height:1.2}.image-tools-heading small{color:var(--it-muted);margin-top:5px;font-size:12px;line-height:1.5;display:block}.image-tools-clear,.image-tools-remove,.image-tools-primary,.image-tools-secondary,.image-tools-preset,.image-tools-segment button,.image-tools-download{border:0;border-radius:999px;min-height:38px;padding:8px 13px;font-size:12px;font-weight:900;transition:transform .16s,background .16s,box-shadow .16s}.image-tools-clear,.image-tools-remove{color:var(--it-coral);background:var(--it-coral-pale)}.image-tools-secondary,.image-tools-download{color:var(--it-blue-dark);background:var(--it-blue-pale)}.image-tools-primary{color:#fff;background:var(--it-blue);box-shadow:0 9px 20px #08748738}.image-tools-primary:hover:not(:disabled){background:var(--it-blue-dark)}.image-tools-clear:hover:not(:disabled),.image-tools-remove:hover:not(:disabled),.image-tools-secondary:hover:not(:disabled),.image-tools-primary:hover:not(:disabled),.image-tools-preset:hover:not(:disabled),.image-tools-download:hover:not(:disabled){transform:translateY(-1px)}.image-tools-drop-wrap{padding:18px}.image-tools-file-input{opacity:0;pointer-events:none;width:1px;height:1px;position:absolute}.image-tools-dropzone{width:100%;min-height:210px;color:var(--it-ink);text-align:center;background:radial-gradient(circle at 14% 14%,#36c98a21,#0000 30%),radial-gradient(circle at 88% 92%,#f3b52c26,#0000 34%),#f7fcfd;border:1.5px dashed #08748752;border-radius:22px;place-items:center;padding:24px;transition:border-color .16s,background .16s,transform .16s;display:grid}.image-tools-dropzone:hover,.image-tools-dropzone.dragging{border-color:var(--it-blue);background-color:#edfafd;transform:translateY(-1px)}.image-tools-dropzone-content{justify-items:center;gap:8px;max-width:520px;display:grid}.image-tools-drop-mark{color:#fff;background:linear-gradient(145deg, var(--it-blue), #35a47c);letter-spacing:.06em;border-radius:18px;place-content:center;width:54px;height:54px;font-size:13px;font-weight:950;display:grid;box-shadow:0 13px 30px #08748738}.image-tools-dropzone strong{color:var(--it-deep);letter-spacing:-.02em;font-size:18px}.image-tools-dropzone span{color:var(--it-muted);font-size:12px;line-height:1.55}.image-tools-dropzone small{color:var(--it-blue-dark);font-size:12px;font-weight:850}.image-tools-limit-note,.image-tools-privacy-note,.image-tools-target-note{border-radius:13px;gap:4px;margin:0 18px 18px;padding:12px 13px;font-size:12px;line-height:1.55;display:grid}.image-tools-limit-note{color:#73520a;background:var(--it-sun-pale)}.image-tools-privacy-note{color:#31624d;background:var(--it-mint-pale)}.image-tools-target-note{color:#73520a;background:var(--it-sun-pale);margin:0}.image-tools-limit-note strong,.image-tools-privacy-note strong,.image-tools-target-note strong{color:inherit;font-size:12px}.image-tools-file-list{gap:9px;margin:0;padding:0 18px 18px;list-style:none;display:grid}.image-tools-file-item{border:1px solid var(--it-line);background:#fff;border-radius:15px;grid-template-columns:58px minmax(0,1fr) auto;align-items:center;gap:12px;min-width:0;padding:10px;display:grid}.image-tools-file-item.error{background:#fff9f7;border-color:#a541373b}.image-tools-file-thumb{width:58px;height:58px;color:var(--it-muted);background:repeating-conic-gradient(#e8eef0 0 25%, #fff 0 50%) 50% / 14px 14px;border-radius:11px;place-content:center;font-size:12px;font-weight:900;display:grid;overflow:hidden}.image-tools-file-thumb img{object-fit:contain;width:100%;height:100%;display:block}.image-tools-file-copy{gap:4px;min-width:0;display:grid}.image-tools-file-copy strong{color:var(--it-deep);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.image-tools-file-copy small{color:var(--it-muted);font-size:12px;line-height:1.45}.image-tools-file-copy .error{color:var(--it-coral)}.image-tools-file-meta{flex-wrap:wrap;justify-content:flex-start;gap:5px}.image-tools-file-meta span{min-height:22px;color:var(--it-blue-dark);background:var(--it-blue-pale);border-radius:999px;align-items:center;padding:4px 7px;font-size:12px;font-weight:850;display:inline-flex}.image-tools-remove{min-width:36px;min-height:36px;padding:7px 10px}.image-tools-settings-grid{grid-template-columns:repeat(2,minmax(0,1fr));gap:13px;padding:18px;display:grid}.image-tools-field{align-content:start;gap:7px;min-width:0;display:grid}.image-tools-field.full{grid-column:1/-1}.image-tools-field>span{color:var(--it-deep);font-size:12px;font-weight:900}.image-tools-field>small{color:var(--it-muted);font-size:12px;line-height:1.5}.image-tools-field input,.image-tools-field select{border:1px solid var(--it-line);width:100%;min-height:45px;color:var(--it-deep);background:#fff;border-radius:13px;outline:0;padding:9px 11px;font-size:12px}.image-tools-field input:focus,.image-tools-field select:focus{border-color:#087487b3;box-shadow:0 0 0 3px #0874871f}.image-tools-field input[type=color]{min-height:45px;padding:5px}.image-tools-field input[type=range]{min-height:36px;accent-color:var(--it-blue);padding:0}.image-tools-inline-input{grid-template-columns:minmax(0,1fr) auto;gap:7px;display:grid}.image-tools-inline-input>span{border:1px solid var(--it-line);min-width:51px;color:var(--it-muted);background:#f7fbfc;border-radius:12px;place-content:center;padding:8px 10px;font-size:12px;font-weight:850;display:grid}.image-tools-presets{flex-wrap:wrap;gap:6px;display:flex}.image-tools-preset{min-height:38px;color:var(--it-blue-dark);background:var(--it-blue-pale);padding:8px 11px;font-size:12px}.image-tools-preset.active{color:#fff;background:var(--it-blue-dark);box-shadow:0 7px 15px #0756682b}.image-tools-segment{border:1px solid var(--it-line);background:#fff;border-radius:999px;gap:4px;padding:4px;display:inline-flex}.image-tools-segment button{min-height:38px;color:var(--it-muted);background:0 0;flex:1;padding:8px 11px;font-size:12px}.image-tools-segment button.active{color:#fff;background:var(--it-blue-dark)}.image-tools-check{border:1px solid var(--it-line);background:#fff;border-radius:13px;align-items:flex-start;gap:9px;min-height:70px;padding:11px;display:flex}.image-tools-check input{width:17px;height:17px;accent-color:var(--it-blue);flex:none;margin:1px 0 0}.image-tools-check span{gap:3px;display:grid}.image-tools-check strong{color:var(--it-deep);font-size:12px}.image-tools-check small{color:var(--it-muted);font-size:12px;line-height:1.45}.image-tools-fixed-output{border:1px solid var(--it-line);background:#fff;border-radius:14px;grid-template-columns:auto minmax(0,1fr);align-items:center;gap:10px;padding:13px;display:grid}.image-tools-fixed-output strong{color:#fff;background:var(--it-blue-dark);border-radius:11px;place-content:center;min-width:53px;min-height:38px;font-size:12px;display:grid}.image-tools-fixed-output span{color:var(--it-muted);font-size:12px;line-height:1.5}.image-tools-actions{border-top:1px solid var(--it-line);flex-wrap:wrap;align-items:stretch;padding:15px 18px 18px}.image-tools-actions>button{flex:1;min-width:128px}.image-tools-progress{border-top:1px solid var(--it-line);background:#f8fcfd;padding:13px 18px}.image-tools-progress-head{color:var(--it-muted);font-size:12px}.image-tools-progress-head strong{color:var(--it-blue-dark)}.image-tools-progress progress{width:100%;height:8px;accent-color:var(--it-blue);margin-top:9px;display:block}.image-tools-results{border-top:1px solid var(--it-line);background:linear-gradient(#f7fbfc,#fff 180px);padding:22px 18px}.image-tools-result-head{align-items:flex-end;margin-bottom:14px}.image-tools-result-head p{color:var(--it-blue-dark);letter-spacing:.12em;text-transform:uppercase;margin:0 0 4px;font-size:12px;font-weight:900}.image-tools-result-head h2{color:var(--it-deep);letter-spacing:-.03em;margin:0;font-size:21px}.image-tools-result-head small{color:var(--it-muted);margin-top:4px;font-size:12px;display:block}.image-tools-result-actions{flex-wrap:wrap;justify-content:flex-end}.image-tools-empty-results{border:1px dashed var(--it-line);min-height:170px;color:var(--it-muted);text-align:center;background:#ffffffb8;border-radius:19px;place-content:center;padding:24px;display:grid}.image-tools-empty-results strong{color:var(--it-deep)}.image-tools-empty-results p{max-width:560px;margin:7px 0 0;font-size:12px;line-height:1.55}.image-tools-result-list{gap:14px;margin:0;padding:0;list-style:none;display:grid}.image-tools-result-card{border:1px solid var(--it-line);background:#fff;border-radius:19px;overflow:hidden}.image-tools-result-card.failed{border-color:#a5413740}.image-tools-result-card.stale{opacity:.72}.image-tools-result-summary{border-bottom:1px solid var(--it-line);background:#fbfefe;padding:13px 15px}.image-tools-file-summary{justify-content:flex-start;min-width:0}.image-tools-file-summary>div{gap:3px;min-width:0;display:grid}.image-tools-file-summary strong{color:var(--it-deep);text-overflow:ellipsis;white-space:nowrap;font-size:12px;overflow:hidden}.image-tools-file-summary small{color:var(--it-muted);font-size:12px}.image-tools-result-state{color:#17633e;background:var(--it-mint-pale);border-radius:999px;flex:none;align-items:center;min-height:26px;padding:5px 8px;font-size:12px;font-weight:900;display:inline-flex}.image-tools-result-state.warning{color:#755100;background:var(--it-sun-pale)}.image-tools-result-state.error{color:var(--it-coral);background:var(--it-coral-pale)}.image-tools-preview-grid{background:var(--it-line);grid-template-columns:repeat(2,minmax(0,1fr));gap:1px;display:grid}.image-tools-preview{background:#fff;min-width:0;margin:0;padding:14px}.image-tools-preview figcaption{justify-content:space-between;gap:10px;margin-bottom:8px;display:flex}.image-tools-preview figcaption strong{color:var(--it-deep);text-transform:uppercase;letter-spacing:.08em;font-size:12px}.image-tools-preview figcaption span{color:var(--it-muted);font-size:12px}.image-tools-preview-frame{background:repeating-conic-gradient(#e8edef 0 25%, #fff 0 50%) 50% / 18px 18px;border-radius:13px;place-content:center;min-height:230px;display:grid;overflow:hidden}.image-tools-preview-frame img{object-fit:contain;width:100%;height:230px;display:block}.image-tools-preview-frame.pending{color:var(--it-muted);text-align:center;background:#f3f8f9;font-size:12px}.image-tools-result-details{padding:14px 15px}.image-tools-result-facts{flex-wrap:wrap;justify-content:flex-start;align-items:stretch;gap:7px}.image-tools-result-facts>div{border:1px solid var(--it-line);background:#f9fcfd;border-radius:11px;flex:1;gap:3px;min-width:112px;padding:10px;display:grid}.image-tools-result-facts span{color:var(--it-muted);text-transform:uppercase;letter-spacing:.06em;font-size:12px;font-weight:850}.image-tools-result-facts strong{color:var(--it-deep);overflow-wrap:anywhere;font-size:12px}.image-tools-warnings{color:#73520a;background:var(--it-sun-pale);border-radius:11px;gap:5px;margin:10px 0 0;padding:10px 12px 10px 28px;font-size:12px;line-height:1.5;display:grid}.image-tools-result-error{color:var(--it-coral);background:var(--it-coral-pale);margin:0;padding:16px;font-size:12px;line-height:1.55}.image-tools-status{color:var(--it-muted);border-top:1px solid var(--it-line);text-align:center;background:#fbfefe;justify-content:center;margin:0;padding:13px 17px;font-size:12px;line-height:1.5}.image-tools-status strong{color:var(--it-blue-dark)}@media (width<=1040px){.image-tools-shell{grid-template-columns:1fr}.image-tools-settings{border-top:0}}@media (width<=760px){.image-tools-app{border-radius:22px}.image-tools-toolbar,.image-tools-result-head,.image-tools-status{flex-direction:column;align-items:stretch}.image-tools-mode-badge{align-self:flex-start}.image-tools-drop-wrap,.image-tools-heading,.image-tools-settings-grid,.image-tools-actions,.image-tools-results{padding-inline:13px}.image-tools-limit-note,.image-tools-privacy-note{margin-inline:13px}.image-tools-file-list{padding-inline:13px}.image-tools-preview-grid{grid-template-columns:1fr}.image-tools-preview-frame,.image-tools-preview-frame img{height:200px;min-height:200px}.image-tools-result-actions{justify-content:flex-start}.image-tools-clear,.image-tools-remove,.image-tools-primary,.image-tools-secondary,.image-tools-preset,.image-tools-segment button,.image-tools-download{min-height:44px;padding:10px 13px}.image-tools-field input[type=range]{min-height:44px}}@media (width<=520px){.image-tools-settings-grid{grid-template-columns:1fr}.image-tools-field.full{grid-column:auto}.image-tools-dropzone{min-height:190px;padding:18px 14px}.image-tools-file-item{grid-template-columns:48px minmax(0,1fr) auto;gap:8px}.image-tools-file-thumb{width:48px;height:48px}.image-tools-result-actions,.image-tools-result-actions>button,.image-tools-actions,.image-tools-actions>button{width:100%}.image-tools-actions{flex-direction:column}.image-tools-result-facts>div{min-width:calc(50% - 4px)}.image-tools-presets{grid-template-columns:repeat(3,minmax(0,1fr));display:grid}.image-tools-preset{width:100%}}@media (prefers-reduced-motion:reduce){.image-tools-app *,.image-tools-app :before,.image-tools-app :after{scroll-behavior:auto!important;transition:none!important}}