.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))}}.og-tool .open-source-card{background:linear-gradient(90deg,color-mix(in srgb,var(--bl-accent-soft) 58%,var(--bl-surface-card)),var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-accent) 24%,var(--bl-line-soft))}.og-tool-hero{padding-bottom:28px;padding-top:44px}.og-tool-hero__inner{align-items:center;display:grid;gap:34px;grid-template-columns:minmax(0,1fr) minmax(320px,.72fr)}.og-tool-hero__content{min-width:0}.og-tool-hero__visual{justify-self:end;max-width:430px;min-width:0;width:100%}.og-tool-hero__visual svg{display:block;filter:drop-shadow(0 20px 34px color-mix(in srgb,var(--bl-primary) 12%,transparent));height:auto;width:100%}.og-tool-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:26px}.og-editor{align-items:start;display:grid;gap:22px;grid-template-columns:minmax(0,1.18fr) minmax(340px,.82fr);margin:14px 0 42px}.og-editor__preview{background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel);box-shadow:var(--bl-shadow-soft);display:grid;gap:18px;padding:22px;position:sticky;top:18px}.og-editor__preview-header{align-items:start;display:flex;gap:16px;justify-content:space-between}.og-editor__preview-header h2,.og-control-panel h2,.og-category-panel h2,.og-prose-card h2{font-family:var(--bl-font-body);font-size:1.05rem;font-weight:760;margin:0 0 6px}.og-editor__preview-header p,.og-editor__status,.og-prose-card p,.og-prose-card li,.og-mini-template small{color:var(--bl-muted);line-height:1.65}.og-preview-frame{background:var(--bl-surface-soft);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:grid;overflow:hidden;place-items:center;width:100%}.og-preview-frame svg{display:block;height:auto;width:100%}.og-editor__controls,.og-control-panel{display:grid;gap:16px}.og-field,.og-choice-group{display:grid;gap:8px}.og-field span,.og-choice-group>span{color:var(--bl-body);font-size:.86rem;font-weight:760}.og-field textarea,.og-field select{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);font:inherit;min-height:92px;padding:12px 14px;resize:vertical;width:100%}.og-field select{min-height:48px}.og-field textarea:focus,.og-field select:focus{border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus);outline:none}.og-field-grid{display:grid;gap:12px;grid-template-columns:1fr 1fr}.og-code-input,.og-code-sample{font-family:var(--bl-font-mono)}.og-code-input{min-height:170px}.og-choice-group>div{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.og-choice-group button,.og-mini-template{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text)}.og-choice-group button{cursor:pointer;display:grid;font:inherit;gap:4px;padding:12px;text-align:left}.og-choice-group button small{color:var(--bl-muted);line-height:1.45}.og-choice-group button.is-active{border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.og-theme-grid button{align-items:center;display:flex;gap:10px}.og-theme-swatch{border:1px solid var(--bl-dark-hairline);border-radius:50%;flex:0 0 auto;height:20px;width:20px}.og-export-actions{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.og-export-actions .bl-button{width:100%}.og-editor__svg-link{color:var(--bl-primary-dark);font-size:.92rem;font-weight:760;text-decoration:none}.og-editor-shell{display:grid;gap:14px;grid-template-columns:1fr}.og-editor-toolbar{align-items:center;background:var(--bl-surface-translucent-strong);border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel);display:grid;gap:14px;grid-template-columns:minmax(180px,.72fr) minmax(300px,1fr) minmax(260px,auto);padding:12px}.og-editor-toolbar__brand,.og-editor-toolbar__controls,.og-editor-toolbar__actions,.og-toolbar-select{align-items:center;display:flex}.og-editor-toolbar__brand{gap:12px;min-width:0}.og-editor-toolbar__brand>span{align-items:center;background:var(--bl-surface-dark);border-radius:var(--bl-radius-control);color:var(--bl-on-dark);display:inline-flex;flex:0 0 auto;font-weight:800;height:42px;justify-content:center;width:42px}.og-editor-toolbar__brand div{display:grid;gap:3px;min-width:0}.og-editor-toolbar__brand strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.og-editor-toolbar__brand small,.og-character-count,.og-panel-heading p,.og-quick-steps small,.og-template-choice-grid small,.og-social-preview-card small{color:var(--bl-muted)}.og-editor-toolbar__controls,.og-editor-toolbar__actions{flex-wrap:wrap;gap:8px}.og-editor-toolbar__actions{justify-content:end}.og-toolbar-select{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);min-height:46px;padding:0 12px}.og-toolbar-select span{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.og-toolbar-select select{background:transparent;border:0;color:var(--bl-text);font:inherit;font-weight:700;max-width:190px;outline:0}.og-editor-shell__body{align-items:start;display:grid;gap:18px;grid-template-columns:92px minmax(0,1.16fr) minmax(320px,.84fr)}.og-editor-side-nav{background:var(--bl-surface-translucent-soft);border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel);display:grid;gap:8px;padding:8px;position:sticky;top:18px}.og-editor-side-nav button{align-items:center;background:transparent;border:1px solid transparent;border-radius:var(--bl-radius-control);color:var(--bl-muted);cursor:pointer;display:grid;font:inherit;font-size:.82rem;font-weight:760;gap:5px;min-height:66px;padding:8px;text-align:center}.og-editor-side-nav button span{color:var(--bl-muted-soft);font-size:.72rem}.og-editor-side-nav button.is-active{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)}.og-editor-panel{align-content:start;display:grid;gap:18px;min-height:560px}.og-panel-stack{display:grid;gap:16px}.og-panel-heading h2{font-family:var(--bl-font-body);font-size:1.15rem;font-weight:800;margin:0 0 6px}.og-panel-heading p{line-height:1.6;margin:0}.og-quick-steps,.og-template-choice-grid,.og-theme-choice-grid,.og-style-choice-grid,.og-snippet-grid,.og-language-grid,.og-icon-preset-grid{display:grid;gap:10px}.og-quick-steps button,.og-template-choice-grid button,.og-theme-choice-grid button,.og-style-choice-grid button,.og-snippet-grid button,.og-language-grid button,.og-icon-preset-grid button{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);cursor:pointer;font:inherit;text-align:left}.og-quick-steps button{align-items:start;display:grid;gap:6px;grid-template-columns:34px minmax(0,1fr);padding:14px}.og-quick-steps button span{align-items:center;background:var(--bl-primary-soft);border-radius:var(--bl-radius-pill);color:var(--bl-primary-dark);display:inline-flex;font-weight:800;grid-row:span 2;height:30px;justify-content:center;width:30px}.og-template-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.og-template-choice-grid button{display:grid;gap:10px;padding:10px}.og-theme-choice-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.og-style-choice-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.og-language-grid,.og-icon-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.og-snippet-grid{grid-template-columns:1fr}.og-theme-choice-grid button{align-items:center;display:flex;gap:10px;min-height:60px;padding:12px}.og-template-choice-grid button.is-active,.og-theme-choice-grid button.is-active,.og-visual-choice-grid button.is-active,.og-style-choice-grid button.is-active,.og-language-grid button.is-active,.og-icon-preset-grid button.is-active,.og-icon-library-grid button.is-active{border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.og-style-choice-grid button,.og-language-grid button,.og-icon-preset-grid button{min-height:48px;padding:12px}.og-snippet-grid button{display:grid;gap:4px;padding:12px}.og-snippet-grid button small{color:var(--bl-muted)}.og-icon-preset-grid button{align-items:center;display:flex;gap:10px}.og-choice-group-heading{display:grid;gap:3px;grid-template-columns:1fr}.og-choice-group-heading span{color:var(--bl-body);font-size:.86rem;font-weight:760}.og-choice-group-heading small{color:var(--bl-muted);line-height:1.45}.og-icon-search{display:block}.og-icon-search input{width:100%}.og-icon-library-grid{display:grid;gap:8px;grid-template-columns:repeat(3,minmax(0,1fr));max-height:264px;overflow-y:auto;padding:3px}.og-icon-library-grid button{align-items:center;display:grid;gap:7px;justify-items:center;min-height:78px;padding:9px 6px;text-align:center}.og-icon-library-grid button span:not(.og-icon-glyph){color:var(--bl-body);display:-webkit-box;font-size:.72rem;font-weight:720;line-height:1.18;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.og-icon-library-empty{color:var(--bl-muted);font-size:.86rem;line-height:1.55;margin:0}.og-icon-dot{border-radius:50%;box-shadow:inset 0 0 0 1px var(--bl-dark-hairline);flex:0 0 auto;height:18px;width:18px}.og-icon-glyph{align-items:center;background:var(--bl-surface-translucent);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:inline-flex;flex:0 0 auto;height:32px;justify-content:center;width:32px}.og-icon-glyph svg{height:18px;width:18px}.og-gradient-color-list{display:grid;gap:10px}.og-color-stop{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:10px;grid-template-columns:auto minmax(0,1fr) auto;min-height:52px;padding:10px}.og-color-stop input{appearance:none;background:transparent;border:0;cursor:pointer;height:32px;padding:0;width:42px}.og-color-stop input::-webkit-color-swatch-wrapper{padding:0}.og-color-stop input::-webkit-color-swatch{border:1px solid var(--bl-line);border-radius:var(--bl-radius-control)}.og-color-stop span{color:var(--bl-text);font-weight:760}.og-color-stop code{color:var(--bl-muted);font-family:var(--bl-font-mono);font-size:.78rem;text-transform:uppercase}.og-visual-choice-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.og-visual-choice-grid--compact{grid-template-columns:repeat(4,minmax(0,1fr))}.og-visual-choice-grid button{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:8px;padding:10px;text-align:left}.og-visual-choice-grid button.is-active{border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.og-theme-preview{background:var(--og-preview-gradient);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:block;height:42px;overflow:hidden;position:relative}.og-theme-preview--solid{background:var(--og-preview-solid)}.og-theme-preview:before,.og-theme-preview:after{content:"";inset:0;pointer-events:none;position:absolute}.og-theme-preview--soft-shapes:before{background:radial-gradient(circle at 20% 12%,rgba(255,250,243,.36) 0 26%,transparent 27%),radial-gradient(circle at 84% 18%,rgba(23,21,18,.1) 0 20%,transparent 21%),radial-gradient(circle at 72% 98%,rgba(255,250,243,.24) 0 32%,transparent 33%)}.og-theme-preview--dots:after{background-image:radial-gradient(circle,rgba(255,250,243,var(--og-preview-pattern-opacity)) 1px,transparent 1.5px);background-size:8px 8px}.og-theme-preview--grid:after{background-image:linear-gradient(rgba(255,250,243,var(--og-preview-pattern-opacity)) 1px,transparent 1px),linear-gradient(90deg,rgba(255,250,243,var(--og-preview-pattern-opacity)) 1px,transparent 1px);background-size:10px 10px}.og-theme-preview--lines:after{background-image:repeating-linear-gradient(45deg,rgba(255,250,243,var(--og-preview-pattern-opacity)) 0 1px,transparent 1px 8px)}.og-theme-preview--rings:after{background-image:radial-gradient(circle,transparent 0 9px,rgba(255,250,243,var(--og-preview-pattern-opacity)) 10px 11px,transparent 12px);background-size:28px 28px}.og-theme-preview--noise:after{background-image:radial-gradient(circle at 10% 10%,rgba(255,255,255,var(--og-preview-noise-opacity)) 0 1px,transparent 1.5px),radial-gradient(circle at 60% 38%,rgba(23,21,18,var(--og-preview-noise-opacity)) 0 1px,transparent 1.5px);background-size:9px 9px,13px 13px}.og-range-field{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:10px;padding:12px}.og-range-field span{align-items:center;color:var(--bl-text);display:flex;font-weight:760;justify-content:space-between}.og-range-field strong{color:var(--bl-muted);font-size:.82rem}.og-range-field input{accent-color:var(--bl-primary);width:100%}.og-check-field{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-body);cursor:pointer;display:flex;font-weight:760;gap:10px;min-height:48px;padding:12px 14px}.og-check-field input{accent-color:var(--bl-primary);height:18px;width:18px}.og-upload-box{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:minmax(0,1fr) auto auto;padding:14px}.og-upload-box p{color:var(--bl-muted);line-height:1.5;margin:4px 0 0}.og-upload-box input[type=file]{clip:rect(0 0 0 0);clip-path:inset(50%);height:1px;overflow:hidden;position:absolute;white-space:nowrap;width:1px}.og-field-error{background:var(--bl-error-bg);border:1px solid var(--bl-error-border-soft);border-radius:var(--bl-radius-control);color:var(--bl-error-text);margin:0;padding:10px 12px}.og-preset-save-row{align-items:end;display:grid;gap:12px;grid-template-columns:minmax(0,1fr) auto}.og-preset-save-row .bl-button{min-height:48px}.og-preset-message{background:var(--bl-success-bg);border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-control);color:var(--bl-success-text);margin:0;padding:10px 12px}.og-empty-state{background:var(--bl-surface-raised);border:1px dashed var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:8px;padding:18px}.og-empty-state p{color:var(--bl-muted);line-height:1.6;margin:0}.og-preset-list{display:grid;gap:10px}.og-preset-item{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:minmax(0,1fr) auto;padding:14px}.og-preset-item strong{display:block;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.og-preset-item small{color:var(--bl-muted);display:block;margin-top:4px}.og-preset-item__actions{display:flex;flex-wrap:wrap;gap:8px;justify-content:end}.og-template-thumb{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:block;height:84px;overflow:hidden;position:relative}.og-template-thumb svg{display:block;height:100%;width:100%}.og-character-count{font-size:.78rem;justify-self:end}.og-character-count.is-near-limit{color:var(--bl-warning-text)}.og-panel-footer{border-top:1px solid var(--bl-line-soft);display:flex;gap:10px;justify-content:space-between;margin-top:4px;padding-top:16px}.og-export-summary{display:flex;flex-wrap:wrap;gap:8px}.og-export-summary span{background:var(--bl-surface-soft);border-radius:var(--bl-radius-pill);color:var(--bl-body);font-size:.82rem;font-weight:760;padding:7px 10px}.og-dialog-backdrop{align-items:center;background:var(--bl-overlay-backdrop);display:flex;inset:0;justify-content:center;padding:var(--bl-page-pad);position:fixed;z-index:50}.og-dialog{background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel);box-shadow:var(--bl-shadow-soft);display:grid;gap:16px;max-height:min(760px,calc(100vh - 32px));max-width:460px;overflow:auto;padding:22px;width:100%}.og-dialog--wide{max-width:860px}.og-dialog__header{align-items:start;display:flex;gap:16px;justify-content:space-between}.og-dialog__header h2{font-family:var(--bl-font-body);font-size:1.15rem;font-weight:800;margin:0 0 6px}.og-dialog__header p{color:var(--bl-muted);line-height:1.6;margin:0}.og-dialog__close{background:transparent;border:0;color:var(--bl-muted);cursor:pointer;font:inherit;font-weight:760;padding:4px}.og-dialog__actions{display:flex;gap:10px;justify-content:end}.og-social-preview-grid{display:grid;gap:14px;grid-template-columns:repeat(3,minmax(0,1fr))}.og-social-preview-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:12px;overflow:hidden}.og-social-preview-card img{aspect-ratio:1200 / 630;background:var(--bl-surface-soft);object-fit:cover;width:100%}.og-social-preview-card div{display:grid;gap:4px;padding:0 14px 14px}.og-social-preview-card p{color:var(--bl-body);line-height:1.45;margin:0}.og-tool-content{margin-bottom:var(--bl-section-gap)}.og-tool-content .tool-help-steps{gap:52px}.og-tool-content .tool-help-step-card{overflow:visible}.og-tool-content .tool-help-step-card__num:after{background:var(--bl-primary-dark);content:"";height:22px;opacity:.72;position:absolute;right:-37px;top:50%;transform:translateY(-50%);width:22px;-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='M5 12h14'/%3E%3Cpath d='m13 6 6 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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M5 12h14'/%3E%3Cpath d='m13 6 6 6-6 6'/%3E%3C/svg%3E") center / contain no-repeat}.og-tool-content .tool-help-step-card:last-child .tool-help-step-card__num:after{display:none}.og-tool-content .tool-help-cases{grid-template-columns:repeat(4,minmax(0,1fr))}.og-template-strip{margin-bottom:var(--bl-section-gap)}.og-template-strip .section-heading{align-items:end;display:flex;gap:18px;justify-content:space-between;margin-bottom:18px}.og-template-strip .section-heading h2{font-size:2rem;line-height:1.18;margin:0}.og-template-strip .section-heading__link{align-items:center;color:var(--bl-primary-dark);display:inline-flex;font-size:.95rem;font-weight:800;gap:8px;text-decoration:none}.og-mini-template-grid{display:grid;gap:12px;grid-template-columns:repeat(6,minmax(0,1fr))}.og-mini-template{align-items:center;display:grid;gap:4px 12px;grid-template-columns:38px minmax(0,1fr);min-height:82px;padding:14px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.og-mini-template:hover{border-color:var(--bl-primary-border);box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.og-mini-template span{align-items:center;background:var(--bl-primary-soft);border-radius:var(--bl-radius-control);color:var(--bl-primary-dark);display:inline-flex;font-size:.78rem;font-weight:800;grid-row:1 / span 2;height:38px;justify-content:center;width:38px}.og-mini-template strong{display:block;font-size:1rem;line-height:1.28;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.og-explore-grid,.og-tech-content{display:grid;gap:22px;margin-bottom:var(--bl-section-gap)}.og-category-panel,.og-prose-card{background:var(--bl-surface-translucent-soft);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);padding:24px}.og-breadcrumb{align-items:center;color:var(--bl-muted);display:flex;flex-wrap:wrap;font-size:.92rem;gap:8px;padding-top:28px}.og-breadcrumb a{color:var(--bl-primary-dark);text-decoration:none}.og-tech-hero{padding-top:36px}.og-feature-grid{display:grid;gap:16px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.og-feature-grid div{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);padding:16px}.og-feature-grid h3{font-size:1rem;margin:0 0 8px}.og-code-sample{background:var(--bl-surface-dark);border-radius:var(--bl-radius-card);color:var(--bl-on-dark);line-height:1.65;margin:18px 0 0;overflow-x:auto;padding:18px}@media(max-width:980px){.og-editor,.og-tool-hero__inner{grid-template-columns:1fr}.og-tool-hero__visual{justify-self:start;max-width:520px}.og-editor-toolbar,.og-editor-shell__body{grid-template-columns:1fr}.og-editor-side-nav{display:flex;overflow-x:auto;position:static}.og-editor-side-nav button{flex:1 0 112px;min-height:58px}.og-editor__preview{position:static}}@media(max-width:720px){.og-field-grid,.og-choice-group>div,.og-export-actions,.og-template-choice-grid,.og-theme-choice-grid,.og-style-choice-grid,.og-visual-choice-grid,.og-visual-choice-grid--compact,.og-language-grid,.og-icon-preset-grid,.og-social-preview-grid{grid-template-columns:1fr}.og-color-stop{grid-template-columns:auto minmax(0,1fr)}.og-color-stop code{grid-column:2}.og-upload-box,.og-preset-save-row,.og-preset-item{grid-template-columns:1fr}.og-preset-item__actions{justify-content:stretch}.og-preset-item__actions .bl-button{flex:1}.og-editor-toolbar__actions{justify-content:start}.og-dialog__actions,.og-panel-footer{display:grid;grid-template-columns:1fr}.og-tool-hero__inner{gap:22px}.og-tool-hero__visual{justify-self:center;max-width:340px}.og-template-strip .section-heading{align-items:start;flex-direction:column}.og-mini-template-grid{grid-template-columns:1fr}.og-tool .open-source-card{align-items:start;display:grid;grid-template-columns:auto minmax(0,1fr)}.og-tool .open-source-card .bl-button{grid-column:1 / -1;justify-self:stretch}}@media(max-width:1024px){.og-tool-content .tool-help-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:768px){.og-tool-content .tool-help-step-card__num:after{display:none}.og-tool-content .tool-help-steps{gap:16px}}