.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}}.email-reply-hero{padding-bottom:28px;padding-top:38px}.email-reply-hero__inner{align-items:center;display:grid;gap:44px;grid-template-columns:minmax(0,1fr) minmax(300px,.58fr)}.email-reply-hero__content{min-width:0}.email-reply-hero__visual{justify-self:end;max-width:360px;min-width:0;width:100%}.email-reply-hero__visual svg{display:block;filter:drop-shadow(0 20px 34px color-mix(in srgb,var(--bl-primary) 10%,transparent));height:auto;width:100%}.email-reply-hero-note{align-items:center;background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-body);display:inline-flex;gap:9px;margin-top:18px;max-width:720px;padding:10px 14px}.email-reply-hero-note:before{background:var(--bl-primary-dark);content:"";flex:0 0 auto;height:16px;-webkit-mask:var(--tool-help-icon-shield) center / contain no-repeat;mask:var(--tool-help-icon-shield) center / contain no-repeat;width:16px}.email-reply-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.email-reply-workspace{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:10px 0 42px}.email-reply-panel{align-content:start;display:grid;gap:16px;min-height:0}.email-reply-panel h2,.email-reply-panel__title{align-items:center;display:flex;font-size:1.12rem;gap:10px;margin:0}.email-reply-panel__title:before{--email-reply-panel-icon: var(--tool-help-icon-document);background:var(--bl-body);content:"";flex:0 0 auto;height:22px;-webkit-mask:var(--email-reply-panel-icon) center / contain no-repeat;mask:var(--email-reply-panel-icon) center / contain no-repeat;width:22px}.email-reply-panel__title[data-icon=mail]:before{--email-reply-panel-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.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='m3 7 9 7 9-7'/%3E%3C/svg%3E")}.email-reply-panel__title[data-icon=thread]:before{--email-reply-panel-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.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 7h10'/%3E%3Cpath d='M7 12h7'/%3E%3Cpath d='M7 17h4'/%3E%3Cpath d='M5 3h14a2 2 0 0 1 2 2v14a2 2 0 0 1-2 2H5a2 2 0 0 1-2-2V5a2 2 0 0 1 2-2z'/%3E%3C/svg%3E")}.email-reply-panel__title[data-icon=edit]:before{--email-reply-panel-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.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 20h9'/%3E%3Cpath d='M16.5 3.5a2.1 2.1 0 0 1 3 3L8 18l-4 1 1-4z'/%3E%3C/svg%3E")}.email-reply-panel__title[data-icon=send]:before{--email-reply-panel-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.1' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m22 2-7 20-4-9-9-4z'/%3E%3Cpath d='M22 2 11 13'/%3E%3C/svg%3E")}.email-reply-actions,.email-reply-mode-toggle{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.email-reply-textarea{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);font:inherit;line-height:1.55;min-height:180px;padding:14px;resize:vertical;width:100%}.email-reply-textarea--raw{font-family:var(--bl-font-mono);min-height:210px}.email-reply-panel:nth-child(3) .email-reply-textarea{min-height:230px}.email-reply-textarea:focus,.email-reply-field input:focus{border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus);outline:none}.email-reply-hint{color:var(--bl-muted);font-size:.84rem;line-height:1.55;margin:8px 0 0}.email-reply-inline-status{color:var(--bl-primary-dark);font-size:.9rem;font-weight:700}.email-reply-meta,.email-reply-composer,.email-reply-send-form,.email-reply-fields{display:grid;gap:14px}.email-reply-meta--loading,.email-reply-meta--empty{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);color:var(--bl-muted);padding:18px}.email-reply-meta--error,.email-reply-result.is-error{background:var(--bl-error-bg);border:1px solid var(--bl-error-border);border-radius:var(--bl-radius-card);color:var(--bl-error-text);padding:16px}.email-reply-status-label{background:var(--bl-success-bg);border-radius:var(--bl-radius-pill);color:var(--bl-success-text);display:inline-flex;font-size:.82rem;font-weight:750;justify-self:start;padding:6px 10px}.email-reply-meta-grid{display:grid;gap:12px;margin:0}.email-reply-meta-item{display:grid;gap:5px}.email-reply-meta-item dt{color:var(--bl-muted);font-size:.76rem;font-weight:750;letter-spacing:.04em;text-transform:uppercase}.email-reply-meta-item dd{margin:0;min-width:0}.email-reply-meta-item code,.email-reply-result-id code{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);color:var(--bl-primary-dark);display:block;font-family:var(--bl-font-mono);font-size:.84rem;overflow-x:auto;padding:8px 10px;white-space:nowrap}.email-reply-mapping{background:var(--bl-accent-soft);border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-card);padding:12px}.email-reply-mapping-value{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.email-reply-mapping-arrow{color:var(--bl-muted);font-size:.8rem;font-weight:750;text-transform:uppercase}.email-reply-mapping-target{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);font-family:var(--bl-font-mono);font-size:.84rem;padding:4px 8px}.email-reply-warnings{border-top:1px solid var(--bl-line-soft);padding-top:14px}.email-reply-warnings h3,.email-reply-quoted-preview h3{font-size:.98rem;margin:0 0 8px}.email-reply-warnings ul{margin:0;padding-left:20px}.email-reply-mode-toggle span{color:var(--bl-muted);font-size:.9rem;font-weight:700}.email-reply-mode-button{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-body);cursor:pointer;font:inherit;font-size:.9rem;font-weight:700;min-height:38px;padding:0 12px}.email-reply-mode-button.is-active{background:var(--bl-primary);border-color:var(--bl-primary);color:var(--bl-on-primary)}.email-reply-quoted-preview{border-top:1px solid var(--bl-line-soft);display:grid;gap:10px;padding-top:14px}.email-reply-quoted-content{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);color:var(--bl-muted);font-family:var(--bl-font-mono);font-size:.84rem;line-height:1.65;margin:0;max-height:min(44vh,22rem);overflow:auto;padding:14px;white-space:pre-wrap;word-break:break-word}.email-reply-field{display:grid;gap:7px}.email-reply-field label{color:var(--bl-text);font-size:.9rem;font-weight:750}.email-reply-field input{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:44px;padding:0 12px}.email-reply-field input.auto-filled{background:var(--bl-success-bg);border-color:var(--bl-success-border)}.email-reply-send-button{width:100%}.email-reply-attachment-input{height:0;opacity:0;pointer-events:none;position:absolute;width:0}.email-reply-attachment-add{align-self:start;background:var(--bl-surface-raised);border:1px dashed var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);cursor:pointer;font:inherit;min-height:40px;padding:0 12px}.email-reply-attachment-list{display:grid;gap:8px;list-style:none;margin:4px 0 0;padding:0}.email-reply-attachment-item{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:flex;gap:10px;padding:8px 10px}.email-reply-attachment-name{flex:1;min-width:0;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.email-reply-attachment-size,.email-reply-attachment-total{color:var(--bl-muted);font-size:.82rem}.email-reply-attachment-remove{background:transparent;border:0;border-radius:var(--bl-radius-control);color:var(--bl-muted);cursor:pointer;height:28px;width:28px}.email-reply-attachment-total.is-over-limit,.email-reply-error-message{color:var(--bl-error-text)}.email-reply-result{border-radius:var(--bl-radius-card);padding:16px}.email-reply-result.is-success{background:var(--bl-success-bg);border:1px solid var(--bl-success-border);color:var(--bl-success-text)}.email-reply-result h3,.email-reply-result p{margin:0}.email-reply-result-status{font-weight:750}.email-reply-tool-content .tool-help-cases{grid-template-columns:repeat(4,minmax(0,1fr))}@media(max-width:980px){.email-reply-hero__inner{grid-template-columns:1fr}.email-reply-hero__visual{justify-self:center;max-width:380px}.email-reply-workspace{grid-template-columns:1fr}}@media(max-width:720px){.email-reply-hero__inner{gap:20px}.email-reply-hero__visual{max-width:260px}}@media(max-width:1024px){.email-reply-tool-content .tool-help-cases{grid-template-columns:repeat(2,minmax(0,1fr))}}
