.tool-panel__header{align-items:center;display:flex;gap:12px;justify-content:space-between}.tool-workspace{display:grid;gap:18px;grid-template-columns:minmax(0,1fr) minmax(0,1fr);margin:10px 0 32px}.tool-workspace__controls{align-content:start;display:grid;gap:18px;min-width:0}.tool-panel{display:grid;gap:16px;min-height:320px}.tool-panel h2,.tool-panel p{margin:0}.tool-panel__header p{color:var(--bl-muted);margin-top:8px}.tool-upload-panel{align-content:start}.tool-upload-zone{align-items:center;background:var(--bl-surface-raised);border:1px dashed var(--bl-accent);border-radius:var(--bl-radius-card);display:grid;gap:12px;min-height:220px;overflow:hidden;padding:22px;position:relative;text-align:center}.tool-upload-zone__content{cursor:pointer;display:grid;gap:12px}.tool-upload-zone__actions{display:flex;flex-wrap:wrap;gap:var(--bl-space-3);justify-content:center}.tool-upload-zone__action{cursor:pointer;justify-content:center}.tool-upload-zone__action[aria-disabled=true]{cursor:not-allowed;opacity:.55;pointer-events:none}.tool-upload-zone__input{display:none}.tool-upload-zone__placeholder{color:var(--bl-text);font-weight:750}.tool-upload-zone__hint,.tool-helper-text,.tool-file-summary span,.tool-preview-block__heading span,.tool-preview-empty span{color:var(--bl-muted);font-size:.9rem;line-height:1.55}.tool-upload-zone__preview{align-items:center;border-radius:var(--bl-radius-card);display:flex;justify-content:center;max-height:220px;min-height:160px;overflow:hidden}.tool-upload-zone__preview img{border-radius:var(--bl-radius-card);max-height:220px;object-fit:contain}.tool-file-summary{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:5px;padding:12px 14px}.tool-file-summary strong{color:var(--bl-text);font-size:.92rem}.tool-inline-error{background:var(--bl-error-bg);border:1px solid var(--bl-error-border);border-radius:var(--bl-radius-control);color:var(--bl-error-text);padding:12px 14px}.tool-operation-notice{align-items:center;background:var(--bl-error-bg);border:1px solid var(--bl-error-border);border-radius:var(--bl-radius-card);color:var(--bl-error-text);display:grid;gap:var(--bl-space-3);grid-column:1 / -1;grid-template-columns:auto minmax(0,1fr) auto;padding:14px 16px}.tool-operation-notice--warning{background:color-mix(in srgb,var(--bl-accent-soft) 45%,var(--bl-surface-card));border-color:var(--bl-accent);color:var(--bl-text)}.tool-operation-notice__icon{align-items:center;border:1px solid currentColor;border-radius:var(--bl-radius-circle);display:inline-flex;font-weight:800;height:28px;justify-content:center;width:28px}.tool-operation-notice__body{display:grid;gap:3px;min-width:0}.tool-operation-notice__body h3{color:inherit;font-family:var(--bl-font-body);font-size:1rem;margin:0}.tool-operation-notice__body p{color:inherit;line-height:1.5;margin:0}.tool-operation-notice__action{justify-self:end}.tool-mode-panel{min-height:auto}.tool-mode-grid{display:grid;gap:10px}.tool-mode-option{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:flex;font:inherit;gap:12px;justify-content:space-between;min-height:76px;padding:14px;text-align:left}.tool-mode-option:hover:not(:disabled),.tool-mode-option.is-selected{border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.tool-mode-option:disabled{cursor:not-allowed;opacity:.72}.tool-mode-option span{display:grid;gap:4px;min-width:0}.tool-mode-option small{color:var(--bl-muted);line-height:1.45}.tool-process-button{width:100%}.result-panel{align-content:start;display:grid;gap:16px}.tool-result-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:16px;padding:18px}.tool-preview-block{display:grid;gap:12px}.tool-preview-block__heading{display:grid;gap:4px}.tool-preview-block__heading strong{color:var(--bl-text)}.tool-image-preview{align-items:center;background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:flex;justify-content:center;min-height:260px;overflow:hidden;padding:14px}.tool-image-preview--checkerboard{background-color:var(--bl-surface-raised);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 10px,10px -10px,-10px 0;background-size:20px 20px}.tool-image-preview img{max-height:360px;object-fit:contain}.tool-preview-empty{display:grid;gap:6px;max-width:320px;text-align:center}.tool-result-meta{display:grid;gap:10px;margin:0}.tool-result-meta div{background:var(--bl-surface-card);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:flex;gap:12px;justify-content:space-between;padding:10px 12px}.tool-result-meta dt{color:var(--bl-muted)}.tool-result-meta dd{color:var(--bl-text);font-family:var(--bl-font-mono);font-size:.86rem;margin:0;min-width:0;overflow-wrap:anywhere;text-align:right}.tool-result-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.bl-before-after-preview{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.bl-workflow-step-list{min-height:auto}.bl-workflow-step-list__items{display:grid;gap:10px;list-style:none;margin:0;padding:0}.bl-workflow-step{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:12px;grid-template-columns:auto minmax(0,1fr) auto;min-height:64px;padding:10px 12px}.bl-workflow-step--running{border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-workflow-step--success{border-color:var(--bl-success-border)}.bl-workflow-step--error{border-color:var(--bl-error-border)}.bl-workflow-step__index{align-items:center;background:var(--bl-surface-card);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-circle);color:var(--bl-text);display:inline-flex;font-family:var(--bl-font-mono);font-size:.82rem;font-weight:800;height:30px;justify-content:center;width:30px}.bl-workflow-step__body{display:grid;gap:3px;min-width:0}.bl-workflow-step__body strong{color:var(--bl-text);font-size:.94rem;line-height:1.35}.bl-workflow-step__body span,.bl-workflow-step__status,.bl-workflow-progress p,.bl-workflow-progress__header span{color:var(--bl-muted);font-size:.86rem;line-height:1.45}.bl-workflow-step__status{background:var(--bl-surface-card);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-pill);color:var(--bl-text);font-weight:720;padding:5px 9px;white-space:nowrap}.bl-workflow-step--running .bl-workflow-step__status{color:var(--bl-primary-dark)}.bl-workflow-step--success .bl-workflow-step__status{color:var(--bl-success-text)}.bl-workflow-step--error .bl-workflow-step__status{color:var(--bl-error-text)}.bl-workflow-progress{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:10px;padding:14px}.bl-workflow-progress__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.bl-workflow-progress__header div{display:grid;gap:4px}.bl-workflow-progress__header strong{color:var(--bl-text);font-size:.94rem;line-height:1.35}.bl-workflow-progress progress{accent-color:var(--bl-primary);height:10px;width:100%}.bl-workflow-progress p{margin:0}.bl-result-handoff{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-result-handoff__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.bl-result-handoff 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-result-handoff p,.bl-result-handoff__target span{color:var(--bl-muted);font-size:.9rem;line-height:1.55;margin:0}.bl-result-handoff__grid{display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(180px,1fr))}.bl-result-handoff__target{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);display:grid;gap:4px;min-height:74px;padding:12px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.bl-result-handoff__target:hover{border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus);transform:translateY(-1px)}.bl-result-handoff__target strong{font-size:.92rem;line-height:1.35}.bl-result-handoff__empty{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);padding:12px}.bl-result-handoff__clear{background:transparent;border:0;color:var(--bl-primary-dark);cursor:pointer;font:inherit;font-size:.9rem;font-weight:750;justify-self:start;padding:0;text-decoration:underline;text-underline-offset:3px}.open-source-card{align-items:center;display:flex;gap:22px;justify-content:space-between;margin-top:22px}.open-source-card__icon{align-items:center;background:color-mix(in srgb,var(--bl-accent-soft) 70%,var(--bl-surface-raised));border:1px solid color-mix(in srgb,var(--bl-accent) 25%,var(--bl-line-soft));border-radius:var(--bl-radius-control);color:var(--bl-success-text);display:inline-flex;flex:0 0 auto;height:58px;justify-content:center;width:58px}.open-source-card__icon svg{height:30px;width:30px}.open-source-card__body{flex:1;min-width:0}.open-source-card h2{margin:12px 0 10px}.open-source-card p{color:var(--bl-muted);line-height:1.7;margin:0;max-width:720px}@media(max-width:720px){.open-source-card{align-items:flex-start;flex-direction:column}.tool-workspace{grid-template-columns:minmax(0,1fr)}.bl-before-after-preview,.tool-result-actions{grid-template-columns:1fr}.bl-workflow-step{align-items:flex-start;grid-template-columns:auto minmax(0,1fr)}.bl-workflow-step__status{grid-column:2;justify-self:start}.tool-panel{min-height:auto}.tool-operation-notice{align-items:start;grid-template-columns:auto minmax(0,1fr)}.tool-operation-notice__action{grid-column:2;justify-self:start}}.tool-result-tips{background:color-mix(in srgb,var(--bl-primary-soft) 12%,var(--bl-surface-card));border:1px solid var(--bl-primary-border);border-radius:var(--bl-radius-control);padding:12px 14px}.tool-result-tips__title{align-items:center;color:var(--bl-text);display:flex;font-size:.9rem;font-weight:600;gap:8px;margin:0 0 6px}.tool-result-tips__icon{flex-shrink:0}.tool-result-tips__desc{color:var(--bl-muted);font-size:.82rem;line-height:1.5;margin:0}.tool-preview-empty--center{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.tool-image-preview.is-empty{background:var(--bl-surface-raised);border:1px dashed var(--bl-line-soft);min-height:clamp(300px,28vw,420px)}.related-tools-section{margin:0 auto;max-width:var(--bl-tool-workspace);padding:0 var(--bl-page-pad) 64px}.related-tools-section .section-heading{margin-bottom:18px}.related-tools-section .section-heading h2{align-items:center;display:inline-flex;font-size:1.55rem;gap:10px;margin-bottom:0}.related-tools-section .section-heading h2:before{background:var(--bl-primary);content:"";display:inline-block;flex:0 0 auto;height:18px;-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7 0l2-2a5 5 0 0 0-7-7l-1 1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7 0l-2 2a5 5 0 0 0 7 7l1-1'/%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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M10 13a5 5 0 0 0 7 0l2-2a5 5 0 0 0-7-7l-1 1'/%3E%3Cpath d='M14 11a5 5 0 0 0-7 0l-2 2a5 5 0 0 0 7 7l1-1'/%3E%3C/svg%3E") center / contain no-repeat;width:18px}.related-tools-section .tool-grid{gap:14px;grid-template-columns:repeat(4,minmax(0,1fr))}.related-tools-section .tool-card{align-items:start;gap:12px;min-height:0;padding:18px;position:relative}.related-tools-section .tool-card:not(:has(.tool-card__icon)){grid-template-columns:42px minmax(0,1fr)}.related-tools-section .tool-card:has(.tool-card__icon){grid-template-columns:42px minmax(0,1fr)}.related-tools-section .tool-card:not(:has(.tool-card__icon)):before{background:radial-gradient(circle at 28% 26%,color-mix(in srgb,var(--bl-on-primary) 70%,transparent),transparent 30%),color-mix(in srgb,var(--bl-primary) 15%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 22%,var(--bl-line-soft));border-radius:var(--bl-radius-control);content:"";grid-column:1;grid-row:1;height:42px;width:42px}.related-tools-section .tool-card:not(:has(.tool-card__icon)):after{background:var(--bl-primary-dark);content:"";height:20px;left:29px;-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='m7 16 4-4 3 3 2-2 3 3'/%3E%3Ccircle cx='9' cy='9' r='1.5'/%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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='m7 16 4-4 3 3 2-2 3 3'/%3E%3Ccircle cx='9' cy='9' r='1.5'/%3E%3C/svg%3E") center / contain no-repeat;pointer-events:none;position:absolute;top:29px;width:20px}.related-tools-section .tool-card__icon{grid-column:1;grid-row:1;border-radius:var(--bl-radius-control);font-size:1rem;height:42px;width:42px}.related-tools-section .tool-card__icon--image,.related-tools-section .tool-card__icon--symbol{background:color-mix(in srgb,var(--bl-primary) 12%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 18%,var(--bl-line-soft));color:var(--bl-primary-dark);padding:0}.related-tools-section .tool-card__icon svg{height:20px;width:20px}.related-tools-section .tool-card:not(:has(.tool-card__icon)) .tool-card__body{grid-column:2}.related-tools-section .tool-card:has(.tool-card__icon) .tool-card__body{grid-column:2}.related-tools-section .tool-card__body{gap:8px}.related-tools-section .tool-card__meta{gap:8px;justify-content:start}.related-tools-section .tool-card__meta strong{flex-basis:auto;font-size:1rem;line-height:1.25}.related-tools-section .tool-card__badges{justify-content:flex-start}.related-tools-section .tool-card p{font-size:.88rem;line-height:1.5;display:-webkit-box;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:3}.related-tools-section .tool-card__subtle{display:none}.tool-content-grid{display:flex;flex-direction:column;gap:48px;margin-top:56px;margin-bottom:56px}astro-island:has(+.related-tools-section) .tool-page{padding-bottom:20px}astro-island:has(+.related-tools-section) .tool-content-grid{margin-bottom:0}.tool-faq-static-item+.tool-faq-static-item{border-top:1px solid var(--bl-line-soft);margin-top:16px;padding-top:16px}.tool-faq-static-item h3{font-size:1rem;margin:0 0 6px}:root{--tool-help-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.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v5h4'/%3E%3Cpath d='M9 13h6'/%3E%3Cpath d='M9 17h6'/%3E%3C/svg%3E");--tool-help-icon-shield: 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='M12 3 4 6v6c0 5 3.5 8 8 9 4.5-1 8-4 8-9V6z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E")}.tool-help-section,.related-tools-section{--tool-help-icon-upload: 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='M12 4v11'/%3E%3Cpath d='m7 9 5-5 5 5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");--tool-help-icon-resize: 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='5' y='5' width='14' height='14' rx='2'/%3E%3Cpath d='M9 3v4H5'/%3E%3Cpath d='M15 21v-4h4'/%3E%3C/svg%3E");--tool-help-icon-download: 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='M12 4v11'/%3E%3Cpath d='m7 10 5 5 5-5'/%3E%3Cpath d='M5 20h14'/%3E%3C/svg%3E");--tool-help-icon-image: 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.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='m7 16 4-4 3 3 2-2 3 3'/%3E%3Ccircle cx='9' cy='9' r='1.5'/%3E%3C/svg%3E");--tool-help-icon-avatar: 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.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='9' r='4'/%3E%3Cpath d='M5 21a7 7 0 0 1 14 0'/%3E%3C/svg%3E");--tool-help-icon-print: 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.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 8V3h10v5'/%3E%3Cpath d='M7 17H5a2 2 0 0 1-2-2v-4a2 2 0 0 1 2-2h14a2 2 0 0 1 2 2v4a2 2 0 0 1-2 2h-2'/%3E%3Cpath d='M7 14h10v7H7z'/%3E%3C/svg%3E");--tool-help-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.1' 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");--tool-help-icon-lock: 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='5' y='11' width='14' height='10' rx='2'/%3E%3Cpath d='M8 11V8a4 4 0 0 1 8 0v3'/%3E%3C/svg%3E");--tool-help-icon-browser: 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='3' y='4' width='18' height='16' rx='2'/%3E%3Cpath d='M3 9h18'/%3E%3Cpath d='M8 7h.01'/%3E%3Cpath d='M12 7h.01'/%3E%3C/svg%3E")}.tool-help-section{display:flex;flex-direction:column;gap:18px;margin-inline:auto;max-width:var(--bl-tool-workspace);width:100%}.tool-help-title{align-items:center;color:var(--bl-text);display:flex;font-family:var(--bl-font-display);font-size:1.5rem;font-weight:700;gap:10px;line-height:1.2;margin:0}.tool-help-title:before{background:var(--bl-primary);border-radius:5px;content:"";flex:0 0 auto;height:16px;-webkit-mask:var(--tool-help-icon-image) center / contain no-repeat;mask:var(--tool-help-icon-image) center / contain no-repeat;width:16px}.tool-help-steps{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:16px}.tool-help-step-card{background:var(--bl-surface-card);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-card);box-shadow:0 12px 30px color-mix(in srgb,var(--bl-text) 6%,transparent);display:flex;flex-direction:column;gap:10px;min-width:0;padding:22px 82px 22px 22px;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tool-help-step-card:before{background:radial-gradient(circle at 30% 26%,color-mix(in srgb,var(--bl-on-primary) 72%,transparent),transparent 30%),color-mix(in srgb,var(--bl-primary) 14%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 22%,var(--bl-line-soft));border-radius:50%;content:"";height:44px;position:absolute;right:22px;top:22px;width:44px}.tool-help-step-card:after{--tool-help-step-icon: var(--tool-help-icon-resize);background:var(--bl-primary-dark);content:"";height:22px;-webkit-mask:var(--tool-help-step-icon) center / contain no-repeat;mask:var(--tool-help-step-icon) center / contain no-repeat;position:absolute;right:33px;top:33px;width:22px}.tool-help-step-card:nth-child(1):after{--tool-help-step-icon: var(--tool-help-icon-upload)}.tool-help-step-card:nth-child(3):after{--tool-help-step-icon: var(--tool-help-icon-download)}.tool-help-step-card:hover{border-color:var(--bl-line);box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.tool-help-step-card__num{color:var(--bl-primary);font-family:var(--bl-font-mono, monospace);font-size:.86rem;font-weight:750;letter-spacing:0;opacity:.9}.tool-help-step-card__title{color:var(--bl-text);font-size:1.02rem;font-weight:750;line-height:1.35;margin:0;overflow-wrap:anywhere}.tool-help-step-card__desc{color:var(--bl-muted);font-size:.9rem;line-height:1.6;margin:0;overflow-wrap:anywhere}.tool-help-cases{display:grid;grid-template-columns:repeat(6,minmax(0,1fr));gap:10px}.tool-help-case-card{--tool-help-case-bg: color-mix(in srgb, var(--bl-primary) 12%, var(--bl-surface-card));--tool-help-case-fg: var(--bl-primary-dark);background:var(--bl-surface-card);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:grid;gap:4px 10px;grid-template-columns:34px minmax(0,1fr);min-height:116px;min-width:0;padding:13px;position:relative;transition:transform .2s ease,border-color .2s ease,box-shadow .2s ease}.tool-help-case-card:nth-child(2){--tool-help-case-bg: color-mix(in srgb, var(--bl-warning-bg) 72%, var(--bl-surface-card));--tool-help-case-fg: var(--bl-warning-text)}.tool-help-case-card:nth-child(3){--tool-help-case-bg: color-mix(in srgb, var(--bl-accent-soft) 76%, var(--bl-surface-card));--tool-help-case-fg: var(--bl-success-text)}.tool-help-case-card:nth-child(4){--tool-help-case-bg: color-mix(in srgb, var(--bl-primary-soft) 38%, var(--bl-surface-card));--tool-help-case-fg: var(--bl-primary-dark)}.tool-help-case-card:nth-child(5){--tool-help-case-bg: color-mix(in srgb, var(--bl-warning-bg) 58%, var(--bl-surface-card));--tool-help-case-fg: color-mix(in srgb, var(--bl-warning-text) 82%, var(--bl-primary-dark))}.tool-help-case-card:nth-child(6){--tool-help-case-bg: color-mix(in srgb, var(--bl-accent-soft) 62%, var(--bl-surface-card));--tool-help-case-fg: color-mix(in srgb, var(--bl-success-text) 78%, var(--bl-primary-dark))}.tool-help-case-card:not(:has(.tool-help-case-card__icon-wrapper)):before{background:radial-gradient(circle at 30% 26%,color-mix(in srgb,var(--bl-on-primary) 72%,transparent),transparent 28%),var(--tool-help-case-bg);border:1px solid color-mix(in srgb,var(--tool-help-case-fg) 20%,var(--bl-line-soft));border-radius:12px;content:"";grid-column:1;grid-row:1 / span 2;height:34px;width:34px}.tool-help-case-card:not(:has(.tool-help-case-card__icon-wrapper)):after{--tool-help-case-icon: var(--tool-help-icon-image);background:var(--tool-help-case-fg);content:"";height:17px;left:21px;-webkit-mask:var(--tool-help-case-icon) center / contain no-repeat;mask:var(--tool-help-case-icon) center / contain no-repeat;pointer-events:none;position:absolute;top:21px;width:17px}.tool-help-case-card:nth-child(2):after{--tool-help-case-icon: var(--tool-help-icon-resize)}.tool-help-case-card:nth-child(3):after{--tool-help-case-icon: var(--tool-help-icon-document)}.tool-help-case-card:nth-child(4):after{--tool-help-case-icon: var(--tool-help-icon-avatar)}.tool-help-case-card:nth-child(5):after{--tool-help-case-icon: var(--tool-help-icon-print)}.tool-help-case-card:nth-child(6):after{--tool-help-case-icon: var(--tool-help-icon-phone)}.tool-help-case-card:hover{border-color:var(--bl-line);box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.tool-help-case-card__icon-wrapper{background:var(--tool-help-case-bg);border:1px solid color-mix(in srgb,var(--tool-help-case-fg) 20%,var(--bl-line-soft));border-radius:12px;color:var(--tool-help-case-fg);display:flex;align-items:center;grid-column:1;grid-row:1 / span 2;height:34px;justify-content:center;flex-shrink:0;width:34px}.tool-help-case-card__icon{stroke-width:3}.tool-help-case-card__title{align-self:end;color:var(--bl-text);font-size:.88rem;font-weight:750;grid-column:2;line-height:1.3;margin:0;overflow-wrap:anywhere}.tool-help-case-card__desc{color:var(--bl-muted);display:-webkit-box;font-size:.75rem;line-height:1.42;grid-column:2;margin:0;overflow:hidden;overflow-wrap:anywhere;-webkit-box-orient:vertical;-webkit-line-clamp:2}.tool-help-trust-panel{align-items:center;background:radial-gradient(circle at 4% 15%,color-mix(in srgb,var(--bl-primary) 11%,transparent),transparent 28%),var(--bl-surface-soft);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-card);display:grid;gap:24px;grid-template-columns:minmax(180px,.68fr) minmax(0,2fr);padding:24px}.tool-help-trust-panel__intro{display:grid;gap:8px;min-width:0}.tool-help-trust-panel__title{color:var(--bl-text);font-family:var(--bl-font-display);font-size:1.28rem;font-weight:700;line-height:1.25;margin:0;max-width:280px;text-align:left}.tool-help-trust-panel__intro p{color:var(--bl-muted);font-size:.92rem;line-height:1.6;margin:0;max-width:320px}.tool-help-trust-badges{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:14px}.tool-trust-badge{background:color-mix(in srgb,var(--bl-surface-card) 82%,transparent);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:grid;gap:5px 12px;min-width:0;padding:15px;position:relative}.tool-trust-badge:not(:has(.tool-trust-badge__icon)){grid-template-columns:36px minmax(0,1fr)}.tool-trust-badge:not(:has(.tool-trust-badge__icon)):before{background:color-mix(in srgb,var(--bl-primary) 13%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 22%,var(--bl-line-soft));border-radius:12px;content:"";grid-column:1;grid-row:1 / span 2;height:36px;width:36px}.tool-trust-badge:not(:has(.tool-trust-badge__icon)):after{--tool-help-trust-icon: var(--tool-help-icon-lock);background:var(--bl-primary-dark);content:"";height:18px;left:24px;-webkit-mask:var(--tool-help-trust-icon) center / contain no-repeat;mask:var(--tool-help-trust-icon) center / contain no-repeat;pointer-events:none;position:absolute;top:24px;width:18px}.tool-trust-badge:nth-child(2):after{--tool-help-trust-icon: var(--tool-help-icon-browser)}.tool-trust-badge:nth-child(3):after{--tool-help-trust-icon: var(--tool-help-icon-shield)}.tool-trust-badge:nth-child(4):after{--tool-help-trust-icon: var(--tool-help-icon-image)}.tool-help-trust-badges--four{grid-template-columns:repeat(4,minmax(0,1fr))}.tool-trust-badge__header{display:flex;align-items:center;gap:10px;grid-column:1;min-width:0}.tool-trust-badge__icon{background:color-mix(in srgb,var(--bl-primary) 13%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 22%,var(--bl-line-soft));border-radius:12px;box-sizing:border-box;flex-shrink:0;height:36px;padding:8px;width:36px}.tool-trust-badge:not(:has(.tool-trust-badge__icon)) .tool-trust-badge__header{grid-column:2}.tool-trust-badge__title{color:var(--bl-text);font-size:1rem;font-weight:750;margin:0;overflow-wrap:anywhere}.tool-trust-badge__desc{color:var(--bl-muted);font-size:.88rem;line-height:1.55;grid-column:1;margin:0;overflow-wrap:anywhere}.tool-trust-badge:not(:has(.tool-trust-badge__icon)) .tool-trust-badge__desc{grid-column:2}.tool-help-section--faq{align-self:center;gap:14px;margin:0 auto;max-width:var(--bl-tool-workspace);width:100%}.tool-help-title--center{justify-content:center;text-align:center}.tool-faq-accordion{align-items:start;border-top:0;display:grid;gap:10px 14px;grid-template-columns:repeat(2,minmax(0,1fr))}.tool-faq-accordion__item{background:var(--bl-surface-card);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);overflow:hidden}.tool-faq-accordion__button{align-items:center;background:var(--bl-surface-card);border:0;color:var(--bl-text);cursor:pointer;display:flex;font-size:.96rem;font-weight:750;gap:14px;justify-content:space-between;min-width:0;padding:14px 16px;text-align:left;transition:color .15s ease,background .15s ease;width:100%}.tool-faq-accordion__button:hover{background:color-mix(in srgb,var(--bl-primary-soft) 22%,var(--bl-surface-card));color:var(--bl-primary)}.tool-faq-accordion__button:focus-visible{outline:2px solid var(--bl-primary-border);outline-offset:-2px;border-radius:var(--bl-radius-control)}.tool-faq-accordion__question{flex:1;min-width:0;overflow-wrap:anywhere}.tool-faq-accordion__icon{flex-shrink:0;color:var(--bl-muted);transition:transform .24s cubic-bezier(.4,0,.2,1),color .15s ease}.tool-faq-accordion__item.is-open .tool-faq-accordion__icon{transform:rotate(180deg);color:var(--bl-primary)}.tool-faq-accordion__content{max-height:0;overflow:hidden;opacity:0;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .2s ease}.tool-faq-accordion__item.is-open .tool-faq-accordion__content{max-height:1200px;opacity:1}.tool-faq-accordion__content-inner{padding:0 16px 14px}.tool-faq-accordion__content-inner p{margin:0;font-size:.92rem;line-height:1.6;color:var(--bl-muted);overflow-wrap:anywhere}@media(max-width:1024px){.related-tools-section .tool-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.tool-help-cases{grid-template-columns:repeat(3,minmax(0,1fr))}.tool-help-trust-panel{grid-template-columns:1fr}.tool-help-trust-panel__title,.tool-help-trust-panel__intro p{max-width:none}}@media(max-width:768px){.tool-help-steps,.tool-help-cases,.tool-help-trust-badges,.tool-faq-accordion,.related-tools-section .tool-grid{grid-template-columns:1fr;gap:16px}.tool-help-step-card{padding-right:74px}.tool-help-trust-panel{grid-template-columns:1fr;padding:22px}.tool-help-trust-panel__title,.tool-help-trust-panel__intro p{max-width:none}.related-tools-section .tool-card{min-height:0}}: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))}}.bl-batch-results-workspace{--bl-batch-results-footer-reserve: calc(70px + var(--bl-space-4));background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);box-shadow:var(--bl-shadow-soft);display:grid;gap:var(--bl-space-4);min-width:0;overflow:clip;padding:0 var(--bl-space-4)}.bl-batch-results-workspace__header{align-items:center;background:var(--bl-surface-card);border-bottom:1px solid var(--bl-line-soft);display:flex;gap:var(--bl-space-3);justify-content:space-between;margin:0 calc(var(--bl-space-4) * -1);min-height:54px;padding:0 var(--bl-space-4);position:sticky;top:var(--bl-site-header-height);z-index:4}.bl-batch-results-workspace__header h2{font-size:1.04rem;margin:0}.bl-batch-results-workspace__header span{color:var(--bl-muted);font-size:.82rem;font-weight:760;white-space:nowrap}.bl-batch-results-summary{align-items:flex-start;background:color-mix(in srgb,var(--bl-primary-soft) 42%,var(--bl-surface-raised));border:1px solid var(--bl-primary-border);border-radius:var(--bl-radius-control);display:grid;gap:var(--bl-space-3);grid-template-columns:42px minmax(0,1fr);padding:var(--bl-space-4)}.bl-batch-results-summary--completed{background:color-mix(in srgb,var(--bl-success-bg) 66%,var(--bl-surface-card));border-color:var(--bl-success-border-soft)}.bl-batch-results-summary--partial{background:color-mix(in srgb,var(--bl-warning-bg) 66%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-warning-text) 28%,var(--bl-line-soft))}.bl-batch-results-summary__icon{align-items:center;background:color-mix(in srgb,var(--bl-primary) 12%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 22%,transparent);border-radius:var(--bl-radius-pill);color:var(--bl-primary);display:inline-flex;height:42px;justify-content:center;width:42px;flex-shrink:0;box-shadow:0 1px 3px #0000000a}.bl-batch-results-summary--completed .bl-batch-results-summary__icon{background:color-mix(in srgb,var(--bl-success-text) 12%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-success-text) 22%,transparent);color:var(--bl-success-text)}.bl-batch-results-summary--partial .bl-batch-results-summary__icon{background:color-mix(in srgb,var(--bl-warning-text) 12%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-warning-text) 22%,transparent);color:var(--bl-warning-text)}.bl-batch-results-summary--cancelled .bl-batch-results-summary__icon{background:color-mix(in srgb,var(--bl-muted) 12%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-muted) 22%,transparent);color:var(--bl-muted)}.bl-batch-results-summary__icon svg,.bl-batch-summary-icon-svg{width:20px;height:20px;stroke-width:2;display:block}.bl-batch-status-icon-svg{width:14px;height:14px;stroke-width:2.2;display:inline-block;vertical-align:-.15em}.bl-batch-icon-spin{animation:bl-batch-spin 1.2s linear infinite}@keyframes bl-batch-spin{0%{transform:rotate(0)}to{transform:rotate(360deg)}}.bl-batch-results-summary__body{display:grid;gap:6px;min-width:0}.bl-batch-results-summary__body>strong{color:var(--bl-text)}.bl-batch-results-summary__body>p{color:var(--bl-muted);font-size:.84rem;margin:0}.bl-batch-results-summary__progress{align-items:center;display:flex;gap:var(--bl-space-2)}.bl-batch-results-summary__progress progress{accent-color:var(--bl-primary);height:7px;width:100%}.bl-batch-results-summary__progress>span{color:var(--bl-muted);font-size:.74rem;font-weight:760;min-width:32px;text-align:right}.bl-batch-results-summary__details{display:flex;flex-wrap:wrap;gap:6px 12px}.bl-batch-results-summary__details span{color:var(--bl-warning-text);font-size:.78rem;font-weight:760}.bl-batch-results-summary__metrics{border-top:1px solid color-mix(in srgb,var(--bl-line) 72%,transparent);display:grid;gap:var(--bl-space-3);grid-template-columns:repeat(auto-fit,minmax(100px,1fr));margin:4px 0 0;padding-top:var(--bl-space-3)}.bl-batch-results-summary__metrics div,.bl-batch-result-metrics dl div{display:grid;gap:3px;min-width:0}.bl-batch-results-summary__metrics dt,.bl-batch-result-metrics dt{color:var(--bl-muted);font-size:.74rem}.bl-batch-results-summary__metrics dd,.bl-batch-result-metrics dd{color:var(--bl-text);font-size:.92rem;font-weight:820;margin:0;overflow-wrap:anywhere}.bl-batch-results-summary__metrics .is-success dd,.bl-batch-result-metrics .is-success dd{color:var(--bl-success-text)}.bl-batch-results-summary__metrics .is-warning dd,.bl-batch-result-metrics .is-warning dd{color:var(--bl-warning-text)}.bl-batch-result-metrics .is-danger dd{color:var(--bl-error-text)}.bl-batch-result-metrics .is-primary dd{color:var(--bl-primary-dark)}.bl-batch-results-rail{border-bottom:1px solid var(--bl-line-soft);display:grid;gap:var(--bl-space-2);min-width:0;padding-bottom:var(--bl-space-3)}.bl-batch-results-rail__list{display:flex;gap:var(--bl-space-2);min-width:0;overflow-x:auto;overscroll-behavior-inline:contain;padding:3px;scroll-snap-type:inline proximity}.bl-batch-results-rail__item{background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-body);display:grid;flex:0 0 118px;font:inherit;gap:5px;min-width:0;padding:6px;scroll-snap-align:start;text-align:left}.bl-batch-results-rail__item:hover,.bl-batch-results-rail__item:focus-visible,.bl-batch-results-rail__item.is-selected{background:color-mix(in srgb,var(--bl-primary-soft) 42%,var(--bl-surface-card));border-color:var(--bl-primary);box-shadow:0 0 0 1px var(--bl-primary)}.bl-batch-results-rail__item img,.bl-batch-results-rail__item .bl-batch-thumbnail-placeholder{aspect-ratio:4 / 3;background:var(--bl-surface-raised);border-radius:calc(var(--bl-radius-control) - 3px);display:block;object-fit:cover;width:100%}.bl-batch-results-rail__item strong,.bl-batch-results-rail__item small{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-batch-results-rail__item strong{color:var(--bl-text);font-size:.76rem}.bl-batch-results-rail__item small{color:var(--bl-muted);font-size:.7rem}.bl-batch-results-rail__status,.bl-batch-current-item__status{align-items:center;color:var(--bl-muted);display:inline-flex;font-size:.68rem;font-weight:760;gap:4px}.bl-batch-status--processing{color:var(--bl-primary-dark)}.bl-batch-status--success{color:var(--bl-success-text)}.bl-batch-status--failed{color:var(--bl-error-text)}.bl-batch-status--skipped{color:var(--bl-warning-text)}.bl-batch-results-rail__position{align-items:center;display:flex;justify-content:flex-end}.bl-batch-results-rail__position .bl-button{min-height:36px;min-width:36px;padding:4px}.bl-batch-results-rail__position span{color:var(--bl-muted);font-size:.78rem;min-width:48px;text-align:center}.bl-batch-current-item{align-items:flex-start;display:flex;gap:var(--bl-space-3);justify-content:space-between;min-width:0}.bl-batch-current-item>div{display:grid;gap:3px;min-width:0}.bl-batch-current-item strong{color:var(--bl-text);overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-batch-current-item small{color:var(--bl-muted);font-size:.78rem;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-batch-preview-surface{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:flex;justify-content:center;min-height:260px;overflow:hidden;position:relative}.bl-batch-preview-surface.is-checkerboard{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 10px,10px -10px,-10px 0;background-size:20px 20px}.bl-batch-preview-surface__open{align-items:center;background:transparent;border:0;cursor:zoom-in;display:flex;height:100%;justify-content:center;min-height:260px;padding:var(--bl-space-3);width:100%}.bl-batch-preview-surface img{display:block;max-height:min(50vh,520px);max-width:100%;object-fit:contain}.bl-batch-preview-surface.is-empty{color:var(--bl-muted);font-size:.86rem}.bl-batch-preview-surface__compare{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));height:100%;min-height:260px;width:100%}.bl-batch-preview-surface__compare figure{align-items:center;display:flex;justify-content:center;margin:0;min-width:0;padding:var(--bl-space-3);position:relative}.bl-batch-preview-surface__compare figure+figure{border-left:1px solid var(--bl-line)}.bl-batch-preview-surface__compare figcaption{background:color-mix(in srgb,var(--bl-surface-card) 88%,transparent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-pill);color:var(--bl-text);font-size:.7rem;font-weight:780;left:10px;padding:3px 8px;position:absolute;top:10px}.bl-batch-result-metrics{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);min-height:76px;padding:var(--bl-space-3)}.bl-batch-result-metrics dl{display:grid;gap:var(--bl-space-3);grid-template-columns:repeat(auto-fit,minmax(92px,1fr));margin:0}.bl-batch-result-metrics>p,.bl-batch-result-metrics__error p{color:var(--bl-muted);margin:0}.bl-batch-result-metrics__error{display:grid;gap:5px}.bl-batch-result-metrics__error strong{color:var(--bl-error-text)}.bl-batch-current-actions{border-top:1px solid var(--bl-line-soft);display:grid;gap:var(--bl-space-3);padding:var(--bl-space-3) 0 var(--bl-space-2)}.bl-batch-preview-modes,.bl-batch-output-variants{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:inline-grid;grid-auto-columns:minmax(0,1fr);grid-auto-flow:column;justify-self:start;overflow:hidden}.bl-batch-preview-modes button,.bl-batch-output-variants button{background:transparent;border:0;color:var(--bl-muted);font:inherit;font-size:.78rem;font-weight:760;min-height:40px;min-width:76px;padding:8px 12px}.bl-batch-preview-modes button:hover:not(:disabled),.bl-batch-output-variants button:hover:not(:disabled),.bl-batch-preview-modes button[aria-selected=true],.bl-batch-output-variants button[aria-selected=true]{background:var(--bl-surface-card);color:var(--bl-primary-dark);box-shadow:inset 0 -2px 0 var(--bl-primary)}.bl-batch-preview-modes button:disabled{cursor:not-allowed;opacity:.46}.bl-batch-current-actions__commands{align-items:center;display:flex;flex-wrap:nowrap;gap:var(--bl-space-2);justify-content:flex-end;white-space:nowrap}.bl-batch-selection-actions{align-items:center;display:flex;flex-wrap:wrap;gap:var(--bl-space-2)}.bl-batch-selection-actions>span{color:var(--bl-muted);font-size:.78rem;margin-right:auto}.bl-batch-results-workspace__footer{background:color-mix(in srgb,var(--bl-surface-card) 94%,transparent);border:0;border-radius:0;border-top:1px solid var(--bl-line);box-shadow:var(--bl-shadow-soft);left:0;margin:0 calc(var(--bl-space-4) * -1);min-height:70px;position:sticky;right:0;bottom:0;z-index:3}@media(max-width:720px){.bl-batch-results-workspace{--bl-batch-results-footer-reserve: calc(70px + max(var(--bl-space-4), env(safe-area-inset-bottom))) ;padding-inline:var(--bl-space-3)}.bl-batch-results-workspace__header{margin-inline:calc(var(--bl-space-3) * -1);padding-inline:var(--bl-space-3)}.bl-batch-results-summary{grid-template-columns:34px minmax(0,1fr);padding:var(--bl-space-3)}.bl-batch-results-summary__icon{height:34px;width:34px}.bl-batch-preview-surface,.bl-batch-preview-surface__open,.bl-batch-preview-surface__compare{min-height:220px}.bl-batch-preview-surface__compare{grid-template-columns:1fr}.bl-batch-preview-surface__compare figure+figure{border-left:0;border-top:1px solid var(--bl-line)}.bl-batch-current-actions__commands{display:flex;flex-wrap:nowrap}.bl-batch-current-actions__commands>*{justify-content:center;min-width:0}.bl-batch-preview-modes,.bl-batch-output-variants{justify-self:stretch}.bl-batch-results-workspace__footer{padding-bottom:max(var(--bl-space-3),env(safe-area-inset-bottom))}}.bl-remove-background-batch-upload{box-shadow:none}.bl-remove-background-batch-actions{display:flex;gap:var(--bl-space-3);width:100%}.bl-remove-background-batch-actions .bl-button{flex:1;width:100%;min-height:52px}.bl-remove-bg-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before{background:linear-gradient(180deg,color-mix(in srgb,var(--bl-primary-soft) 46%,var(--bl-surface-card)) 0 100%) left 14% top 50% / 96px 82px no-repeat,radial-gradient(circle at 24% 39%,var(--bl-primary-highlight) 0 7px,transparent 8px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-accent-soft) 72%,transparent) 58% 100%) left 14% top 50% / 96px 82px no-repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) left 14% top 50% / 96px 82px no-repeat,linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 74%,transparent) 25%,transparent 25%) right 12% top 50% / 18px 18px repeat,linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 74%,transparent) 25%,transparent 25%) right 12% top calc(50% + 9px) / 18px 18px repeat,linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 74%,transparent) 75%) right calc(12% - 9px) top calc(50% - 9px) / 18px 18px repeat,linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 74%,transparent) 75%) right calc(12% + 9px) top 50% / 18px 18px repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) right 12% top 50% / 96px 82px no-repeat}.bl-remove-bg-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):after{height:26px;top:62px;width:26px}.bl-remove-bg-settings .bl-image-settings-panel__body{gap:16px}.bl-remove-bg-mode-grid{display:grid;gap:10px}.bl-remove-bg-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:12px;grid-template-columns:38px minmax(0,1fr) auto;min-height:86px;padding:14px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-remove-bg-mode-card:hover:not(:disabled),.bl-remove-bg-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-remove-bg-mode-card:disabled{cursor:not-allowed;opacity:.68}.bl-remove-bg-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:38px;justify-content:center;width:38px}.bl-remove-bg-mode-card__icon:before{background:currentColor;content:"";height:19px;-webkit-mask:var(--bl-remove-bg-mode-icon) center / contain no-repeat;mask:var(--bl-remove-bg-mode-icon) center / contain no-repeat;width:19px}.bl-remove-bg-mode-card[data-icon=scissors]{--bl-remove-bg-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%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4 8.1 15.9'/%3E%3Cpath d='M14.5 14.5 20 20'/%3E%3Cpath d='M8.1 8.1 12 12'/%3E%3C/svg%3E")}.bl-remove-bg-mode-card[data-icon=sparkles]{--bl-remove-bg-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='M12 3 14 8l5 2-5 2-2 5-2-5-5-2 5-2z'/%3E%3Cpath d='M19 16v4'/%3E%3Cpath d='M17 18h4'/%3E%3C/svg%3E")}.bl-remove-bg-mode-card__body{display:grid;gap:4px;min-width:0}.bl-remove-bg-mode-card__body strong{color:var(--bl-text);font-size:.96rem;line-height:1.3}.bl-remove-bg-mode-card__body small{color:var(--bl-muted);font-size:.8rem;line-height:1.45}.bl-remove-bg-mode-card__badge{background:color-mix(in srgb,var(--bl-primary-soft) 48%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 20%,var(--bl-line-soft));border-radius:var(--bl-radius-pill);color:var(--bl-primary-dark);font-size:.72rem;font-weight:820;padding:5px 8px;white-space:nowrap}.bl-remove-bg-output-card{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:flex;gap:14px;justify-content:space-between;min-height:52px;padding:12px 14px}.bl-remove-bg-output-card span{color:var(--bl-muted);font-size:.9rem}.bl-remove-bg-output-card strong{color:var(--bl-text);font-size:.95rem}.bl-remove-bg-process-button{align-items:center;display:inline-flex;gap:8px;min-height:54px;justify-content:center}.bl-remove-bg-result-card{gap:18px}.bl-remove-bg-format-stat strong{color:var(--bl-primary-dark)}.bl-remove-bg-compare,.bl-remove-bg-before-after{min-height:clamp(320px,32vw,430px)}.bl-remove-bg-before-after__pane{align-items:center;background:var(--bl-surface-card);display:flex;justify-content:center}.bl-remove-bg-before-after__pane img{height:calc(100% - 54px);max-height:88%;object-fit:contain;padding:18px;width:calc(100% - 24px)}.bl-remove-bg-preview-background--checker .bl-remove-bg-before-after__pane--transparent{background-color:var(--bl-surface-card);background-image:linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 70%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 70%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 70%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 70%,transparent) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.bl-remove-bg-preview-background--white .bl-remove-bg-before-after__pane--transparent{background:#fff}.bl-remove-bg-preview-background--light .bl-remove-bg-before-after__pane--transparent{background:var(--bl-surface-raised)}.bl-remove-bg-preview-background--dark .bl-remove-bg-before-after__pane--transparent{background:var(--bl-surface-dark)}.bl-remove-bg-empty-visual{align-items:center;display:inline-grid;gap:14px;grid-template-columns:112px auto 112px;justify-content:center;margin:0 auto 14px}.bl-remove-bg-empty-visual__frame{border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);box-shadow:0 12px 22px color-mix(in srgb,var(--bl-primary) 7%,transparent);display:block;height:88px;overflow:hidden;position:relative;width:112px}.bl-remove-bg-empty-visual__frame--before{background:radial-gradient(circle at 25% 32%,var(--bl-primary-highlight) 0 7px,transparent 8px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-accent-soft) 72%,transparent) 58% 100%),var(--bl-surface-card)}.bl-remove-bg-empty-visual__frame--after{background-color:var(--bl-surface-card);background-image:linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.bl-remove-bg-empty-visual__frame:before{background:color-mix(in srgb,var(--bl-primary) 18%,var(--bl-surface-card));border:2px solid color-mix(in srgb,var(--bl-primary) 44%,var(--bl-line-soft));border-radius:10px 10px 8px 8px;bottom:18px;content:"";height:34px;left:50%;position:absolute;transform:translate(-50%);width:42px}.bl-remove-bg-empty-visual__frame:after{border:2px solid color-mix(in srgb,var(--bl-primary) 44%,var(--bl-line-soft));border-bottom:0;border-radius:12px 12px 0 0;bottom:52px;content:"";height:14px;left:50%;position:absolute;transform:translate(-50%);width:24px}.bl-remove-bg-empty-visual__arrow{color:var(--bl-primary);font-size:1.8rem;font-weight:900}.bl-remove-bg-size-bars{margin-top:-2px}.bl-remove-bg-actions .bl-button{min-height:60px;white-space:normal}.bl-remove-bg-actions .bl-remove-bg-download-button{border-radius:var(--bl-radius-control);min-height:68px}.bl-remove-bg-actions:not(:has(.bl-image-download-actions__secondary)) .bl-remove-bg-download-button{min-height:72px}.bl-remove-bg-secure-note{margin-top:-2px}@media(max-width:720px){.bl-remove-bg-empty-visual{gap:8px;grid-template-columns:82px auto 82px}.bl-remove-bg-empty-visual__frame{height:66px;width:82px}.bl-remove-bg-empty-visual__frame:before{bottom:13px;height:27px;width:34px}.bl-remove-bg-empty-visual__frame:after{bottom:40px;height:11px;width:20px}.bl-remove-bg-empty-visual__arrow{font-size:1.3rem;white-space:nowrap}}.bl-remove-background-batch-workspace{align-items:start}.bl-remove-background-batch-results{display:grid;gap:var(--bl-space-4);min-width:0}.bl-remove-background-batch-results .bl-batch-progress-summary,.bl-remove-background-batch-results .bl-batch-download-bar{box-shadow:none}.bl-remove-background-batch-results .bl-batch-results--list{min-width:0}.bl-remove-bg-quota-notice{color:var(--bl-muted);font-size:var(--bl-text-sm);margin:0;padding:0;line-height:1.5}.bl-visually-hidden{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}.bl-batch-upload,.bl-batch-progress-summary,.bl-batch-download-bar,.bl-batch-thumbnail-nav{color:var(--bl-text);background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel)}.bl-batch-upload{position:relative;padding:var(--bl-space-4)}.bl-batch-upload__input{position:absolute;width:1px;height:1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap}.bl-batch-upload__input:focus-visible+.bl-batch-upload__empty{outline:3px solid var(--bl-primary-focus);outline-offset:3px;border-color:var(--bl-primary)}.bl-batch-upload__empty{min-height:230px;display:flex;flex-direction:column;align-items:center;justify-content:center;gap:var(--bl-space-2);padding:var(--bl-space-5);text-align:center;color:var(--bl-body);background:var(--bl-surface-soft);border:1px dashed var(--bl-line);border-radius:var(--bl-radius-card);cursor:pointer}.bl-batch-upload__empty:hover{border-color:var(--bl-primary);background:color-mix(in srgb,var(--bl-primary-soft) 28%,var(--bl-surface-soft))}.bl-batch-upload__empty[aria-disabled=true]{opacity:.62;cursor:not-allowed}.bl-batch-upload__empty strong{color:var(--bl-text);font-size:var(--bl-title-md)}.bl-batch-upload__empty small{color:var(--bl-muted)}.bl-batch-upload__visual{width:48px;height:48px;display:inline-grid;place-items:center;color:var(--bl-primary);background:var(--bl-primary-soft);border-radius:var(--bl-radius-circle);font-size:1.5rem}.bl-batch-upload-summary{display:grid;gap:var(--bl-space-3)}.bl-batch-upload-summary__row,.bl-batch-download-bar,.bl-batch-thumbnail-nav__controls{display:flex;align-items:center;justify-content:space-between;gap:var(--bl-space-3)}.bl-batch-upload-summary__actions,.bl-batch-download-bar__actions,.bl-batch-mobile-actions>div{display:flex;flex-wrap:wrap;gap:var(--bl-space-2)}.bl-batch-upload-summary__actions .bl-button{min-height:40px}.bl-batch-upload-notices,.bl-batch-upload-files,.bl-batch-queue>ul,.bl-batch-results--list>ul,.bl-batch-results--grid>ul,.bl-batch-result__outputs{list-style:none;margin:0;padding:0}.bl-batch-upload-notices{display:grid;gap:var(--bl-space-1);color:var(--bl-muted);font-size:var(--bl-text-sm)}.bl-batch-upload-notice--warning{color:var(--bl-warning-text)}.bl-batch-upload-notice--error{color:var(--bl-error-text)}.bl-batch-upload-files{display:grid;grid-template-columns:repeat(auto-fill,minmax(210px,1fr));gap:var(--bl-space-2);margin-top:var(--bl-space-4)}.bl-batch-upload-files>li{min-width:0;display:flex;align-items:center;gap:var(--bl-space-2);padding:var(--bl-space-2);background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control)}.bl-batch-upload-files img,.bl-batch-upload-files__placeholder,.bl-batch-queue-item__select img,.bl-batch-thumbnail-placeholder{width:44px;height:44px;flex:0 0 44px;object-fit:cover;border-radius:var(--bl-radius-control);background:var(--bl-surface-muted)}.bl-batch-upload-files__placeholder{display:grid;place-items:center;color:var(--bl-muted);font-weight:750}.bl-batch-upload-files__body,.bl-batch-queue-item__body,.bl-batch-result__output-body{min-width:0;display:grid;gap:var(--bl-space-1)}.bl-batch-upload-files__body strong,.bl-batch-queue-item__body strong,.bl-batch-result header strong,.bl-batch-result__output-body strong,.bl-batch-thumbnail strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-batch-upload-files__body small,.bl-batch-queue-item__body small,.bl-batch-result__output-body small,.bl-batch-thumbnail small{color:var(--bl-muted)}.bl-batch-icon-button{width:40px;height:40px;display:inline-grid;place-items:center;margin-left:auto;color:var(--bl-muted);background:transparent;border:1px solid transparent;border-radius:var(--bl-radius-control);cursor:pointer}.bl-batch-icon-button:hover,.bl-batch-icon-button:focus-visible{color:var(--bl-error-text);border-color:var(--bl-error-border)}.bl-batch-queue,.bl-batch-results--list,.bl-batch-results--grid{min-width:0}.bl-batch-queue>ul,.bl-batch-results--list>ul{display:grid;gap:var(--bl-space-2)}.bl-batch-queue-item,.bl-batch-result{min-width:0;padding:var(--bl-space-3);background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card)}.bl-batch-queue-item.is-selected,.bl-batch-thumbnail.is-selected{border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-batch-queue-item{display:grid;grid-template-columns:minmax(0,1fr) auto auto;align-items:center;gap:var(--bl-space-3)}.bl-batch-queue-item__select{min-width:0;display:flex;align-items:center;gap:var(--bl-space-3);padding:0;color:inherit;text-align:left;background:transparent;border:0;cursor:pointer}.bl-batch-queue-item__select:disabled{cursor:default}.bl-batch-queue-item__status,.bl-batch-result__status{display:inline-flex;align-items:center;gap:var(--bl-space-1);color:var(--bl-muted);font-size:var(--bl-text-sm);font-weight:750}.bl-batch-status--processing .bl-batch-queue-item__status,.bl-batch-status--processing .bl-batch-result__status{color:var(--bl-primary)}.bl-batch-status--success .bl-batch-queue-item__status,.bl-batch-status--success .bl-batch-result__status{color:var(--bl-success-text)}.bl-batch-status--skipped .bl-batch-queue-item__status,.bl-batch-status--skipped .bl-batch-result__status{color:var(--bl-warning-text)}.bl-batch-status--failed .bl-batch-queue-item__status,.bl-batch-status--failed .bl-batch-result__status{color:var(--bl-error-text)}.bl-batch-queue-item__actions,.bl-batch-result__actions,.bl-batch-result footer{display:flex;flex-wrap:wrap;gap:var(--bl-space-2)}.bl-batch-queue-item__actions button,.bl-batch-queue-item__actions a,.bl-batch-result__actions button,.bl-batch-result__actions a,.bl-batch-result footer button{min-height:40px;padding:0 var(--bl-space-2);color:var(--bl-text);background:transparent;border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);font:inherit;text-decoration:none;cursor:pointer}.bl-batch-queue-item__error,.bl-batch-result__error,.bl-batch-result__warning{grid-column:1 / -1;padding:var(--bl-space-2);border-radius:var(--bl-radius-control)}.bl-batch-queue-item__error,.bl-batch-result__error{color:var(--bl-error-text);background:var(--bl-error-bg)}.bl-batch-result__warning{color:var(--bl-warning-text);background:var(--bl-warning-bg)}.bl-batch-empty{padding:var(--bl-space-5);color:var(--bl-muted);text-align:center;background:var(--bl-surface-soft);border:1px dashed var(--bl-line);border-radius:var(--bl-radius-card)}.bl-batch-progress-summary{display:grid;gap:var(--bl-space-3);padding:var(--bl-space-4)}.bl-batch-progress-summary__heading{display:flex;align-items:baseline;justify-content:space-between;gap:var(--bl-space-3)}.bl-batch-progress-summary progress,.bl-batch-download-bar progress{width:100%;accent-color:var(--bl-primary)}.bl-batch-progress-summary__counts,.bl-batch-progress-summary__meta{display:grid;grid-template-columns:repeat(auto-fit,minmax(92px,1fr));gap:var(--bl-space-2);margin:0}.bl-batch-progress-summary__counts>div,.bl-batch-progress-summary__meta>div{padding:var(--bl-space-2);background:var(--bl-surface-soft);border-radius:var(--bl-radius-control)}.bl-batch-progress-summary dt{color:var(--bl-muted);font-size:var(--bl-text-sm)}.bl-batch-progress-summary dd{margin:var(--bl-space-1) 0 0;color:var(--bl-text);font-weight:750}.bl-batch-count--success dd{color:var(--bl-success-text)}.bl-batch-count--failed dd{color:var(--bl-error-text)}.bl-batch-results--grid>ul{display:grid;grid-template-columns:repeat(auto-fill,minmax(280px,1fr));gap:var(--bl-space-3)}.bl-batch-result{min-width:0;display:flex;flex-direction:column;gap:10px;padding:var(--bl-space-3);background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);box-shadow:0 1px 3px #00000008;transition:border-color .2s ease,box-shadow .2s ease}.bl-batch-result.is-handoff-selected{border-color:color-mix(in srgb,var(--bl-primary) 55%,var(--bl-line));box-shadow:0 0 0 1px color-mix(in srgb,var(--bl-primary) 35%,transparent),0 3px 12px #0000000d}.bl-batch-result-selection{display:flex;align-items:center;justify-content:space-between;gap:var(--bl-space-3);margin-bottom:var(--bl-space-3);padding:var(--bl-space-3);color:var(--bl-text);background:var(--bl-surface-soft);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control)}.bl-batch-result-selection__actions{display:flex;flex-wrap:wrap;gap:var(--bl-space-2)}@media(max-width:719px){.bl-batch-result-selection{align-items:stretch;flex-direction:column}.bl-batch-result-selection__actions>*{flex:1}}.bl-batch-result__handoff-tag{display:inline-flex;align-items:center;gap:3px;margin-top:3px;padding:1px 7px;font-size:11px;font-weight:600;color:var(--bl-success-text);background:color-mix(in srgb,var(--bl-success-text) 10%,var(--bl-surface-soft));border:1px solid color-mix(in srgb,var(--bl-success-text) 25%,transparent);border-radius:9999px;width:fit-content}.bl-batch-result__card{display:flex;flex-direction:column;gap:10px;min-width:0}.bl-batch-result__main{display:flex;align-items:flex-start;gap:10px;min-width:0}.bl-batch-result__thumb{width:48px;height:48px;flex:0 0 48px;object-fit:cover;border-radius:var(--bl-radius-control);background:var(--bl-surface-muted)}.bl-batch-result__info{min-width:0;flex:1;display:flex;flex-direction:column;gap:2px}.bl-batch-result__title-row{display:flex;align-items:center;justify-content:space-between;gap:var(--bl-space-2);min-width:0}.bl-batch-result__title{color:var(--bl-text);font-size:var(--bl-text-sm);font-weight:600;overflow:hidden;text-overflow:ellipsis;white-space:nowrap;min-width:0;flex:1}.bl-batch-result__meta{color:var(--bl-muted);font-size:12px;line-height:1.3}.bl-batch-result__actions{display:flex;flex-wrap:wrap;align-items:center;justify-content:flex-start;gap:6px;width:100%}.bl-batch-result__action{display:inline-flex;align-items:center;justify-content:center;gap:4px;min-width:max-content;white-space:nowrap;word-break:keep-all;height:36px;padding:0 12px;font-size:var(--bl-text-sm);font-weight:600;line-height:1.2;text-align:center;border-radius:var(--bl-radius-control);text-decoration:none;cursor:pointer;transition:background-color .15s ease,border-color .15s ease,color .15s ease,box-shadow .15s ease}.bl-batch-result__actions .bl-batch-result__action--download{color:var(--bl-on-primary, #ffffff);background:var(--bl-primary);border:1px solid var(--bl-primary);box-shadow:0 2px 6px var(--bl-primary-glow)}.bl-batch-result__actions .bl-batch-result__action--download:hover,.bl-batch-result__actions .bl-batch-result__action--download:focus-visible{color:var(--bl-on-primary, #ffffff);background:var(--bl-primary-dark);border-color:var(--bl-primary-dark);box-shadow:0 4px 12px var(--bl-primary-glow)}.bl-batch-result__actions .bl-batch-result__action--continue{color:var(--bl-text);background:var(--bl-surface-card);border:1px solid var(--bl-line)}.bl-batch-result__actions .bl-batch-result__action--continue:hover,.bl-batch-result__actions .bl-batch-result__action--continue:focus-visible{background:var(--bl-accent-soft);border-color:var(--bl-accent)}.bl-batch-result__actions .bl-batch-result__action--continue.is-active{color:var(--bl-success-text);background:color-mix(in srgb,var(--bl-success-text) 10%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-success-text) 38%,transparent);font-weight:650;box-shadow:0 1px 3px #0000000a}.bl-batch-result__actions .bl-batch-result__action--continue.is-active:hover,.bl-batch-result__actions .bl-batch-result__action--continue.is-active:focus-visible{background:color-mix(in srgb,var(--bl-success-text) 18%,var(--bl-surface-card));border-color:var(--bl-success-text)}.bl-batch-result__actions .bl-batch-result__action--preview,.bl-batch-result footer .bl-batch-result__action--retry{color:var(--bl-text);background:var(--bl-surface-card);border:1px solid var(--bl-line)}.bl-batch-result__actions .bl-batch-result__action--preview:hover,.bl-batch-result footer .bl-batch-result__action--retry:hover{background:var(--bl-surface-muted);border-color:var(--bl-line)}.bl-batch-result footer{display:flex;align-items:center;justify-content:flex-end;gap:var(--bl-space-2);margin-top:auto;padding-top:var(--bl-space-1)}.bl-batch-result footer .bl-batch-result__action--remove{color:var(--bl-error-text);background:transparent;border:1px solid transparent;height:32px;padding:0 8px;font-size:var(--bl-text-sm);font-weight:500}.bl-batch-result footer .bl-batch-result__action--remove:hover,.bl-batch-result footer .bl-batch-result__action--remove:focus-visible{background:var(--bl-error-bg);border-color:var(--bl-error-border)}.bl-batch-download-bar{padding:var(--bl-space-3) var(--bl-space-4)}.bl-batch-download-bar>div:first-child{min-width:min(240px,100%);display:grid;gap:var(--bl-space-1)}.bl-batch-thumbnail-nav{display:grid;gap:var(--bl-space-3);padding:var(--bl-space-3)}.bl-batch-result-preview{display:grid;gap:var(--bl-space-3);margin-bottom:var(--bl-space-4);min-width:0}.bl-batch-result-preview__header,.bl-batch-result-preview__meta{align-items:center;display:flex;justify-content:space-between;gap:var(--bl-space-3);min-width:0}.bl-batch-result-preview__header h3{font-size:var(--bl-title-md);margin:0}.bl-batch-result-preview__header span,.bl-batch-result-preview__meta span,.bl-batch-result-preview__meta small{color:var(--bl-muted)}.bl-batch-result-preview__stage{align-items:center;background-color:var(--bl-surface-raised);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 10px,10px -10px,-10px 0;background-size:20px 20px;border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel);display:flex;height:clamp(300px,34vw,520px);justify-content:center;overflow:hidden;padding:var(--bl-space-3)}.bl-batch-result-preview__stage img{display:block;height:100%;max-width:100%;object-fit:contain;width:100%}.bl-batch-result-preview__stage.is-empty{background:var(--bl-surface-soft)}.bl-batch-result-preview__meta{flex-wrap:wrap}.bl-batch-result-preview__meta strong{flex:1 1 220px;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.bl-batch-thumbnail-nav__list{display:flex;gap:var(--bl-space-2);overflow-x:auto;padding:3px;scroll-snap-type:x proximity}.bl-batch-thumbnail{width:140px;flex:0 0 140px;display:grid;gap:var(--bl-space-2);padding:var(--bl-space-2);color:var(--bl-text);text-align:left;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);scroll-snap-align:start;cursor:pointer}.bl-batch-thumbnail img{width:100%;aspect-ratio:4 / 3;object-fit:cover;border-radius:var(--bl-radius-control)}.bl-batch-thumbnail>span{min-width:0;display:grid;gap:var(--bl-space-1)}.bl-batch-mobile-actions{display:none}@media(max-width:719px){.bl-batch-upload{padding:var(--bl-space-3)}.bl-batch-upload__empty{min-height:190px;padding:var(--bl-space-4)}.bl-batch-upload-summary__row,.bl-batch-download-bar,.bl-batch-thumbnail-nav__controls{align-items:stretch;flex-direction:column}.bl-batch-result-preview .bl-batch-thumbnail-nav__controls{align-items:center;display:grid;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.bl-batch-upload-summary__actions .bl-button,.bl-batch-download-bar__actions .bl-button{flex:1}.bl-batch-upload-files,.bl-batch-results--grid>ul{grid-template-columns:1fr}.bl-batch-queue-item{grid-template-columns:minmax(0,1fr) auto}.bl-batch-queue-item__status{align-self:start}.bl-batch-queue-item__actions{grid-column:1 / -1}.bl-batch-result__actions{width:100%;margin-left:0}.bl-batch-result__actions>*{flex:1 1 auto}.bl-batch-mobile-actions{position:sticky;z-index:20;bottom:0;display:flex;align-items:center;justify-content:space-between;gap:var(--bl-space-3);margin:0 calc(var(--bl-page-pad) * -1);padding:var(--bl-space-3) var(--bl-page-pad) max(var(--bl-space-3),env(safe-area-inset-bottom));color:var(--bl-text);background:var(--bl-surface-translucent-strong);border-top:1px solid var(--bl-line);box-shadow:var(--bl-shadow-soft);backdrop-filter:blur(16px)}.bl-batch-mobile-actions .bl-button{min-height:44px}}@media(max-width:719px)and (max-height:480px){.bl-batch-mobile-actions{position:static}}