:root{--bl-image-icon-document: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9.5 13h5'/%3E%3Cpath d='M9.5 17h4'/%3E%3C/svg%3E");--bl-image-icon-phone: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E");--bl-image-icon-share: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M4 12v7a1 1 0 0 0 1 1h14a1 1 0 0 0 1-1v-7'/%3E%3Cpath d='m16 6-4-4-4 4'/%3E%3Cpath d='M12 2v13'/%3E%3C/svg%3E");--bl-image-icon-shopping: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 8h12l-1 12H7z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3Cpath d='M9 13h6'/%3E%3C/svg%3E")}.image-toolkit-shell{margin:0 auto;max-width:calc(var(--bl-tool-workspace) + var(--bl-page-pad) * 2);padding:22px var(--bl-page-pad) 0}.image-toolkit-breadcrumb{align-items:center;color:var(--bl-muted);display:flex;flex-wrap:wrap;font-size:.92rem;gap:8px;margin-bottom:14px}.image-toolkit-breadcrumb a{color:var(--bl-primary-dark);text-decoration:none}.image-toolkit-nav{display:flex;flex-wrap:wrap;gap:10px}.bl-image-operation-step--upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)){min-height:232px;padding-top:24px}.bl-image-operation-step--upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before{background:radial-gradient(circle at 20% 31%,var(--bl-primary-highlight) 0 4px,transparent 5px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-primary-soft) 48%,transparent) 58% 100%) left 14% top 50% / 82px 58px no-repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) left 14% top 50% / 82px 58px no-repeat,radial-gradient(circle at 76% 28%,var(--bl-accent) 0 4px,transparent 5px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-primary-soft) 54%,transparent) 58% 100%) right 8% top 50% / 104px 76px no-repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) right 8% top 50% / 104px 76px no-repeat;border:1px solid color-mix(in srgb,var(--bl-primary) 14%,var(--bl-line-soft));border-radius:var(--bl-radius-control);box-shadow:inset 0 0 0 1px color-mix(in srgb,var(--bl-surface-card) 70%,transparent),0 12px 22px color-mix(in srgb,var(--bl-primary) 6%,transparent);content:"";display:block;height:102px;justify-self:center;max-width:100%;pointer-events:none;width:min(236px,86%)}.bl-image-operation-step--upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):after{background:var(--bl-accent);content:"";height:22px;left:50%;-webkit-mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;mask:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14M13 6l6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none;position:absolute;top:63px;transform:translate(-50%);width:22px}.bl-image-settings-panel__body,.bl-image-control-grid{display:grid;gap:12px}.bl-image-control-grid--two{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-image-field{color:var(--bl-text);display:grid;font-size:.92rem;font-weight:720;gap:8px}.bl-image-field .bl-input,.bl-image-field select{width:100%}.bl-image-range{accent-color:var(--bl-primary);width:100%}.bl-image-check{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);display:flex;gap:10px;min-height:44px;padding:10px 12px}.bl-image-check input{accent-color:var(--bl-primary)}.bl-image-segment{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));padding:6px}.bl-image-segment button{background:transparent;border:1px solid transparent;border-radius:var(--bl-radius-control);color:var(--bl-text);cursor:pointer;font:inherit;font-size:.9rem;font-weight:720;min-height:40px;padding:8px 10px}.bl-image-segment button:hover:not(:disabled),.bl-image-segment button.is-selected{background:var(--bl-surface-card);border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-image-segment button:disabled{cursor:not-allowed;opacity:.7}.bl-image-support-row{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:flex;gap:10px;justify-content:space-between;padding:10px 12px}.bl-image-download-actions{grid-template-columns:minmax(0,.86fr) minmax(0,1.18fr)}.bl-image-download-actions:not(:has(.bl-image-download-actions__secondary)){grid-template-columns:minmax(0,1fr)}.bl-image-download-actions .bl-button{box-shadow:none;min-height:48px;padding-inline:18px;white-space:nowrap;width:100%}.bl-image-download-actions .bl-button--primary{box-shadow:0 12px 24px color-mix(in srgb,var(--bl-primary) 18%,transparent)}.bl-image-download-actions .bl-button:disabled{background:color-mix(in srgb,var(--bl-primary) 56%,var(--bl-surface-card));color:color-mix(in srgb,var(--bl-on-primary) 70%,var(--bl-muted));opacity:1}.bl-image-handoff-receipt{background:color-mix(in srgb,var(--bl-accent-soft) 28%,var(--bl-surface-card));border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-card);display:grid;gap:12px;padding:14px}.bl-image-handoff-receipt__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.bl-image-handoff-receipt h3{color:var(--bl-text);font-family:var(--bl-font-body);font-size:.96rem;font-weight:760;line-height:1.35;margin:0 0 4px}.bl-image-handoff-receipt p{color:var(--bl-muted);font-size:.9rem;line-height:1.55;margin:0}.bl-image-handoff-receipt__actions{display:flex;flex-wrap:wrap;gap:10px}@media(max-width:720px){.bl-image-control-grid--two,.bl-image-segment{grid-template-columns:1fr}}.bl-image-operation-step--upload .tool-panel__header{align-items:flex-start;padding-left:42px;position:relative}.bl-image-operation-step--upload .tool-panel__header:before{align-items:center;background:var(--bl-primary);border-radius:var(--bl-radius-circle);color:var(--bl-on-primary);content:"01";display:inline-flex;font-family:var(--bl-font-mono);font-size:.76rem;font-weight:800;height:26px;justify-content:center;left:0;position:absolute;top:2px;width:26px}.bl-image-setting-group{border-top:1px solid var(--bl-line-soft);display:grid;gap:14px;padding-top:16px}.bl-image-setting-group:first-child{border-top:0;padding-top:0}.bl-image-setting-group__heading{align-items:flex-start;display:flex;gap:12px}.bl-image-setting-group__step{align-items:center;background:var(--bl-primary);border-radius:var(--bl-radius-circle);color:var(--bl-on-primary);display:inline-flex;flex:0 0 auto;font-family:var(--bl-font-mono);font-size:.76rem;font-weight:800;height:26px;justify-content:center;width:26px}.bl-image-setting-group__heading h3{color:var(--bl-text);font-family:var(--bl-font-body);font-size:1rem;font-weight:780;line-height:1.35;margin:0}.bl-image-setting-group__heading p{color:var(--bl-muted);font-size:.86rem;line-height:1.5;margin:3px 0 0}.bl-image-presets{display:flex;flex-direction:column;gap:8px;margin-bottom:8px}.bl-image-presets__label{font-size:.92rem;font-weight:720;color:var(--bl-text)}.bl-image-presets__grid{display:grid;grid-template-columns:repeat(4,minmax(0,1fr));gap:8px}@media(max-width:720px){.bl-image-presets__grid{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:500px){.bl-image-presets__grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-image-download-actions,.bl-image-download-actions:not(:has(.bl-image-download-actions__secondary)){grid-template-columns:1fr}}.bl-image-presets__btn{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);cursor:pointer;display:flex;flex-direction:column;font:inherit;gap:2px;justify-content:center;min-height:58px;padding:8px 7px;text-align:center;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-image-presets__btn:hover:not(:disabled){background:var(--bl-surface-card);border-color:var(--bl-primary-border)}.bl-image-presets__btn.is-selected{background:var(--bl-surface-card);border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-image-presets__name{color:var(--bl-text);font-family:var(--bl-font-mono);font-size:.86rem;font-weight:800;line-height:1.18}.bl-image-presets__label-text{color:var(--bl-body);font-size:.75rem;font-weight:720;line-height:1.2}.bl-image-presets__size{display:none;font-size:.72rem;color:var(--bl-muted);margin-top:2px;font-family:var(--bl-font-mono)}.bl-image-number-input{display:block;position:relative}.bl-image-number-input .bl-input{padding-right:42px}.bl-image-number-input>span{color:var(--bl-muted);font-size:.82rem;font-weight:720;pointer-events:none;position:absolute;right:12px;top:50%;transform:translateY(-50%)}.bl-image-fit-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.bl-image-fit-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);cursor:pointer;display:grid;font:inherit;gap:6px;min-height:96px;padding:12px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-image-fit-card:hover:not(:disabled),.bl-image-fit-card.is-selected{background:var(--bl-surface-card);border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-image-fit-card:disabled,.bl-image-presets__btn:disabled{cursor:not-allowed;opacity:.7}.bl-image-fit-card span{font-size:.92rem;font-weight:780;line-height:1.35}.bl-image-fit-card small{color:var(--bl-muted);font-size:.78rem;line-height:1.45}.bl-image-field.is-muted{opacity:.68}.bl-image-range-labels{color:var(--bl-muted);display:flex;font-size:.74rem;font-weight:680;justify-content:space-between;line-height:1.3}.bl-image-generate-button{margin-top:2px}.bl-image-result-panel{align-self:stretch;grid-template-rows:auto minmax(0,1fr)}.bl-image-result-card{align-content:start;height:100%}.bl-image-result-panel .bl-image-preview-block{grid-template-rows:auto minmax(280px,1fr);min-height:0}.bl-image-result-panel .tool-image-preview{min-height:clamp(320px,34vw,500px)}.bl-image-empty-visual{align-items:center;display:inline-grid;gap:12px;grid-template-columns:78px auto 98px;justify-content:center;margin:0 auto 16px}.bl-image-empty-visual__frame{background:linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-primary-soft) 40%,transparent) 58% 100%),var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:block;position:relative}.bl-image-empty-visual__frame:after{background:var(--bl-primary);border-radius:var(--bl-radius-circle);bottom:9px;content:"";height:7px;position:absolute;right:9px;width:7px}.bl-image-empty-visual__frame--before{height:58px;opacity:.74;width:78px}.bl-image-empty-visual__frame--after{height:76px;width:98px}.bl-image-empty-visual__frame--after:before{border:1px dashed color-mix(in srgb,var(--bl-primary) 34%,var(--bl-line));border-radius:calc(var(--bl-radius-control) - 3px);content:"";inset:8px;position:absolute}.bl-image-empty-visual__arrow{align-items:center;background:color-mix(in srgb,var(--bl-primary-soft) 58%,var(--bl-surface-card));border-radius:var(--bl-radius-circle);color:var(--bl-primary-dark);display:inline-flex;font-weight:900;height:30px;justify-content:center;width:30px}.bl-image-size-diagram{display:flex;align-items:center;justify-content:space-between;background:var(--bl-surface-raised);border:1px dashed var(--bl-line);border-radius:var(--bl-radius-control);padding:14px 18px;margin:8px 0;gap:12px}.bl-image-size-diagram__box{display:flex;flex-direction:column;align-items:center;flex:1;text-align:center}.bl-image-size-diagram__title{font-size:.75rem;color:var(--bl-muted);text-transform:uppercase;letter-spacing:.04em;margin-bottom:2px;font-weight:720}.bl-image-size-diagram__val{font-size:.95rem;font-weight:750;color:var(--bl-text);font-family:var(--bl-font-mono)}.bl-image-size-diagram__meta{color:var(--bl-muted);font-family:var(--bl-font-mono);font-size:.78rem;margin-top:3px}.bl-image-size-diagram__arrow{color:var(--bl-accent);display:flex;align-items:center;justify-content:center;flex-shrink:0}.bl-image-check.is-disabled{color:var(--bl-muted);opacity:.76}@media(max-width:980px){.bl-image-result-panel .tool-image-preview{min-height:320px}}@media(max-width:720px){.bl-image-fit-grid{grid-template-columns:1fr}.bl-image-operation-step--upload .tool-panel__header{padding-left:36px}.bl-image-size-diagram{align-items:stretch;flex-direction:column}.bl-image-size-diagram__arrow{transform:rotate(90deg)}}.bl-compressor-mode-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.bl-compressor-mode-card{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);cursor:pointer;display:grid;font:inherit;gap:6px;justify-items:center;min-height:116px;padding:14px 12px;text-align:center;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-compressor-mode-card:hover:not(:disabled),.bl-compressor-mode-card.is-selected{background:var(--bl-surface-card);border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-compressor-mode-card:disabled{cursor:not-allowed;opacity:.7}.bl-compressor-mode-card__icon{align-items:center;background:color-mix(in srgb,var(--bl-primary) 11%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 18%,var(--bl-line-soft));border-radius:var(--bl-radius-circle);color:var(--bl-primary-dark);display:inline-flex;height:32px;justify-content:center;width:32px}.bl-compressor-mode-card__icon:before{background:currentColor;content:"";height:17px;-webkit-mask:var(--bl-compressor-mode-icon) center / contain no-repeat;mask:var(--bl-compressor-mode-icon) center / contain no-repeat;width:17px}.bl-compressor-mode-card[data-icon=diamond]{--bl-compressor-mode-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M6 3h12l4 6-10 12L2 9z'/%3E%3Cpath d='M11 3 8 9l4 12 4-12-3-6'/%3E%3Cpath d='M2 9h20'/%3E%3C/svg%3E")}.bl-compressor-mode-card[data-icon=thumb]{--bl-compressor-mode-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 10v11'/%3E%3Cpath d='M15 5.5 14 10h5.2a2 2 0 0 1 2 2.3l-1.2 7a2 2 0 0 1-2 1.7H7a3 3 0 0 1-3-3v-5a3 3 0 0 1 3-3h1.3L12 3a2 2 0 0 1 3 2.5z'/%3E%3C/svg%3E")}.bl-compressor-mode-card[data-icon=leaf]{--bl-compressor-mode-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 4c-7 0-13 5-13 12 0 3 2 5 5 5 7 0 10-8 10-17z'/%3E%3Cpath d='M7 20c2-5 6-8 11-10'/%3E%3C/svg%3E")}.bl-compressor-mode-card__title{font-size:.94rem;font-weight:800;line-height:1.25}.bl-compressor-mode-card__label,.bl-compressor-mode-card small{color:var(--bl-muted);font-size:.76rem;line-height:1.45}.bl-compressor-quality-field{gap:10px}.bl-compressor-result-card{background:var(--bl-surface-raised);gap:18px}.bl-compressor-result-summary{background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;grid-template-columns:repeat(3,minmax(0,1fr));overflow:hidden}.bl-compressor-stat-card{display:grid;gap:5px;min-width:0;padding:18px}.bl-compressor-stat-card+.bl-compressor-stat-card{border-left:1px solid var(--bl-line-soft)}.bl-compressor-stat-card span,.bl-compressor-stat-card small{color:var(--bl-muted);font-size:.82rem;line-height:1.4}.bl-compressor-stat-card strong{color:var(--bl-text);font-family:var(--bl-font-display);font-size:1.6rem;font-weight:700;line-height:1.1}.bl-compressor-stat-card--savings strong{color:var(--bl-success-text)}.bl-compressor-preview-block{gap:12px}.bl-compressor-compare{background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);min-height:clamp(280px,30vw,390px);overflow:hidden;position:relative}.bl-compressor-compare.is-empty{align-items:center;border-style:dashed;display:flex;justify-content:center;padding:24px}.bl-compressor-before-after{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-height:clamp(280px,30vw,390px);position:relative}.bl-compressor-before-after__pane{align-items:center;display:flex;justify-content:center;margin:0;min-width:0;overflow:hidden;position:relative}.bl-compressor-before-after__pane img{box-sizing:border-box;display:block;height:100%;max-height:100%;max-width:100%;object-fit:contain;object-position:center;padding:clamp(16px,2.4vw,28px);width:100%}.bl-compressor-before-after__pane figcaption{background:color-mix(in srgb,var(--bl-surface-dark) 74%,transparent);border-radius:var(--bl-radius-control);color:var(--bl-on-dark);font-size:.82rem;font-weight:800;left:12px;padding:6px 9px;position:absolute;top:12px}.bl-compressor-before-after__pane+.bl-compressor-before-after__pane figcaption{background:color-mix(in srgb,var(--bl-success-text) 82%,var(--bl-surface-dark));left:auto;right:12px}.bl-compressor-before-after__divider{background:color-mix(in srgb,var(--bl-surface-card) 86%,transparent);bottom:0;left:50%;position:absolute;top:0;transform:translate(-50%);width:2px}.bl-compressor-before-after__divider span{align-items:center;background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-circle);color:var(--bl-text);display:inline-flex;height:38px;justify-content:center;left:50%;position:absolute;top:50%;transform:translate(-50%,-50%);width:38px}.bl-compressor-size-bars{display:grid;gap:12px}.bl-compressor-size-row{align-items:center;display:grid;gap:12px;grid-template-columns:96px minmax(0,1fr) 80px}.bl-compressor-size-row span,.bl-compressor-size-row strong{color:var(--bl-body);font-size:.9rem;line-height:1.35}.bl-compressor-size-row strong{font-family:var(--bl-font-mono);font-weight:800;text-align:right}.bl-compressor-size-track{background:color-mix(in srgb,var(--bl-line-soft) 72%,var(--bl-surface-card));border-radius:var(--bl-radius-pill);height:12px;overflow:hidden}.bl-compressor-size-track span{background:var(--bl-primary);border-radius:inherit;display:block;height:100%;min-width:0}.bl-compressor-size-row--result .bl-compressor-size-track span{background:var(--bl-success-text)}.bl-compressor-secure-note{align-items:center;background:color-mix(in srgb,var(--bl-success-bg) 62%,var(--bl-surface-card));border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-control);color:var(--bl-success-text);display:flex;font-size:.88rem;font-weight:750;gap:10px;justify-content:center;line-height:1.45;margin:0;padding:12px 14px;text-align:center}.bl-compressor-secure-note:before{background:currentColor;content:"";flex:0 0 auto;height:18px;-webkit-mask:var(--tool-help-icon-shield) center / contain no-repeat;mask:var(--tool-help-icon-shield) center / contain no-repeat;width:18px}.bl-compressor-batch-workspace{align-items:start}.bl-compressor-batch-upload{box-shadow:none}.bl-compressor-batch-actions{display:flex;gap:var(--bl-space-3);width:100%}.bl-compressor-batch-actions .bl-button{flex:1;width:100%;min-height:52px}.bl-compressor-batch-results{display:grid;gap:var(--bl-space-4);min-width:0}.bl-compressor-batch-results .bl-batch-progress-summary,.bl-compressor-batch-results .bl-batch-download-bar{box-shadow:none}.bl-compressor-batch-results .bl-batch-results--list{min-width:0}.bl-webp-support-note{align-items:center;background:color-mix(in srgb,var(--bl-success-bg) 58%,var(--bl-surface-card));border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-control);color:var(--bl-success-text);display:flex;font-size:.88rem;font-weight:760;gap:10px;line-height:1.45;margin:0;padding:11px 13px}.bl-webp-support-note:before{background:currentColor;content:"";flex:0 0 auto;height:18px;-webkit-mask:var(--tool-help-icon-shield) center / contain no-repeat;mask:var(--tool-help-icon-shield) center / contain no-repeat;width:18px}.bl-webp-support-note.is-warning{background:color-mix(in srgb,var(--bl-warning-bg) 70%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-warning-text) 24%,var(--bl-line-soft));color:var(--bl-warning-text)}.bl-webp-preview-background--checker .bl-compressor-before-after__pane{background-color:var(--bl-surface-card);background-image:linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 68%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 68%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 68%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 68%,transparent) 75%);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px}.bl-webp-preview-background--light .bl-compressor-before-after__pane{background:var(--bl-surface-raised)}.bl-webp-preview-background--dark .bl-compressor-before-after__pane{background:var(--bl-surface-dark)}.bl-webp-preview-background--original .bl-compressor-before-after__pane{background:var(--bl-surface-card)}.bl-webp-background-picker{display:grid;gap:10px}.bl-webp-background-picker>strong{color:var(--bl-text);font-size:.95rem;line-height:1.35}.bl-webp-background-options{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.bl-webp-background-option{align-items:center;background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-body);cursor:pointer;display:inline-flex;font:inherit;font-size:.82rem;font-weight:760;gap:8px;justify-content:center;min-height:48px;padding:8px 10px;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-webp-background-option:hover,.bl-webp-background-option.is-selected{background:var(--bl-surface-raised);border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus);color:var(--bl-text)}.bl-webp-background-option span{border:1px solid var(--bl-line-soft);border-radius:6px;display:inline-block;flex:0 0 auto;height:26px;width:32px}.bl-webp-background-option[data-background=checker] span{background-color:var(--bl-surface-card);background-image:linear-gradient(45deg,var(--bl-line-soft) 25%,transparent 25%),linear-gradient(-45deg,var(--bl-line-soft) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,var(--bl-line-soft) 75%),linear-gradient(-45deg,transparent 75%,var(--bl-line-soft) 75%);background-position:0 0,0 6px,6px -6px,-6px 0;background-size:12px 12px}.bl-webp-background-option[data-background=light] span{background:var(--bl-surface-raised)}.bl-webp-background-option[data-background=dark] span{background:var(--bl-surface-dark)}.bl-webp-background-option[data-background=white] span{background:#fff}.bl-webp-background-option[data-background=original] span{background:linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-accent-soft) 76%,transparent) 58% 100%),var(--bl-surface-card)}.bl-remove-bg-result-summary .bl-compressor-stat-card strong{font-size:1.34rem}.bl-product-preview-arrow{align-items:center;background:color-mix(in srgb,var(--bl-surface-card) 88%,transparent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-circle);color:var(--bl-text);display:inline-flex;height:40px;justify-content:center;opacity:1;position:absolute;top:50%;transform:translateY(-50%);width:40px}.bl-product-preview-arrow--prev{left:16px}.bl-product-preview-arrow--next{right:16px}.bl-product-preview-overlay{align-items:center;background:color-mix(in srgb,var(--bl-surface-card) 78%,transparent);display:flex;flex-direction:column;gap:8px;inset:0;justify-content:center;position:absolute}@media(max-width:980px){.bl-compressor-result-summary,.bl-compressor-mode-grid{grid-template-columns:1fr}.bl-compressor-stat-card+.bl-compressor-stat-card{border-left:0;border-top:1px solid var(--bl-line-soft)}}@media(max-width:720px){.bl-compressor-before-after{grid-template-columns:1fr}.bl-compressor-before-after__divider{display:none}.bl-compressor-size-row{grid-template-columns:1fr;gap:7px}.bl-compressor-size-row strong{text-align:left}.bl-webp-background-options{grid-template-columns:repeat(2,minmax(0,1fr))}}.image-toolkit-page .image-toolkit-breadcrumb{padding-top:28px}.image-toolkit-section{margin-bottom:var(--bl-section-gap)}.image-toolkit-subcategory-grid,.image-toolkit-home-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.image-toolkit-subcategory-card,.image-toolkit-home-group{background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);color:var(--bl-text);display:grid;gap:14px;padding:22px;text-decoration:none}.image-toolkit-subcategory-card{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-toolkit-subcategory-card:hover{border-color:var(--bl-primary-border);box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.image-toolkit-subcategory-card strong,.image-toolkit-home-group__heading a,.image-toolkit-home-group__primary strong{color:var(--bl-text);font-family:var(--bl-font-display);font-size:1.35rem;font-weight:400;line-height:1.18;text-decoration:none}.image-toolkit-subcategory-card span,.image-toolkit-home-group p,.image-toolkit-home-group__primary small{color:var(--bl-muted);line-height:1.6}.image-toolkit-home-group__heading{display:grid;gap:8px}.image-toolkit-home-group__heading p{margin:0}.image-toolkit-home-group__primary{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:grid;gap:8px;padding:16px;text-decoration:none}.image-toolkit-home-group__primary>span,.image-toolkit-home-group__links>span{color:var(--bl-primary-dark);font-size:.78rem;font-weight:800;text-transform:uppercase}.image-toolkit-home-group__links{display:flex;flex-wrap:wrap;gap:9px}.image-toolkit-home-group__links a{background:var(--bl-surface-soft);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-pill);color:var(--bl-body);font-size:.88rem;font-weight:750;padding:8px 11px;text-decoration:none}.image-toolkit-home-group__links a:hover{border-color:var(--bl-primary-border);color:var(--bl-primary-dark)}.title-sparkle{display:inline-block;margin-left:2px;width:22px;height:22px;align-self:flex-start;margin-top:-6px}.title-sparkle svg{width:100%;height:100%;stroke:var(--bl-primary);stroke-width:3.5;stroke-linecap:round}@media(max-width:640px){.title-sparkle{width:18px;height:18px;margin-top:-4px}}.image-landing-btn-arrow{margin-left:6px;display:inline-block;transition:transform .16s ease}.image-landing-btn-arrow--primary{color:var(--bl-primary)}.bl-button:hover .image-landing-btn-arrow{transform:translate(3px)}.image-landing-section{margin-bottom:var(--bl-section-gap)}.image-landing-section__header{margin-bottom:24px}.image-landing-section__eyebrow{color:var(--bl-primary-dark);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:0;margin:0 0 6px}.image-landing-section__title{font-family:var(--bl-font-display);font-size:2rem;font-weight:400;color:var(--bl-text);margin:0 0 8px}.image-landing-section__subtitle{color:var(--bl-muted);font-size:1rem;margin:0}.image-workflows-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:960px){.image-workflows-grid{grid-template-columns:1fr;gap:20px}}.image-workflow-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-card);display:flex;flex-direction:column;gap:20px;padding:24px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;position:relative}.image-workflow-card:hover{border-color:var(--bl-primary-border);box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.image-workflow-card__top{display:flex;flex-direction:column;gap:12px;flex-grow:1}.image-workflow-card__body{display:flex;flex-direction:column;min-width:0;flex-grow:1;justify-content:space-between}.image-workflow-card__icon-tile{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.image-workflow-card__icon-tile svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2}.image-workflow-card--product .image-workflow-card__icon-tile{background:var(--bl-primary-soft);color:var(--bl-primary-dark)}.image-workflow-card--website .image-workflow-card__icon-tile{background:var(--bl-accent-soft);color:var(--bl-accent)}.image-workflow-card--transparent .image-workflow-card__icon-tile{background:var(--bl-warning-bg);color:var(--bl-warning-text)}.image-workflow-card__title{font-family:var(--bl-font-display);font-size:1.32rem;font-weight:400;color:var(--bl-text);margin:0}.image-workflow-card__desc{color:var(--bl-muted);font-size:.92rem;line-height:1.55;margin:0}.image-workflow-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.image-workflow-card__tag{background:var(--bl-surface-soft);border-radius:var(--bl-radius-pill);color:var(--bl-body);font-size:.78rem;font-weight:750;padding:2px 8px}.image-workflow-card__cta{color:var(--bl-primary-dark);font-size:.92rem;font-weight:750;display:inline-flex;align-items:center;gap:4px;margin-top:auto}.image-workflow-card__preview{align-self:stretch;background:transparent;border:0;border-radius:var(--bl-radius-control);display:flex;overflow:hidden;padding:0;aspect-ratio:3 / 2}.image-workflow-card__preview img{border-radius:var(--bl-radius-control);height:100%;object-fit:contain;width:100%}.image-tools-grid-5{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.image-tools-grid-5__row-2{display:contents}@media(max-width:1180px){.image-tools-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.image-tools-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.image-tools-grid-5{grid-template-columns:1fr}}.image-tool-compact-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-card);display:flex;flex-direction:column;min-height:300px;padding:16px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-tool-compact-card:hover{border-color:var(--bl-primary-border);box-shadow:var(--bl-shadow-card);transform:translateY(-1px)}.image-tool-compact-card__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.image-tool-compact-card__icon{width:36px;height:36px;border-radius:8px;background:var(--bl-surface-soft);color:var(--bl-primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-tool-compact-card__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.image-tool-compact-card__title{font-family:var(--bl-font-body);font-size:1rem;font-weight:800;color:var(--bl-text);margin:0}.image-tool-compact-card__desc{color:var(--bl-muted);font-size:.86rem;line-height:1.5;margin:0 0 12px}.image-tool-compact-card__preview{aspect-ratio:4 / 3;background:var(--bl-surface-soft);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);margin-bottom:12px;overflow:hidden}.image-tool-compact-card__preview img{height:100%;object-fit:cover;width:100%}.image-tool-compact-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:14px}.image-tool-compact-card__tag{background:var(--bl-surface-soft);border-radius:var(--bl-radius-pill);color:var(--bl-muted);font-size:.74rem;font-weight:700;padding:1px 6px}.image-tool-compact-card__cta{color:var(--bl-primary-dark);font-size:.86rem;font-weight:750;display:inline-flex;align-items:center;gap:3px;margin-top:auto}.image-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:12px 0}@media(max-width:960px){.image-why-grid{grid-template-columns:repeat(2,1fr);gap:32px 24px}}@media(max-width:600px){.image-why-grid{grid-template-columns:1fr;gap:24px}}.image-why-item{display:flex;align-items:flex-start;gap:16px}.image-why-item__icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-why-item__icon-wrapper svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.image-why-item--0 .image-why-item__icon-wrapper{background:#22c55e1a;color:#22c55e}.image-why-item--1 .image-why-item__icon-wrapper{background:#f973161a;color:#f97316}.image-why-item--2 .image-why-item__icon-wrapper{background:#8b5cf61a;color:#8b5cf6}.image-why-item--3 .image-why-item__icon-wrapper{background:#f43f5e1a;color:#f43f5e}.image-why-item__text{min-width:0}.image-why-item__title{font-size:1.05rem;font-weight:750;color:var(--bl-text);margin:0 0 6px;line-height:1.3}.image-why-item__desc{color:var(--bl-muted);font-size:.88rem;line-height:1.5;margin:0}.image-workflow-card__preview,.image-tool-compact-card__preview{position:relative}:root[data-theme=dark] .image-workflow-card__preview img,:root[data-theme=dark] .image-tool-compact-card__preview img{filter:var(--bl-dark-image-filter);transition:filter .3s ease}:root[data-theme=dark] .image-workflow-card:hover .image-workflow-card__preview img,:root[data-theme=dark] .image-tool-compact-card:hover .image-tool-compact-card__preview img{filter:var(--bl-dark-image-filter-hover)}:root[data-theme=dark] .image-workflow-card__preview:after,:root[data-theme=dark] .image-tool-compact-card__preview:after{content:"";position:absolute;inset:0;background-color:var(--bl-dark-image-overlay);mix-blend-mode:multiply;pointer-events:none;border-radius:inherit;transition:background-color .3s ease}:root[data-theme=dark] .image-workflow-card:hover .image-workflow-card__preview:after,:root[data-theme=dark] .image-tool-compact-card:hover .image-tool-compact-card__preview:after{background-color:var(--bl-dark-image-overlay-hover)}