details[data-astro-cid-wc2hbomi][data-lang-root]>summary[data-astro-cid-wc2hbomi]::-webkit-details-marker{display:none}details[data-astro-cid-wc2hbomi][data-lang-root]>summary[data-astro-cid-wc2hbomi]{list-style:none;outline:none}details[data-astro-cid-wc2hbomi][data-lang-root]{display:inline-block;width:100%}.custom-lang-switcher[data-astro-cid-wc2hbomi]{position:relative;display:inline-block;width:100%}.lang-switcher__trigger[data-astro-cid-wc2hbomi]{cursor:pointer;border-radius:var(--bl-radius-control, 8px);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--bl-body, #7c7263);transition:background-color .2s;user-select:none;border:none;background:transparent}.lang-switcher__trigger[data-astro-cid-wc2hbomi]:hover{background-color:#eee5da}:root[data-theme=dark] .lang-switcher__trigger[data-astro-cid-wc2hbomi]:hover{background-color:#2d2922}.lang-switcher__dropdown[data-astro-cid-wc2hbomi]{position:absolute;top:100%;left:50%;transform:translate(-50%);z-index:50;margin-top:6px;min-width:140px;border-radius:var(--bl-radius-control, 8px);border:1px solid var(--bl-header-border, rgba(230, 218, 203, .78));background:#fff;box-shadow:var(--bl-header-shadow, 0 10px 30px rgba(74, 54, 34, .08));padding:6px 0;display:flex;flex-direction:column}:root[data-theme=dark] .lang-switcher__dropdown[data-astro-cid-wc2hbomi]{background:#201f1c;border-color:#3b362ec2;box-shadow:0 14px 34px #0000003d}@media(max-width:768px){.custom-lang-switcher[data-astro-cid-wc2hbomi]{display:block}.lang-switcher__trigger[data-astro-cid-wc2hbomi]{width:100%;height:38px;box-sizing:border-box;border:1px solid var(--bl-line-soft, #eee5da);background:var(--bl-surface-soft, rgba(0, 0, 0, .02))}.lang-switcher__trigger[data-astro-cid-wc2hbomi]:hover{background-color:#0000000a}:root[data-theme=dark] .lang-switcher__trigger[data-astro-cid-wc2hbomi]:hover{background-color:#ffffff0a}.lang-switcher__dropdown[data-astro-cid-wc2hbomi]{position:static;transform:none;width:100%;box-shadow:none;border:1px solid var(--bl-line-soft, #eee5da);background:var(--bl-surface-translucent-soft, rgba(0, 0, 0, .02));margin-top:6px;padding:4px 0;box-sizing:border-box}:root[data-theme=dark] .lang-switcher__dropdown[data-astro-cid-wc2hbomi]{background:#ffffff08;border-color:var(--bl-surface-muted, #343128)}}.lang-switcher__option[data-astro-cid-wc2hbomi]{display:flex;align-items:center;gap:8px;padding:8px 16px;font-size:.875rem;color:var(--bl-body, #7c7263);text-decoration:none;transition:background-color .15s,color .15s;white-space:nowrap;text-align:left}.lang-switcher__option[data-astro-cid-wc2hbomi]:hover{background-color:var(--bl-surface-soft, rgba(0, 0, 0, .04));color:var(--bl-text, #171512)}.lang-switcher__option[data-astro-cid-wc2hbomi].is-active{font-weight:600;color:var(--bl-primary-dark, var(--bl-text))}.sr-only[data-astro-cid-wc2hbomi]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}details[data-astro-cid-bcydhlsw][data-theme-root]>summary[data-astro-cid-bcydhlsw]::-webkit-details-marker{display:none}details[data-astro-cid-bcydhlsw][data-theme-root]>summary[data-astro-cid-bcydhlsw]{list-style:none;outline:none}details[data-astro-cid-bcydhlsw][data-theme-root]{display:inline-block;width:100%}.custom-theme-switcher[data-astro-cid-bcydhlsw]{position:relative;display:inline-block;width:100%}.theme-switcher__trigger[data-astro-cid-bcydhlsw]{cursor:pointer;border-radius:var(--bl-radius-control, 8px);width:36px;height:36px;display:inline-flex;align-items:center;justify-content:center;color:var(--bl-body, #7c7263);transition:background-color .2s;user-select:none;border:none;background:transparent}.theme-switcher__trigger[data-astro-cid-bcydhlsw]:hover{background-color:#eee5da}:root[data-theme=dark] .theme-switcher__trigger[data-astro-cid-bcydhlsw]:hover{background-color:#2d2922}.theme-switcher__dropdown[data-astro-cid-bcydhlsw]{position:absolute;top:100%;right:0;z-index:50;margin-top:6px;min-width:140px;border-radius:var(--bl-radius-control, 8px);border:1px solid var(--bl-header-border, rgba(230, 218, 203, .78));background:#fff;box-shadow:var(--bl-header-shadow, 0 10px 30px rgba(74, 54, 34, .08));padding:6px 0;display:flex;flex-direction:column}:root[data-theme=dark] .theme-switcher__dropdown[data-astro-cid-bcydhlsw]{background:#201f1c;border-color:#3b362ec2;box-shadow:0 14px 34px #0000003d}@media(max-width:768px){.custom-theme-switcher[data-astro-cid-bcydhlsw]{display:block}.theme-switcher__trigger[data-astro-cid-bcydhlsw]{width:100%;height:38px;box-sizing:border-box;border:1px solid var(--bl-line-soft, #eee5da);background:var(--bl-surface-soft, rgba(0, 0, 0, .02))}.theme-switcher__trigger[data-astro-cid-bcydhlsw]:hover{background-color:#0000000a}:root[data-theme=dark] .theme-switcher__trigger[data-astro-cid-bcydhlsw]:hover{background-color:#ffffff0a}.theme-switcher__dropdown[data-astro-cid-bcydhlsw]{position:static;transform:none;width:100%;box-shadow:none;border:1px solid var(--bl-line-soft, #eee5da);background:var(--bl-surface-translucent-soft, rgba(0, 0, 0, .02));margin-top:6px;padding:4px 0;box-sizing:border-box}:root[data-theme=dark] .theme-switcher__dropdown[data-astro-cid-bcydhlsw]{background:#ffffff08;border-color:var(--bl-surface-muted, #343128)}}.theme-switcher__option[data-astro-cid-bcydhlsw]{display:flex;align-items:center;gap:10px;padding:8px 16px;font-size:.875rem;color:var(--bl-body, #7c7263);background:transparent;border:none;cursor:pointer;width:100%;transition:background-color .15s,color .15s;white-space:nowrap;text-align:left;outline:none}.theme-switcher__option[data-astro-cid-bcydhlsw]:hover{background-color:var(--bl-surface-soft, rgba(0, 0, 0, .04));color:var(--bl-text, #171512)}.theme-switcher__option[data-astro-cid-bcydhlsw].is-active{font-weight:600;color:var(--bl-primary-dark, var(--bl-text))}.icon-theme[data-astro-cid-bcydhlsw]{flex-shrink:0}.sr-only[data-astro-cid-bcydhlsw]{position:absolute;width:1px;height:1px;padding:0;margin:-1px;overflow:hidden;clip:rect(0,0,0,0);white-space:nowrap;border:0}:root,:root[data-theme=light]{color-scheme:light;--bl-surface-canvas: #faf7f1;--bl-surface-soft: #f4eee6;--bl-surface-card: #fffaf3;--bl-surface-raised: #fffdf8;--bl-surface-muted: #eee5d9;--bl-surface-dark: #191715;--bl-text: #171512;--bl-body: #3f3b35;--bl-muted: #746c60;--bl-muted-soft: #9b9284;--bl-line: #e6dacb;--bl-line-soft: #eee5da;--bl-primary: #d65f42;--bl-primary-dark: #b84831;--bl-primary-soft: #f5d4c6;--bl-accent: #7ca493;--bl-accent-soft: #dce9df;--bl-canvas-glow-primary: rgba(214, 95, 66, .1);--bl-canvas-glow-accent: rgba(124, 164, 147, .12);--bl-surface-translucent: rgba(255, 250, 243, .76);--bl-surface-translucent-strong: rgba(255, 250, 243, .86);--bl-surface-translucent-soft: rgba(255, 250, 243, .7);--bl-header-bg: rgba(250, 247, 241, .78);--bl-header-border: rgba(230, 218, 203, .78);--bl-header-shadow: 0 10px 30px rgba(74, 54, 34, .08);--bl-primary-glow: rgba(214, 95, 66, .18);--bl-primary-focus: rgba(214, 95, 66, .14);--bl-primary-border: rgba(214, 95, 66, .32);--bl-primary-highlight: #f29b7e;--bl-dark-hairline: rgba(23, 21, 18, .12);--bl-hero-shadow: rgba(74, 54, 34, .11);--bl-warning-bg: #fff0d5;--bl-warning-text: #9a5c16;--bl-error-bg: #fff1ee;--bl-error-text: #a53224;--bl-error-border: rgba(165, 50, 36, .24);--bl-error-border-soft: rgba(165, 50, 36, .22);--bl-success-bg: #e4f3eb;--bl-success-text: #376f58;--bl-success-border: rgba(55, 111, 88, .24);--bl-success-border-soft: rgba(55, 111, 88, .18);--bl-overlay-backdrop: rgba(23, 21, 18, .34);--bl-icon-sheen: rgba(255, 255, 255, .34);--bl-card-art-sheen: rgba(255, 255, 255, .62);--bl-icon-gradient-primary: linear-gradient( 145deg, var(--bl-icon-sheen), transparent 42% ), linear-gradient(135deg, var(--bl-primary-highlight), var(--bl-primary));--bl-mark-gradient-primary: linear-gradient(145deg, var(--bl-primary-highlight), var(--bl-primary));--bl-mark-gradient-accent: linear-gradient( 145deg, color-mix(in srgb, var(--bl-accent) 72%, var(--bl-surface-raised)), var(--bl-accent) );--bl-mark-gradient-warning: linear-gradient( 145deg, color-mix(in srgb, var(--bl-warning-text) 64%, var(--bl-surface-raised)), var(--bl-warning-text) );--bl-bg: var(--bl-surface-canvas);--bl-surface: var(--bl-surface-card);--bl-on-primary: #ffffff;--bl-on-dark: #f8f4ec;--bl-badge-bg: var(--bl-surface-soft);--bl-font-display: Georgia, "Times New Roman", Times, "Noto Serif SC", "Source Han Serif SC", "Songti SC", "STSong", "SimSun", serif;--bl-font-body: Inter, ui-sans-serif, system-ui, -apple-system, BlinkMacSystemFont, "Segoe UI", sans-serif;--bl-font-mono: "JetBrains Mono", ui-monospace, SFMono-Regular, Menlo, monospace;--bl-radius-control: 8px;--bl-radius-card: 14px;--bl-radius-panel: 18px;--bl-radius-pill: 999px;--bl-radius-circle: 50%;--bl-radius-icon: 12px;--bl-shadow-soft: 0 14px 40px rgba(74, 54, 34, .08);--bl-shadow-card: 0 8px 26px rgba(74, 54, 34, .07);--bl-container: 1216px;--bl-article-container: 760px;--bl-wide-container: 1280px;--bl-tool-workspace: var(--bl-container);--bl-page-pad: 24px;--bl-section-gap: 72px;--bl-page-hero-column-gap: clamp(48px, 5vw, 72px);--bl-page-hero-visual-max: 560px;--bl-page-hero-visual-ratio: 1.42 / 1;--bl-dark-image-filter: brightness(.92) contrast(.98);--bl-dark-image-filter-hover: brightness(.98) contrast(1);--bl-dark-image-overlay: rgba(26, 26, 26, .12);--bl-dark-image-overlay-hover: rgba(26, 26, 26, .04);--bl-dark-hero-image-filter: brightness(.9) contrast(.98)}:root[data-theme=dark]{color-scheme:dark;--bl-surface-canvas: #181715;--bl-surface-soft: #201f1c;--bl-surface-card: #25231f;--bl-surface-raised: #2d2a25;--bl-surface-muted: #343128;--bl-surface-dark: #0f0e0d;--bl-text: #fbf7ef;--bl-body: #ddd4c7;--bl-muted: #aaa094;--bl-muted-soft: #81786d;--bl-line: #3b362e;--bl-line-soft: #302c26;--bl-primary: #e18a70;--bl-primary-dark: #f0ad98;--bl-primary-soft: #4a2e27;--bl-accent: #86baa6;--bl-accent-soft: #253a32;--bl-canvas-glow-primary: rgba(225, 138, 112, .16);--bl-canvas-glow-accent: rgba(134, 186, 166, .12);--bl-surface-translucent: rgba(37, 35, 31, .76);--bl-surface-translucent-strong: rgba(45, 42, 37, .9);--bl-surface-translucent-soft: rgba(32, 31, 28, .7);--bl-header-bg: rgba(24, 23, 21, .78);--bl-header-border: rgba(59, 54, 46, .76);--bl-header-shadow: 0 14px 34px rgba(0, 0, 0, .24);--bl-primary-glow: rgba(225, 138, 112, .24);--bl-primary-focus: rgba(225, 138, 112, .2);--bl-primary-border: rgba(225, 138, 112, .38);--bl-primary-highlight: #f0ad98;--bl-dark-hairline: rgba(251, 247, 239, .14);--bl-hero-shadow: rgba(0, 0, 0, .28);--bl-warning-bg: #4d371b;--bl-warning-text: #f1c06f;--bl-error-bg: #3b201d;--bl-error-text: #f09a89;--bl-error-border: rgba(240, 154, 137, .34);--bl-error-border-soft: rgba(240, 154, 137, .28);--bl-success-bg: #1f352b;--bl-success-text: #92d3b3;--bl-success-border: rgba(146, 211, 179, .34);--bl-success-border-soft: rgba(146, 211, 179, .26);--bl-overlay-backdrop: rgba(0, 0, 0, .58);--bl-icon-sheen: rgba(255, 255, 255, .12);--bl-card-art-sheen: rgba(255, 255, 255, .1);--bl-bg: var(--bl-surface-canvas);--bl-surface: var(--bl-surface-card);--bl-on-primary: #181715;--bl-on-dark: #fbf7ef;--bl-badge-bg: var(--bl-surface-muted);--bl-shadow-soft: 0 18px 44px rgba(0, 0, 0, .28);--bl-shadow-card: 0 12px 32px rgba(0, 0, 0, .24)}*{box-sizing:border-box}html{background:radial-gradient(circle at 8% 5%,var(--bl-canvas-glow-primary),transparent 30%),radial-gradient(circle at 88% 0%,var(--bl-canvas-glow-accent),transparent 34%),var(--bl-bg);color:var(--bl-text);font-family:var(--bl-font-body)}body{margin:0;min-width:320px}a{color:inherit}h1,h2,h3,p{margin-top:0}h1,h2{color:var(--bl-text);font-family:var(--bl-font-display);font-weight:400}img{display:block;max-width:100%}.site-header-shell{background:var(--bl-header-bg);border-bottom:1px solid var(--bl-header-border);box-shadow:var(--bl-header-shadow);position:sticky;top:0;z-index:30}@supports (backdrop-filter: blur(16px)) or (-webkit-backdrop-filter: blur(16px)){.site-header-shell{-webkit-backdrop-filter:blur(18px) saturate(1.16);backdrop-filter:blur(18px) saturate(1.16)}}.site-header{align-items:center;display:flex;gap:24px;justify-content:space-between;margin:0 auto;max-width:calc(var(--bl-container) + var(--bl-page-pad) * 2);padding:0 var(--bl-page-pad);height:72px}.brand{align-items:center;color:var(--bl-text);display:inline-flex;font-family:var(--bl-font-display);gap:8px;text-decoration:none;white-space:nowrap}.brand span{font-size:1.125rem;font-weight:600;line-height:normal;padding-bottom:2px}@media(min-width:640px){.brand span{font-size:1.25rem}}.brand-mark{background:repeating-conic-gradient(from -10deg,var(--bl-text) 0deg 10deg,transparent 10deg 20deg);border-radius:50%;display:inline-block;flex:0 0 auto;height:30px;position:relative;width:30px}.brand-mark:after{background:var(--bl-surface-canvas);border-radius:50%;content:"";inset:9px;position:absolute}.brand-logo{display:inline-block;flex:0 0 auto;height:24px;width:24px;object-fit:contain}.site-header__menu{align-items:center;display:flex;flex:1;gap:24px;justify-content:space-between}.site-header__toggle{display:none;background:transparent;border:0;border-radius:var(--bl-radius-base, 8px);color:var(--bl-text);cursor:pointer;padding:8px;align-items:center;justify-content:center;transition:background .15s ease,color .15s ease}.site-header__toggle:hover{background:var(--bl-surface-soft)}.site-header__toggle svg{display:block;height:24px;width:24px}.site-header__toggle line{transition:transform .22s cubic-bezier(.4,0,.2,1),opacity .15s ease,stroke .15s ease;transform-origin:center}.site-header__toggle[aria-expanded=true] .line-1{transform:translateY(6px) rotate(45deg)}.site-header__toggle[aria-expanded=true] .line-2{opacity:0}.site-header__toggle[aria-expanded=true] .line-3{transform:translateY(-6px) rotate(-45deg)}.site-header__nav{align-items:center;display:flex;flex:1;gap:36px;justify-content:center}.site-header__nav a,.section-heading__link,.tool-card__cta,.site-footer a{text-decoration:none}.site-header__nav a{color:var(--bl-body);font-size:.9375rem;font-weight:800;position:relative;transition:color .15s ease}.site-header__nav a:hover{color:var(--bl-primary-dark)}.site-header__nav-link.is-active{color:var(--bl-text)}.site-header__nav-link.is-active:after{background:var(--bl-primary);border-radius:var(--bl-radius-pill);bottom:-25px;content:"";height:3px;left:0;position:absolute;right:0}.site-header__actions{align-items:center;display:flex;gap:12px}.language-switcher{align-items:center;display:inline-flex;position:relative}.language-switcher:after{color:var(--bl-text);content:"⌄";font-size:.95rem;line-height:1;pointer-events:none;position:absolute;right:3px;top:50%;transform:translateY(-58%)}.language-switcher__label{height:1px;margin:-1px;overflow:hidden;position:absolute;width:1px}.language-switcher__select{appearance:none;background:transparent;border:0;border-radius:var(--bl-radius-pill);color:var(--bl-text);cursor:pointer;font:inherit;font-size:.9rem;font-weight:750;min-height:34px;padding:0 20px 0 4px;text-align:center}.language-switcher__select:focus-visible{outline:2px solid var(--bl-primary-border);outline-offset:2px}.theme-switcher{align-items:center;background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-pill);display:inline-flex;gap:2px;min-height:34px;padding:3px}.theme-switcher__button{align-items:center;background:transparent;border:0;border-radius:var(--bl-radius-pill);color:var(--bl-muted);cursor:pointer;display:inline-flex;height:26px;justify-content:center;padding:0;transition:background .16s ease,color .16s ease,transform .16s ease;width:26px}.theme-switcher__button:hover,.theme-switcher__button.is-active{background:var(--bl-surface-raised);color:var(--bl-text)}.theme-switcher__button:hover{transform:translateY(-1px)}.theme-switcher__icon{display:inline-block;height:12px;position:relative;width:12px}.theme-switcher__icon--light{background:currentColor;border-radius:50%;box-shadow:0 -7px 0 -4.5px currentColor,0 7px 0 -4.5px currentColor,-7px 0 0 -4.5px currentColor,7px 0 0 -4.5px currentColor,-5px -5px 0 -4.5px currentColor,5px -5px 0 -4.5px currentColor,-5px 5px 0 -4.5px currentColor,5px 5px 0 -4.5px currentColor}.theme-switcher__icon--dark{border-radius:50%;box-shadow:inset -4px -2px 0 1px currentColor}.bl-button.site-header__dev{box-shadow:none;min-height:38px;padding-inline:22px;white-space:nowrap}.bl-button{align-items:center;border:1px solid transparent;border-radius:var(--bl-radius-control);cursor:pointer;display:inline-flex;font:inherit;font-size:.95rem;font-weight:750;gap:10px;justify-content:center;min-height:46px;padding:0 20px;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.bl-button:hover{transform:translateY(-1px)}.bl-button:disabled{cursor:not-allowed;opacity:.65}.bl-button--primary{background:var(--bl-primary);box-shadow:0 10px 24px var(--bl-primary-glow);color:var(--bl-on-primary)}.bl-button--primary:hover{background:var(--bl-primary-dark)}.bl-button--secondary{background:var(--bl-surface-translucent);border-color:var(--bl-line);color:var(--bl-text)}.bl-button--ghost{background:transparent;color:var(--bl-text)}.bl-card,.info-card,.empty-block{background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);box-shadow:none;padding:22px}.bl-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:48px;padding:0 15px;width:100%}.bl-input:focus{border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus);outline:none}.bl-badge{align-items:center;background:var(--bl-badge-bg);border-radius:var(--bl-radius-pill);color:var(--bl-body);display:inline-flex;font-size:.78rem;font-weight:700;justify-content:center;min-height:26px;padding:0 10px;white-space:nowrap}.bl-badge--warning{background:var(--bl-warning-bg);color:var(--bl-warning-text)}.bl-badge--success{background:var(--bl-success-bg);color:var(--bl-success-text)}.page-shell,.home-page{margin:0 auto;max-width:calc(var(--bl-container) + var(--bl-page-pad) * 2);padding:0 var(--bl-page-pad) 72px}.tool-page{margin:0 auto;max-width:calc(var(--bl-tool-workspace) + var(--bl-page-pad) * 2);padding:0 var(--bl-page-pad) 72px}.home-hero{align-items:center;display:grid;gap:44px;grid-template-columns:minmax(0,.92fr) minmax(420px,1fr);min-height:560px;padding:58px 0 54px}.home-hero__content{min-width:0}.home-eyebrow{background:color-mix(in srgb,var(--bl-primary-soft) 62%,transparent);border-radius:var(--bl-radius-pill);color:var(--bl-primary-dark);display:inline-flex;align-self:flex-start;font-size:.78rem;font-weight:750;margin-bottom:24px;padding:8px 15px;text-transform:uppercase}.home-hero h1{font-family:Georgia,Times New Roman,Times,serif;font-weight:400;font-size:3.6rem;line-height:1.15;margin-bottom:24px}.home-hero h1 em{font-style:italic}.home-hero__intro{color:var(--bl-body);font-size:1.08rem;line-height:1.72;margin-bottom:28px;max-width:560px}.home-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-bottom:24px}.home-hero__proof{color:var(--bl-body);font-size:.95rem;margin:0}.home-hero__visual{border-radius:var(--bl-radius-panel);filter:drop-shadow(0 24px 46px var(--bl-hero-shadow));justify-self:end;overflow:hidden}.home-hero__visual img{height:auto;width:100%}.home-search{align-items:center;background:var(--bl-surface-translucent-soft);border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel);display:grid;gap:22px;grid-template-columns:minmax(210px,.72fr) minmax(0,1fr);margin-bottom:var(--bl-section-gap);padding:22px}.home-search h2{font-size:1.75rem;line-height:1.14;margin-bottom:8px}.home-search p,.section-heading p,.info-card p,.empty-block p,.tool-card p,.search-result span,.coming-tools__intro p,.why-card p,.site-footer p{color:var(--bl-muted);line-height:1.65}.search-panel{display:grid;gap:10px}.search-panel__results{display:grid;gap:8px}.search-result{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:4px;padding:14px;text-decoration:none}.search-result--empty{color:var(--bl-muted)}.home-section{margin-bottom:var(--bl-section-gap)}.section-heading{align-items:end;display:flex;gap:16px;justify-content:space-between;margin-bottom:24px}.section-heading h2{font-size:2.25rem;line-height:1.08;margin-bottom:8px}.section-heading p{margin-bottom:0}.section-heading--center{justify-content:center;text-align:center}.section-heading__link{align-items:center;color:var(--bl-primary-dark);display:inline-flex;font-weight:750;gap:8px}.tool-grid,.featured-tool-grid,.blog-grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(260px,1fr))}.tool-card{background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);color:var(--bl-text);display:grid;gap:18px;min-height:188px;padding:22px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.tool-card:hover{border-color:var(--bl-primary-border);box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.tool-card--featured{align-items:start;gap:26px;grid-template-columns:92px minmax(0,1fr);min-height:300px;padding:30px}.tool-card__icon{align-items:center;align-self:start;background:var(--bl-icon-gradient-primary);border-radius:var(--bl-radius-icon);color:var(--bl-on-primary);display:inline-flex;font-family:var(--bl-font-display);font-size:1.45rem;height:92px;justify-content:center;width:92px}.tool-card__icon--image{background:transparent;border-radius:var(--bl-radius-card);color:inherit;overflow:hidden}.tool-card__icon img{border-radius:inherit;display:block;height:100%;object-fit:cover;width:100%}.tool-card__icon svg{height:1em;width:1em}.tool-card__icon--symbol{background:color-mix(in srgb,var(--bl-primary) 11%,var(--bl-surface-raised));border:1px solid color-mix(in srgb,var(--bl-primary) 18%,var(--bl-line-soft));color:var(--bl-primary-dark)}.tool-card__body{display:grid;gap:14px;min-width:0}.tool-card__meta{align-items:flex-start;display:flex;flex-wrap:wrap;gap:10px 12px;justify-content:space-between;min-width:0}.tool-card__badges{display:inline-flex;flex-wrap:wrap;gap:8px;max-width:100%;justify-content:flex-end}.tool-card__meta strong{font-family:var(--bl-font-display);font-size:1.45rem;font-weight:400;line-height:1.15;flex:1 1 180px;min-width:0;overflow-wrap:anywhere}.tool-card p{margin:0}.tool-card__tags{display:flex;flex-wrap:wrap;gap:8px}.tool-card__subtle{color:var(--bl-muted);line-height:1.5}.tool-card__cta{align-items:center;align-self:end;color:var(--bl-primary-dark);display:inline-flex;font-weight:750;gap:10px;margin-top:42px}.tools-page{margin:0 auto;max-width:calc(var(--bl-container) + var(--bl-page-pad) * 2);padding:0 var(--bl-page-pad) 72px}.page-hero{align-items:center;display:grid;column-gap:var(--bl-page-hero-column-gap);grid-template-columns:minmax(0,1fr) minmax(480px,var(--bl-page-hero-visual-max));padding:52px 0 42px;row-gap:28px}.page-hero--text{display:block;padding:52px 0 32px}.page-hero__content{min-width:0}.page-hero--text .page-hero__content{max-width:860px}.page-hero__eyebrow{margin:0 0 24px}.page-hero__title{align-items:flex-start;color:var(--bl-text);display:flex;flex-wrap:wrap;font-family:var(--bl-font-display);font-size:clamp(3.25rem,6vw,4rem);font-weight:400;gap:2px;line-height:1.02;margin:0 0 16px}.page-hero__description{color:var(--bl-body);font-size:.98rem;line-height:1.68;margin:0 0 24px;max-width:560px}.page-hero__proof{display:flex;flex-wrap:wrap;gap:12px 16px;margin:0}.page-hero__proof-item{align-items:center;color:var(--bl-muted);display:inline-flex;font-size:.92rem;font-weight:700;gap:8px}.page-hero__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:28px}.page-hero__visual{aspect-ratio:var(--bl-page-hero-visual-ratio);border-radius:var(--bl-radius-panel);filter:drop-shadow(0 22px 42px var(--bl-hero-shadow));justify-self:end;max-width:var(--bl-page-hero-visual-max);overflow:hidden;width:100%}.page-hero__visual img{height:100%;object-fit:cover;transition:filter .3s ease;width:100%}.tools-filter-panel{background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel);margin-bottom:36px;padding:18px}.tools-filter-panel__chips{display:flex;flex-wrap:wrap;gap:10px}.tools-chip{align-items:center;border:1px solid transparent;border-radius:var(--bl-radius-control);color:var(--bl-body);display:inline-flex;font-size:.95rem;font-weight:750;min-height:42px;padding:0 16px;text-decoration:none;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease}.tools-chip:hover,.tools-chip.is-active{background:var(--bl-primary);border-color:var(--bl-primary);color:var(--bl-on-primary)}.tools-chip:hover{transform:translateY(-1px)}.tools-section,.tools-planned{margin-bottom:56px}.tools-grid{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.tools-grid__item{display:grid}.tools-grid__item[hidden]{display:none!important}.tools-grid__item>.tool-card{height:100%}.tools-search-filter{margin-bottom:34px}.search-filter-row{display:flex;gap:14px;margin-bottom:18px;align-items:center;justify-content:space-between;flex-wrap:wrap}.search-input-wrapper{position:relative;flex:1;min-width:300px}.search-icon{position:absolute;left:14px;top:50%;transform:translateY(-50%);color:var(--bl-muted);pointer-events:none}#tools-search-input{width:100%;padding:11px 16px 11px 42px;font-size:.9rem;background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-body);transition:border-color .15s ease,box-shadow .15s ease;font-family:inherit}#tools-search-input:focus{border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-accent-soft);outline:none}.search-dropdowns{display:flex;gap:10px;flex-wrap:wrap}.search-select{min-width:120px;padding:10px 34px 10px 14px;font-size:.86rem;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-muted);cursor:not-allowed;opacity:.8;font-family:inherit;appearance:none;background-image:url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 20 20' fill='%23888888'%3E%3Cpath fill-rule='evenodd' d='M5.293 7.293a1 1 0 011.414 0L10 10.586l3.293-3.293a1 1 0 111.414 1.414l-4 4a1 1 0 01-1.414 0l-4-4a1 1 0 010-1.414z' clip-rule='evenodd'/%3E%3C/svg%3E");background-repeat:no-repeat;background-position:right 12px center;background-size:16px}.featured-grid{display:grid;gap:18px;grid-template-columns:repeat(4,1fr);margin-top:16px}@media(max-width:900px){.featured-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:640px){.featured-grid{grid-template-columns:1fr}}.featured-grid .tool-card{display:flex;flex-direction:column;min-height:auto;padding:14px;gap:11px;background:var(--bl-surface-translucent);border:1px solid color-mix(in srgb,var(--bl-warning-text) 12%,transparent);border-radius:var(--bl-radius-card);box-shadow:0 2px 8px color-mix(in srgb,var(--bl-warning-text) 3%,transparent);transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.featured-grid .tool-card:hover{border-color:color-mix(in srgb,var(--bl-primary) 28%,var(--bl-line));box-shadow:0 4px 16px color-mix(in srgb,var(--bl-primary) 8%,transparent);transform:translateY(-2px)}.featured-grid .tool-card__icon{width:100%;aspect-ratio:1.7 / 1;background:var(--bl-surface-soft);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);overflow:hidden;display:block;margin:0;padding:0}.featured-grid .tool-card__icon img{width:100%;height:100%;object-fit:cover;border-radius:0;transition:transform .2s ease}.featured-grid .tool-card:hover .tool-card__icon img{transform:scale(1.03)}.featured-grid .tool-card__body{padding:0;display:flex;flex-direction:column;gap:0;flex-grow:1}.featured-grid .tool-card__meta{margin-top:0;margin-bottom:5px;display:flex;align-items:center;justify-content:space-between}.featured-grid .tool-card__meta strong{font-family:var(--bl-font-display);font-size:1.08rem;font-weight:600;color:var(--bl-body);line-height:1.2;flex:none}.featured-grid .tool-card p{color:var(--bl-muted);font-size:.8rem;line-height:1.48;margin-top:0;margin-bottom:8px;display:-webkit-box;-webkit-line-clamp:2;-webkit-box-orient:vertical;overflow:hidden;height:2.9em;flex-grow:0}.featured-grid .tool-card__tags{display:flex;flex-wrap:wrap;gap:4px 6px;margin-top:0;margin-bottom:12px}.featured-grid .tool-card__tags .bl-badge{background:var(--bl-surface-soft);color:var(--bl-warning-text);font-size:.68rem;font-weight:500;min-height:22px;padding:0 8px;border-radius:var(--bl-radius-pill);border:none;text-shadow:none}.featured-grid .tool-card__cta{font-size:.82rem;font-weight:700;color:var(--bl-primary)!important;margin-top:auto;display:inline-flex;align-items:center;gap:4px;transition:color .12s ease}.featured-grid .tool-card:hover .tool-card__cta{color:var(--bl-primary-dark)!important}.tools-page .image-tools-card{background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel);box-shadow:none;display:block;padding:36px;margin-top:16px}.tools-page .image-tools-card:hover{box-shadow:none;transform:none}.image-tools-card__header{display:flex;justify-content:space-between;align-items:flex-start;gap:20px;border-bottom:1px solid var(--bl-line);padding-bottom:26px;margin-bottom:30px;flex-wrap:wrap}.image-tools-card__header h2{font-family:var(--bl-font-display);font-size:2.12rem;font-weight:500;margin-bottom:8px}.image-tools-card__header p{color:var(--bl-muted);font-size:1rem;line-height:1.6;margin-bottom:0}.image-tools-card__header .more-link{color:var(--bl-primary-dark);font-weight:750;text-decoration:none;font-size:.95rem;white-space:nowrap;align-self:center}.image-tools-card__header .more-link:hover{text-decoration:underline}.image-tools-card__content{display:grid;grid-template-columns:minmax(0,1.78fr) minmax(0,1.22fr);gap:40px}.image-tools-card__content>*{min-width:0}@media(max-width:860px){.image-tools-card__content{grid-template-columns:1fr;gap:36px}}.column-title{display:flex;align-items:center;gap:10px;margin-bottom:8px;color:var(--bl-body)}.column-title__icon{color:var(--bl-primary)}.column-title h3{font-family:var(--bl-font-display);font-size:1.45rem;font-weight:500;margin:0}.column-subtitle{color:var(--bl-muted);font-size:.94rem;line-height:1.58;margin-bottom:24px}.workflows-list{display:grid;grid-template-columns:repeat(3,1fr);gap:16px}.workflow-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);overflow:hidden;transition:transform .16s ease,box-shadow .16s ease;display:flex;min-height:260px}.workflow-card:hover{transform:translateY(-2px);box-shadow:var(--bl-shadow-card)}.workflow-card__link{text-decoration:none;color:inherit;display:flex;flex-direction:column;height:100%;width:100%}.workflow-card__visual{width:100%;height:130px;background:var(--bl-surface-translucent);border-bottom:1px solid var(--bl-line);overflow:hidden;display:flex;align-items:center;justify-content:center}.workflow-card__visual img{width:100%;height:100%;object-fit:cover}.workflow-card__body{padding:12px 14px 14px;display:flex;flex-direction:column;flex-grow:1}.workflow-card__body h4{font-family:var(--bl-font-display);font-size:1.15rem;font-weight:700;line-height:1.3;margin-top:0;margin-bottom:10px;color:var(--bl-body)}.workflow-card__body p{display:none}.workflow-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:0;margin-bottom:14px}.workflow-card__tags .bl-badge{font-size:.72rem;min-height:24px;padding:0 8px;color:var(--bl-muted);background:var(--bl-surface-soft);font-weight:500}.workflow-card__cta{font-size:.9rem;font-weight:750;color:var(--bl-primary-dark);margin-top:auto}@media(max-width:860px){.workflow-card{min-height:auto}.workflow-card__visual{height:auto;aspect-ratio:1.52 / 1}.workflow-card__body{padding:16px}}@media(max-width:768px){.workflows-list{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.workflows-list{grid-template-columns:1fr}}.compact-list{display:flex;flex-direction:column;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);overflow:hidden}.compact-tool-item{display:flex;align-items:center;gap:16px;min-height:52px;padding:6px 16px;background:transparent;border:none;border-bottom:1px solid var(--bl-line);border-radius:0;text-decoration:none;color:inherit;transition:background .15s ease}.compact-tool-item:last-child{border-bottom:none}.compact-tool-item:hover{background:var(--bl-surface-soft);transform:none;box-shadow:none}.compact-tool-item__icon{width:40px;height:40px;background:var(--bl-surface-translucent);border-radius:var(--bl-radius-control);display:flex;align-items:center;justify-content:center;flex-shrink:0;overflow:hidden}.compact-tool-item__icon img{width:100%;height:100%;object-fit:cover}.compact-tool-item__body{display:flex;align-items:center;gap:16px;flex-grow:1;min-width:0}.compact-tool-item__body strong{font-size:1.05rem;font-weight:700;color:var(--bl-body);white-space:nowrap;flex-shrink:0}.compact-tool-item__body p{color:var(--bl-muted);font-size:.88rem;margin-bottom:0;white-space:nowrap;overflow:hidden;text-overflow:ellipsis}.compact-tool-item__action{font-size:.9rem;font-weight:750;color:var(--bl-primary-dark);white-space:nowrap;margin-left:8px}@media(max-width:640px){.compact-tool-item{min-height:84px;padding:14px 18px}.compact-tool-item__body{flex-direction:column;align-items:flex-start;gap:2px}.compact-tool-item__body strong{font-size:1rem}.compact-tool-item__body p{font-size:.85rem}}.other-grid{display:grid;grid-template-columns:repeat(2,1fr);gap:18px;margin-top:16px}@media(max-width:768px){.other-grid{grid-template-columns:1fr}}.other-category-card{background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);padding:22px;display:flex;flex-direction:column;transition:transform .16s ease,box-shadow .16s ease}.other-category-card:hover{transform:translateY(-2px);box-shadow:var(--bl-shadow-card)}.other-category-card__header{display:flex;align-items:center;gap:12px;margin-bottom:16px}.category-badge{display:inline-flex;align-items:center;justify-content:center;width:32px;height:32px;border-radius:var(--bl-radius-icon);font-weight:750;font-size:.8rem}.category-badge--content{background:color-mix(in srgb,var(--bl-accent-soft) 76%,var(--bl-surface-raised));color:var(--bl-success-text)}.category-badge--image{background:color-mix(in srgb,var(--bl-accent-soft) 70%,var(--bl-surface-raised));color:var(--bl-accent)}.category-badge--email{background:color-mix(in srgb,var(--bl-primary-soft) 38%,var(--bl-surface-raised));color:var(--bl-primary-dark)}.other-category-card__header h4{font-family:var(--bl-font-display);font-size:1rem;font-weight:700;color:var(--bl-muted);margin:0}.other-category-card__body h5{font-family:var(--bl-font-display);font-size:1.14rem;font-weight:700;color:var(--bl-body);margin-bottom:8px}.other-category-card__body p{color:var(--bl-muted);font-size:.84rem;line-height:1.5;margin-bottom:20px}.other-category-card__footer{display:flex;justify-content:space-between;align-items:center;margin-top:auto;flex-wrap:wrap;gap:12px}.other-category-card__footer .tags-group{display:flex;flex-wrap:wrap;gap:6px}.other-category-card__cta{font-size:.82rem;font-weight:750;color:var(--bl-primary-dark);text-decoration:none}.other-category-card__cta:hover{text-decoration:underline}.proof-item{display:inline-flex;align-items:center;gap:6px}.proof-item__icon{color:var(--bl-warning-text);flex-shrink:0}.tools-planned__grid{display:grid;gap:22px;grid-template-columns:repeat(auto-fit,minmax(250px,1fr))}.planned-tool{background:var(--bl-surface-translucent);border:1px dashed var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:14px;padding:22px}.planned-tool__header{align-items:flex-start;display:flex;justify-content:space-between}.planned-tool__icon{align-items:center;background:var(--bl-accent-soft);border-radius:var(--bl-radius-icon);color:var(--bl-success-text);display:inline-flex;font-family:var(--bl-font-display);font-size:1.1rem;height:52px;justify-content:center;width:52px}.planned-tool h3,.tools-cta h2{font-family:var(--bl-font-display);font-size:1.55rem;font-weight:400;line-height:1.16;margin-bottom:0}.planned-tool p,.tools-cta p{color:var(--bl-muted);line-height:1.65;margin-bottom:0}.planned-tool__status{background:var(--bl-surface-raised);border-radius:var(--bl-radius-control);color:var(--bl-muted);display:block;font-weight:750;min-height:42px;padding:10px 12px;text-align:center}.tools-cta{align-items:center;background:var(--bl-surface-translucent);border:1px solid var(--bl-primary-border);border-radius:var(--bl-radius-panel);display:grid;gap:24px;grid-template-columns:minmax(0,1fr) auto;padding:30px}.tools-cta__actions{display:flex;flex-wrap:wrap;gap:12px;justify-content:flex-end}.coming-tools{align-items:stretch;background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-panel);display:grid;gap:26px;grid-template-columns:minmax(220px,.78fr) minmax(0,1.22fr);margin-bottom:var(--bl-section-gap);padding:30px}.coming-tools__intro h2{font-size:1.85rem;line-height:1.1;margin-bottom:12px}.coming-tools__intro p{margin-bottom:22px}.coming-tools__actions{display:flex;flex-wrap:wrap;gap:12px;margin-top:20px}.coming-tools__grid{display:grid;gap:18px;grid-template-columns:repeat(3,minmax(0,1fr))}.coming-tool{align-items:center;background:var(--bl-surface-card);border:1px dashed var(--bl-line);border-radius:var(--bl-radius-card);display:flex;flex-direction:column;gap:12px;height:100%;padding:24px 20px;text-align:center}.coming-tool__icon,.why-card__icon{align-items:center;border-radius:var(--bl-radius-circle);display:inline-flex;flex:0 0 auto;font-weight:800;justify-content:center}.coming-tool__icon{background:var(--bl-accent-soft);color:var(--bl-success-text);height:64px;width:64px}.coming-tool__icon--visual{background:color-mix(in srgb,var(--bl-accent-soft) 70%,var(--bl-surface-raised));color:var(--bl-success-text)}.coming-tool__icon--content{background:color-mix(in srgb,var(--bl-primary-soft) 70%,var(--bl-surface-raised));color:var(--bl-primary)}.coming-tool__icon--workflow{background:color-mix(in srgb,var(--bl-warning-bg) 74%,var(--bl-surface-raised));color:var(--bl-warning-text)}.coming-tool__icon svg{fill:none;height:34px;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:3;width:34px}.coming-tool__title{color:var(--bl-text);font-size:1.125rem;font-weight:700;line-height:1.3;margin:0}.coming-tool__desc{color:var(--bl-muted);font-size:.875rem;line-height:1.5;margin:0 0 8px}.coming-tool__status{align-items:center;background:var(--bl-surface-muted);border-radius:var(--bl-radius-pill);color:var(--bl-muted);display:inline-flex;font-size:.75rem;font-weight:500;justify-content:center;margin-top:auto;min-height:24px;padding:0 10px;white-space:nowrap}.why-card h3,.info-card h3{color:var(--bl-text);font-size:1rem;line-height:1.35;margin:0}.why-grid{display:grid;gap:28px;grid-template-columns:repeat(3,minmax(0,1fr))}.why-card{align-items:center;display:flex;gap:18px}.why-card__icon{background:var(--bl-mark-gradient-primary);color:var(--bl-on-primary);height:62px;width:62px}.why-card:nth-child(2) .why-card__icon{background:var(--bl-mark-gradient-accent)}.why-card:nth-child(3) .why-card__icon{background:var(--bl-mark-gradient-warning)}.why-card__icon--image{background:transparent;border-radius:var(--bl-radius-circle);overflow:hidden}.why-card__icon img{display:block;height:100%;object-fit:cover;width:100%}.why-card p,.info-card p{font-size:.95rem;margin:6px 0 0}.blog-section{margin-bottom:52px}.blog-grid--series{grid-template-columns:repeat(auto-fit,minmax(320px,1fr))}.blog-card{background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);color:var(--bl-text);display:grid;gap:18px;overflow:hidden;padding:16px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.blog-card:hover{border-color:color-mix(in srgb,var(--bl-primary) 32%,var(--bl-line));box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.blog-card__media{background:linear-gradient(145deg,var(--bl-card-art-sheen),transparent 45%),var(--bl-surface-soft);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:block;overflow:hidden}.blog-card__media img,.blog-card__media svg{display:block;height:auto;width:100%}.blog-card__media rect{fill:var(--bl-surface-raised);stroke:var(--bl-line)}.blog-card__media path,.blog-card__media circle{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:7}.blog-card__media--cloudflare{color:var(--bl-primary-dark)}.blog-card__media--cloudflare path:first-of-type{fill:var(--bl-primary-soft);stroke:var(--bl-primary-dark)}.blog-card__media--agent{color:var(--bl-success-text)}.blog-card__body{display:grid;gap:10px}.blog-card__meta{align-items:center;color:var(--bl-muted-soft);display:flex;flex-wrap:wrap;font-size:.78rem;font-weight:750;gap:8px;letter-spacing:.04em;text-transform:uppercase}.blog-card__meta span+span:before{color:var(--bl-line);content:"/";margin-right:8px}.blog-card h3{font-family:var(--bl-font-display);font-size:1.5rem;font-weight:400;line-height:1.16;margin:2px 0 0}.blog-card p{color:var(--bl-muted);line-height:1.65;margin:0}.blog-card__cta{align-items:center;color:var(--bl-primary-dark);display:inline-flex;font-weight:750;gap:8px;margin-top:2px}.info-card{display:grid;gap:10px}.site-footer{border-top:1px solid var(--bl-line);margin:0 auto;max-width:calc(var(--bl-container) + var(--bl-page-pad) * 2);padding:34px var(--bl-page-pad) 28px}.site-footer__inner{display:grid;gap:34px;grid-template-columns:minmax(220px,1.5fr) repeat(4,minmax(120px,1fr))}.site-footer__brand p{margin:18px 0 0;max-width:270px}.site-footer__social{display:flex;gap:12px;margin-top:20px}.site-footer__social a{align-items:center;background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:50%;color:var(--bl-body);display:inline-flex;height:34px;justify-content:center;transition:background .16s ease,border-color .16s ease,color .16s ease,transform .16s ease;width:34px}.site-footer__social a:hover{background:var(--bl-surface-raised);border-color:color-mix(in srgb,var(--bl-primary) 32%,var(--bl-line));color:var(--bl-primary-dark);transform:translateY(-1px)}.site-footer__social svg{height:18px;width:18px}.site-footer__column{display:grid;gap:12px;align-content:start}.site-footer__column h2{font-family:var(--bl-font-body);font-size:.95rem;font-weight:750;margin:0 0 6px}.site-footer a,.site-footer__disabled{color:var(--bl-body);font-size:.92rem}.site-footer__disabled{opacity:.64}.site-footer__copyright{color:var(--bl-muted-soft);font-size:.86rem;margin:34px 0 0;text-align:center}.tool-hero{padding:52px 0 32px}.tool-hero h1{font-size:4rem;line-height:1.02;margin:12px 0 16px;max-width:860px}.tool-hero p{color:var(--bl-muted);font-size:1.05rem;line-height:1.7;margin:0;max-width:720px}.tool-hero__badges{display:flex;flex-wrap:wrap;gap:8px}.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}.image-toolkit-page .image-toolkit-breadcrumb{padding-top:28px}.image-toolkit-section{margin-bottom:var(--bl-section-gap)}.image-toolkit-subcategory-grid,.image-toolkit-home-grid{display:grid;gap:18px;grid-template-columns:repeat(auto-fit,minmax(240px,1fr))}.image-toolkit-subcategory-card,.image-toolkit-home-group{background:var(--bl-surface-translucent);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);color:var(--bl-text);display:grid;gap:14px;padding:22px;text-decoration:none}.image-toolkit-subcategory-card{transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-toolkit-subcategory-card:hover{border-color:var(--bl-primary-border);box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.image-toolkit-subcategory-card strong,.image-toolkit-home-group__heading a,.image-toolkit-home-group__primary strong{color:var(--bl-text);font-family:var(--bl-font-display);font-size:1.35rem;font-weight:400;line-height:1.18;text-decoration:none}.image-toolkit-subcategory-card span,.image-toolkit-home-group p,.image-toolkit-home-group__primary small{color:var(--bl-muted);line-height:1.6}.image-toolkit-home-group__heading{display:grid;gap:8px}.image-toolkit-home-group__heading p{margin:0}.image-toolkit-home-group__primary{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:grid;gap:8px;padding:16px;text-decoration:none}.image-toolkit-home-group__primary>span,.image-toolkit-home-group__links>span{color:var(--bl-primary-dark);font-size:.78rem;font-weight:800;text-transform:uppercase}.image-toolkit-home-group__links{display:flex;flex-wrap:wrap;gap:9px}.image-toolkit-home-group__links a{background:var(--bl-surface-soft);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-pill);color:var(--bl-body);font-size:.88rem;font-weight:750;padding:8px 11px;text-decoration:none}.image-toolkit-home-group__links a:hover{border-color:var(--bl-primary-border);color:var(--bl-primary-dark)}.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-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{display:grid;gap:18px}.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);cursor:pointer;display:grid;gap:12px;min-height:220px;overflow:hidden;padding:22px;position:relative;text-align:center}.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}.tool-upload-zone input{margin:0 auto;max-width:100%}.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-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-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-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-image-download-actions .bl-button{width:100%}.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}.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,.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-image-handoff-receipt__header,.bl-result-handoff__header{align-items:flex-start;display:flex;gap:12px;justify-content:space-between}.bl-image-handoff-receipt h3,.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-image-handoff-receipt p,.bl-result-handoff p,.bl-result-handoff__target span{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}.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}.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}.open-source-card{align-items:center;display:flex;gap:22px;justify-content:space-between;margin-top:22px}.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))}.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}.bl-state{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:8px;padding:18px}.bl-state p{color:var(--bl-muted);line-height:1.6}.bl-state--error{background:var(--bl-error-bg);border-color:var(--bl-error-border);color:var(--bl-error-text)}.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}.sr-only{clip:rect(0,0,0,0);border:0;height:1px;margin:-1px;overflow:hidden;padding:0;position:absolute;white-space:nowrap;width:1px}.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!important;gap:3px!important;grid-template-columns:1fr!important}.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!important;gap:8px!important;grid-template-columns:repeat(3,minmax(0,1fr))!important;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))}.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}.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}.static-page{margin:0 auto;max-width:var(--bl-article-container);padding:52px var(--bl-page-pad) 72px}.static-page h1{font-size:3.4rem;line-height:1.05;margin-bottom:18px}.static-page p,.static-page li{color:var(--bl-muted);line-height:1.75}.static-page__updated{color:var(--bl-muted-soft);font-size:.9rem;margin-bottom:22px}.static-page__intro{display:grid;gap:12px;margin-bottom:26px}.static-page__intro p{font-size:1.06rem;margin:0}.static-page section{background:var(--bl-surface-translucent-soft);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);margin-top:18px;padding:22px}.static-page section h2{font-size:1.55rem;line-height:1.18;margin-bottom:12px}.static-page section p:last-child,.static-page section ul:last-child{margin-bottom:0}.static-page__links{display:flex;flex-wrap:wrap;gap:10px;margin-top:16px}.static-page__links a{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-pill);color:var(--bl-primary-dark);display:inline-flex;font-size:.92rem;font-weight:750;gap:8px;min-height:36px;padding:0 14px;text-decoration:none}.static-page__links small{color:var(--bl-muted);font-size:.82rem}.website-analytics-hero{padding-bottom:26px}.website-analytics-hero-note{background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);color:var(--bl-body);margin-top:18px;padding:14px 16px}.website-analytics-hero__actions{display:flex;flex-wrap:wrap;gap:14px;margin-top:24px}.website-analytics-hero--compact{padding-bottom:18px}.website-analytics-tabs{align-items:center;background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:flex;flex-wrap:wrap;gap:8px;margin:0 0 20px;padding:8px}.website-analytics-tabs a{border-radius:var(--bl-radius-control);color:var(--bl-muted);font-size:.94rem;font-weight:750;min-height:40px;padding:10px 14px;text-decoration:none}.website-analytics-tabs a:hover,.website-analytics-tabs a.is-active{background:var(--bl-surface-raised);color:var(--bl-text)}.website-analytics-entry-grid{display:grid;gap:18px;grid-template-columns:minmax(0,1.15fr) minmax(320px,.85fr);margin:12px 0 42px}.website-analytics-workspace{display:grid;gap:18px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 42px}.website-analytics-workspace--single{grid-template-columns:1fr}.website-analytics-workspace--import{align-items:start}.website-analytics-panel{align-content:start;display:grid;gap:16px;min-height:0}.website-analytics-panel--source,.website-analytics-panel--assistant{grid-column:1 / -1}.website-analytics-panel__heading{align-items:start;display:grid;gap:8px;grid-template-columns:minmax(0,1fr)}.website-analytics-panel__heading:has(.bl-button){grid-template-columns:minmax(0,1fr) auto}.website-analytics-panel__heading h2{font-size:1.12rem;margin:0}.website-analytics-panel__heading p{color:var(--bl-muted);line-height:1.65;margin:0}.website-analytics-source-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.website-analytics-source-option{align-content:start;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);color:var(--bl-text);display:grid;font:inherit;gap:9px;min-height:148px;padding:16px;position:relative;text-align:left;text-decoration:none}.website-analytics-source-option:disabled{cursor:not-allowed;opacity:.78}.website-analytics-source-option--active{cursor:pointer}.website-analytics-source-option--active:hover{border-color:var(--bl-primary-border)}.website-analytics-source-option.is-selected{background:var(--bl-primary-soft);border-color:var(--bl-primary)}.website-analytics-source-option[aria-disabled=true]{cursor:not-allowed;opacity:.78}.website-analytics-source-option span{font-weight:800}.website-analytics-source-option small{color:var(--bl-muted);font-size:.9rem;line-height:1.55}.website-analytics-source-option .bl-badge{justify-self:start}.website-analytics-source-option input{cursor:inherit;inset:0;opacity:0;position:absolute}.website-analytics-source-option input:disabled{cursor:not-allowed}.website-analytics-chip-row{display:flex;flex-wrap:wrap;gap:8px}.website-analytics-stat-grid,.website-analytics-action-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.website-analytics-stat-card,.website-analytics-action-grid a{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:7px;min-width:0;padding:14px}.website-analytics-stat-card strong{color:var(--bl-primary-dark);font-size:1.5rem;line-height:1}.website-analytics-stat-card span,.website-analytics-action-grid span{color:var(--bl-muted);font-size:.9rem;line-height:1.5}.website-analytics-action-grid a{color:var(--bl-text);text-decoration:none}.website-analytics-action-grid a:hover{border-color:var(--bl-primary-border)}.website-analytics-upload{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:14px;padding:16px}.website-analytics-dropzone{align-items:center;background:var(--bl-surface-raised);border:1px dashed var(--bl-line);border-radius:var(--bl-radius-card);cursor:pointer;display:grid;gap:8px;justify-items:center;min-height:164px;padding:22px;position:relative;text-align:center}.website-analytics-dropzone:hover{border-color:var(--bl-primary-border)}.website-analytics-dropzone span{color:var(--bl-muted);line-height:1.55}.website-analytics-dropzone input{cursor:inherit;inset:0;opacity:0;position:absolute}.website-analytics-upload h3,.website-analytics-report-meta h3,.website-analytics-insight h3{color:var(--bl-text);font-family:var(--bl-font-body);font-size:1rem;line-height:1.35;margin:0}.website-analytics-upload p,.website-analytics-upload small,.website-analytics-file-summary span,.website-analytics-status-note span,.website-analytics-insight p,.website-analytics-report-meta li{color:var(--bl-muted);line-height:1.6}.website-analytics-upload p{margin:8px 0 4px}.website-analytics-file-summary,.website-analytics-status-note{border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:grid;gap:6px;padding:12px}.website-analytics-file-summary strong,.website-analytics-status-note strong{font-size:.92rem}.website-analytics-status-note{background:var(--bl-warning-bg);border-color:color-mix(in srgb,var(--bl-warning-text) 24%,var(--bl-line))}.website-analytics-status-note strong{color:var(--bl-warning-text)}.website-analytics-status-strip{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:flex;flex-wrap:wrap;gap:10px;padding:12px}.website-analytics-status-strip span{color:var(--bl-muted);font-size:.9rem;line-height:1.5}.website-analytics-detection-list{display:grid;gap:10px}.website-analytics-detection-item{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:flex;gap:12px;justify-content:space-between;padding:12px}.website-analytics-detection-item div{display:grid;gap:5px;min-width:0}.website-analytics-detection-item span{color:var(--bl-muted);font-size:.86rem}.website-analytics-import-summary{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.website-analytics-import-summary div{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:7px;justify-items:center;padding:14px;text-align:center}.website-analytics-import-summary strong{color:var(--bl-text);font-size:1.3rem}.website-analytics-import-summary span{color:var(--bl-muted);font-size:.86rem}.website-analytics-segmented{display:grid;gap:8px;grid-template-columns:repeat(5,minmax(0,1fr))}.website-analytics-segmented span,.website-analytics-segmented 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-size:.88rem;font-weight:750;min-width:0;padding:10px;text-align:center}.website-analytics-segmented button:hover,.website-analytics-segmented button:focus-visible,.website-analytics-segmented button.is-active{background:var(--bl-primary-soft);border-color:var(--bl-primary);color:var(--bl-text);outline:none}.website-analytics-date-inputs,.website-analytics-threshold-grid{display:grid;gap:12px;grid-template-columns:repeat(2,minmax(0,1fr))}.website-analytics-threshold-grid{grid-template-columns:repeat(5,minmax(0,1fr))}.website-analytics-date-inputs label,.website-analytics-threshold-grid label{display:grid;gap:7px}.website-analytics-date-inputs span,.website-analytics-threshold-grid span{color:var(--bl-muted);font-size:.82rem;font-weight:750}.website-analytics-date-inputs input,.website-analytics-threshold-grid 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-width:0;padding:10px 11px}.website-analytics-date-inputs input:focus,.website-analytics-threshold-grid input:focus{border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-soft);outline:none}.website-analytics-range-meta{align-items:center;display:flex;flex-wrap:wrap;gap:10px}.website-analytics-range-meta>span{color:var(--bl-muted);font-size:.88rem}.website-analytics-assistant-prompt{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:flex;gap:14px;justify-content:space-between;padding:14px}.website-analytics-assistant-prompt span{color:var(--bl-body);font-weight:750}.website-analytics-trend-placeholder{align-items:end;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr));min-height:220px;padding:20px}.website-analytics-trend-placeholder span{border:2px solid var(--bl-primary);border-left:0;border-top:0;border-radius:var(--bl-radius-control);display:block;height:46%}.website-analytics-trend-placeholder span:nth-child(2){border-color:var(--bl-accent);height:68%}.website-analytics-trend-placeholder span:nth-child(3){border-color:var(--bl-warning-text);height:54%}.website-analytics-comparison-grid{display:grid;gap:12px;grid-template-columns:repeat(4,minmax(0,1fr))}.website-analytics-comparison-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:8px;min-width:0;padding:13px}.website-analytics-comparison-card.is-up{border-color:var(--bl-success-text)}.website-analytics-comparison-card.is-down{border-color:var(--bl-warning-text)}.website-analytics-comparison-card>span,.website-analytics-comparison-card small{color:var(--bl-muted);font-size:.82rem}.website-analytics-comparison-card strong{color:var(--bl-text);font-size:1.22rem;line-height:1.1}.website-analytics-trend-list{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:9px;padding:14px}.website-analytics-trend-row{align-items:center;display:grid;gap:10px;grid-template-columns:minmax(92px,.8fr) minmax(120px,2fr) minmax(56px,auto)}.website-analytics-trend-row>span,.website-analytics-trend-row strong{color:var(--bl-muted);font-size:.82rem}.website-analytics-trend-row strong{color:var(--bl-text);text-align:right}.website-analytics-trend-bar{background:var(--bl-surface-muted);border-radius:var(--bl-radius-pill);height:10px;overflow:hidden}.website-analytics-trend-bar span{background:linear-gradient(90deg,var(--bl-primary),var(--bl-accent));border-radius:inherit;display:block;height:100%}.website-analytics-compact-list{display:grid;gap:9px;list-style:none;margin:0;padding:0}.website-analytics-compact-list li{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:flex;gap:12px;justify-content:space-between;padding:11px 12px}.website-analytics-compact-list span{color:var(--bl-muted)}.website-analytics-reserved-grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.website-analytics-reserved-item{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:8px;min-width:0;padding:14px}.website-analytics-reserved-item strong{color:var(--bl-text)}.website-analytics-reserved-item span{color:var(--bl-muted);font-size:.9rem;line-height:1.55}.website-analytics-panel--report{grid-column:1 / -1}.website-analytics-summary-grid{display:grid;gap:12px;grid-template-columns:repeat(5,minmax(0,1fr))}.website-analytics-summary-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:7px;min-width:0;padding:13px}.website-analytics-summary-card span,.website-analytics-summary-card small,.website-analytics-insight__meta,.website-analytics-insight dt{color:var(--bl-muted);font-size:.82rem}.website-analytics-summary-card strong{color:var(--bl-text);font-size:1.22rem;line-height:1.1}.website-analytics-report-meta{display:grid;gap:14px;grid-template-columns:repeat(2,minmax(0,1fr))}.website-analytics-report-meta ul{margin:10px 0 0;padding-left:18px}.website-analytics-insight-list{display:grid;gap:12px}.website-analytics-insight{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:10px;padding:14px}.website-analytics-insight__meta{align-items:center;display:flex;flex-wrap:wrap;gap:8px}.website-analytics-insight p,.website-analytics-insight dl{margin:0}.website-analytics-insight dl div{align-items:baseline;display:flex;gap:10px;justify-content:space-between}.website-analytics-insight dt,.website-analytics-insight dd{margin:0}.website-analytics-insight dd{color:var(--bl-text);font-weight:800;text-align:right}.website-analytics-assistant-layout{display:grid;gap:18px;grid-template-columns:minmax(320px,.9fr) minmax(0,1.1fr);margin:12px 0 42px}.website-analytics-template-list{display:grid;gap:9px}.website-analytics-template-list 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;font-size:.94rem;line-height:1.45;padding:12px;text-align:left}.website-analytics-template-list button:hover,.website-analytics-template-list button.is-active{border-color:var(--bl-primary-border)}.website-analytics-question-box{display:grid;gap:8px}.website-analytics-question-box span{color:var(--bl-muted);font-size:.9rem}.website-analytics-question-box 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:48px;padding:0 14px}.website-analytics-question-box input:focus{border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus);outline:none}.website-analytics-callout,.website-analytics-error{background:var(--bl-warning-bg);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-warning-text);display:grid;gap:5px;padding:12px}.website-analytics-error{background:var(--bl-error-bg);color:var(--bl-error-text)}.website-analytics-callout span,.website-analytics-error span{color:inherit;font-size:.9rem}.website-analytics-panel--answer{min-height:520px}.website-analytics-opportunity-layout{display:grid;gap:18px;margin:12px 0 42px}.website-analytics-filter-grid{align-items:end;display:grid;gap:12px;grid-template-columns:repeat(2,minmax(180px,1fr)) auto}.website-analytics-filter-grid label{display:grid;gap:7px}.website-analytics-filter-grid label span{color:var(--bl-muted);font-size:.82rem;font-weight:750}.website-analytics-filter-grid select{appearance:none;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:42px;min-width:0;padding:10px 34px 10px 12px}.website-analytics-filter-grid select:focus{border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus);outline:none}.website-analytics-opportunity-table-wrap{border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);overflow-x:auto}.website-analytics-opportunity-table{border-collapse:collapse;min-width:760px;width:100%}.website-analytics-opportunity-table th,.website-analytics-opportunity-table td{border-bottom:1px solid var(--bl-line-soft);padding:13px;text-align:left;vertical-align:top}.website-analytics-opportunity-table th{background:var(--bl-surface-soft);color:var(--bl-muted);font-size:.78rem;font-weight:800;text-transform:uppercase}.website-analytics-opportunity-table td{color:var(--bl-body);font-size:.92rem}.website-analytics-opportunity-table tr:last-child td{border-bottom:0}.website-analytics-opportunity-table td:first-child{min-width:300px}.website-analytics-opportunity-table td strong{color:var(--bl-text);display:block;margin-bottom:5px}.website-analytics-opportunity-table td span{color:var(--bl-muted);line-height:1.5}.website-analytics-answer{display:grid;gap:18px}.website-analytics-answer__summary{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:grid;gap:8px;padding:16px}.website-analytics-answer__summary span,.website-analytics-answer small{color:var(--bl-muted);font-size:.84rem;font-weight:750}.website-analytics-answer__summary p{color:var(--bl-text);font-size:1.02rem;line-height:1.65;margin:0}.website-analytics-answer section{display:grid;gap:10px}.website-analytics-answer h3,.website-analytics-action-list h4{color:var(--bl-text);font-size:.98rem;margin:0}.website-analytics-answer ul{color:var(--bl-body);margin:0;padding-left:18px}.website-analytics-answer li+li{margin-top:7px}.website-analytics-action-list{display:grid;gap:10px}.website-analytics-action-list article{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:8px;padding:13px}.website-analytics-action-list p{color:var(--bl-body);margin: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: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") 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.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") 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: 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");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){:root{--bl-section-gap: 56px}.home-hero{grid-template-columns:1fr;min-height:auto;padding-top:44px}.home-hero h1{font-size:3rem;line-height:1.15}.home-hero__visual{justify-self:center;max-width:680px}.email-reply-hero__inner{grid-template-columns:1fr}.email-reply-hero__visual{justify-self:center;max-width:380px}.page-hero{grid-template-columns:1fr;padding:40px 0 34px}.page-hero__visual{justify-self:start;max-width:min(100%,var(--bl-page-hero-visual-max))}.home-search,.coming-tools{grid-template-columns:1fr}.why-grid,.site-footer__inner{grid-template-columns:1fr 1fr}.og-editor,.og-tool-hero__inner{grid-template-columns:1fr}.og-tool-hero__visual{justify-self:start;max-width:520px}.email-reply-workspace,.website-analytics-entry-grid,.website-analytics-workspace,.website-analytics-source-grid,.website-analytics-assistant-layout,.website-analytics-filter-grid{grid-template-columns:1fr}.website-analytics-panel__heading:has(.bl-button){grid-template-columns:1fr}.website-analytics-panel--source,.website-analytics-panel--assistant,.website-analytics-panel--report{grid-column:auto}.website-analytics-segmented{grid-template-columns:repeat(2,minmax(0,1fr))}.website-analytics-summary-grid,.website-analytics-comparison-grid,.website-analytics-date-inputs,.website-analytics-threshold-grid,.website-analytics-report-meta,.website-analytics-stat-grid,.website-analytics-action-grid,.website-analytics-reserved-grid,.website-analytics-import-summary,.website-analytics-trend-row{grid-template-columns:1fr}.website-analytics-trend-row strong{text-align:left}.website-analytics-tabs{overflow-x:auto;flex-wrap:nowrap}.website-analytics-tabs a{flex:0 0 auto}.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}.site-footer__brand{grid-column:1 / -1}}@media(max-width:720px){:root{--bl-page-pad: 18px;--bl-section-gap: 44px}.home-hero{gap:28px;padding:34px 0 38px}.page-hero{padding:34px 0 36px}.email-reply-hero__inner{gap:20px}.email-reply-hero__visual{max-width:260px}.page-hero__visual{max-width:100%}.search-filter-row,.search-dropdowns{align-items:stretch;flex-direction:column}.search-input-wrapper,.search-select{min-width:0;width:100%}.tools-chip{font-size:.88rem;min-height:38px;padding-inline:12px}.tools-page .image-tools-card{padding:20px}.compact-tool-item{align-items:flex-start}.compact-tool-item__action{margin-left:0}.home-eyebrow{margin-bottom:18px}.home-hero h1,.tool-hero h1,.page-hero__title{font-size:2.4rem;line-height:1.15}.home-hero__intro{font-size:1rem}.home-hero__actions .bl-button{width:100%}.home-search,.coming-tools,.tool-card--featured,.tools-filter-panel,.tools-cta{padding:20px}.section-heading,.section-heading--split,.open-source-card{align-items:flex-start;flex-direction:column}.section-heading h2{font-size:2rem}.tool-card--featured{grid-template-columns:1fr;min-height:auto}.tool-card__cta{margin-top:16px}.why-grid,.site-footer__inner,.tool-workspace,.tools-cta{grid-template-columns:1fr}.tools-cta__actions{justify-content:stretch}.tools-cta__actions .bl-button{width:100%}.og-field-grid,.og-choice-group>div,.og-export-actions,.bl-before-after-preview,.bl-image-control-grid--two,.tool-result-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}.bl-image-segment{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}.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}.why-card{align-items:flex-start}.tool-card,.tool-panel{min-height:auto}}@media(max-width:430px){.brand{font-size:1.25rem}.brand-mark{height:26px;width:26px}.brand-mark:after{inset:8px}.home-hero h1,.tool-hero h1,.page-hero__title,.static-page h1{font-size:2rem;line-height:1.15}.home-hero__visual{max-width:100%}.coming-tools__grid{grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}}@media(min-width:769px)and (max-width:1024px){.site-header{gap:16px;padding-inline:16px}.site-header__menu{gap:16px}.site-header__nav{gap:20px}}@media(max-width:768px){.site-header{height:72px;padding:0 var(--bl-page-pad);position:relative}.site-header__toggle{display:flex}header.site-header .site-header__menu{display:flex;flex-direction:column;gap:20px;position:absolute!important;top:100%!important;left:0!important;right:0!important;background:#faf7f1;border-bottom:1px solid var(--bl-header-border);padding:0 var(--bl-page-pad);box-shadow:0 10px 15px -3px #0000000d,0 4px 6px -2px #0000000d;z-index:29;max-height:0!important;overflow:hidden!important;opacity:0!important;visibility:hidden!important;pointer-events:none!important;transition:max-height .28s cubic-bezier(.4,0,.2,1),opacity .22s ease,visibility .22s ease,padding .28s cubic-bezier(.4,0,.2,1)}[data-site-header].is-menu-open header.site-header .site-header__menu{max-height:420px!important;opacity:1!important;visibility:visible!important;pointer-events:auto!important;padding:24px var(--bl-page-pad);overflow-y:auto!important}.site-header__nav{flex-direction:column;align-items:stretch;gap:0;width:100%}.site-header__nav a{color:var(--bl-body);font-size:1.05rem;font-weight:800;padding:12px 0;border-bottom:1px solid var(--bl-line-soft);display:block;width:100%}.site-header__nav-link.is-active{color:var(--bl-primary-dark)}.site-header__nav-link.is-active:after{display:none}.site-header__nav a:last-child{border-bottom:none}.site-header__actions{display:grid;grid-template-columns:1fr 1fr;gap:12px;width:100%;align-items:center;margin-top:8px;padding-top:16px;border-top:1px solid var(--bl-line-soft)}.custom-lang-switcher,.custom-theme-switcher{width:100%;justify-content:center}.language-switcher__select{width:100%;padding-right:24px;text-align-last:center}.theme-switcher__button{flex:1;height:32px}.bl-button.site-header__dev{grid-column:1 / -1;width:100%;justify-content:center;min-height:42px}:root[data-theme=dark] .site-header__menu{background:#181715}}.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-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-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-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{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-base)}.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))}.og-tool-content .tool-help-cases,.email-reply-tool-content .tool-help-cases{grid-template-columns:repeat(2,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}.og-tool-content .tool-help-step-card__num:after{display:none}.og-tool-content .tool-help-steps{gap:16px}}.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}.image-tools-card-container{background:var(--bl-surface-card);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-panel);box-shadow:var(--bl-shadow-soft);margin-bottom:var(--bl-section-gap);padding:44px}@media(max-width:720px){.image-tools-card-container{padding:24px 18px}}.image-tools-header{align-items:flex-start;display:flex;flex-direction:row;justify-content:space-between;margin-bottom:32px;position:relative}@media(max-width:768px){.image-tools-header{flex-direction:column;gap:16px}}.image-tools-header__info{display:flex;flex-direction:column;gap:12px;max-width:800px}.image-tools-eyebrow{align-items:center;background:var(--bl-primary-soft);border:1px solid var(--bl-primary-border);border-radius:var(--bl-radius-pill);color:var(--bl-primary-dark);display:inline-flex;font-size:.8rem;font-weight:800;gap:6px;padding:4px 12px;width:fit-content}.image-tools-eyebrow svg{color:var(--bl-primary);fill:currentColor;height:14px;width:14px}.image-tools-header__title{font-family:var(--bl-font-display);font-size:2.5rem;font-weight:400;line-height:1.1;margin:4px 0 0}@media(max-width:720px){.image-tools-header__title{font-size:2rem}}.image-tools-header__subtitle{color:var(--bl-muted);font-size:1.05rem;line-height:1.6;margin:0}.image-tools-header__badges{display:flex;flex-wrap:wrap;gap:16px;margin-top:8px}.image-tools-header__badge{align-items:center;color:var(--bl-muted);display:inline-flex;font-size:.86rem;gap:6px}.image-tools-header__badge svg{color:var(--bl-accent);fill:none;stroke:currentColor;stroke-width:2;height:16px;width:16px}.image-tools-header__link{align-items:center;color:var(--bl-primary-dark);display:inline-flex;font-size:.95rem;font-weight:750;gap:4px;margin-top:8px;text-decoration:none}.image-tools-header__link:hover{text-decoration:underline}.image-tools-grid{display:grid;gap:20px;grid-template-columns:repeat(5,1fr);margin-bottom:40px}@media(max-width:1024px){.image-tools-grid{grid-template-columns:repeat(2,1fr)}}@media(max-width:720px){.image-tools-grid{grid-template-columns:1fr;gap:16px}}.image-tools-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-card);box-shadow:0 4px 12px #4a362208;display:flex;flex-direction:column;justify-content:space-between;padding:24px;position:relative;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;text-decoration:none}.image-tools-card:hover{border-color:var(--bl-primary-border);box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.image-tools-card--main{grid-column:span 2;justify-content:space-between;flex-direction:column;gap:18px;background:var(--bl-surface-raised)}@media(min-width:1025px){.image-tools-card--main{flex-direction:row;gap:24px;grid-column:span 2}}@media(max-width:1024px)and (min-width:721px){.image-tools-card--main{grid-column:span 2;flex-direction:row;gap:24px}}.image-tools-main-content{display:flex;flex-direction:column;flex:1.2;gap:12px;justify-content:space-between}.image-tools-main-top{display:flex;flex-direction:column;gap:10px}.image-tools-card-badge{align-items:center;background:var(--bl-primary-soft);border:1px solid rgba(214,95,66,.2);border-radius:var(--bl-radius-pill);color:var(--bl-primary-dark);display:inline-flex;font-size:.78rem;font-weight:800;gap:4px;padding:2px 10px;width:fit-content}.image-tools-card-badge svg{fill:currentColor;height:12px;width:12px}.image-tools-card-title{color:var(--bl-text);font-family:var(--bl-font-display);font-size:1.75rem;font-weight:400;line-height:1.2;margin:0}.image-tools-card-desc{color:var(--bl-muted);font-size:.92rem;line-height:1.55;margin:0}.image-tools-tags{display:flex;flex-wrap:wrap;gap:8px;margin:4px 0}.image-tools-tag{background:var(--bl-surface-soft);border-radius:var(--bl-radius-pill);color:var(--bl-body);font-size:.78rem;font-weight:750;padding:3px 10px}.image-tools-main-btn{margin-top:8px;width:fit-content}.image-tools-main-preview{flex:1;display:flex;align-items:center;justify-content:center;position:relative;height:220px;border-radius:var(--bl-radius-control);overflow:visible;box-shadow:0 4px 18px #4a362214;border:4px solid var(--bl-surface-raised);background:var(--bl-surface-raised);max-width:180px;width:100%}@media(max-width:1024px){.image-tools-main-preview{flex:0 0 auto;width:100%;max-width:320px;margin:0 auto;height:180px}}.image-tools-main-preview img{display:block;height:100%;object-fit:cover;width:100%;border-radius:4px}.image-tools-preview-cut-badge{position:absolute;top:-12px;right:-12px;background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:50%;width:36px;height:36px;display:flex;align-items:center;justify-content:center;box-shadow:0 4px 12px #4a36221f;color:var(--bl-primary);z-index:2}:root[data-theme=dark] .image-tools-preview-cut-badge{background:var(--bl-surface-soft)}.image-tools-preview-cut-badge svg{width:16px;height:16px}.image-tools-card--scenario{gap:16px}.image-tools-icon-wrapper{border-radius:50%;display:flex;align-items:center;justify-content:center;height:48px;width:48px;flex-shrink:0}.image-tools-icon-wrapper svg{height:24px;width:24px;fill:none;stroke:currentColor;stroke-width:2}.image-tools-scenario-top{display:flex;flex-direction:column;gap:10px;flex-grow:1}.image-tools-scenario-title{color:var(--bl-text);font-family:var(--bl-font-display);font-size:1.35rem;font-weight:400;margin:0}.image-tools-checks-list{display:flex;flex-direction:column;gap:8px;margin:12px 0 16px;padding:0;list-style:none}.image-tools-check-item{align-items:center;color:var(--bl-body);display:flex;font-size:.88rem;gap:8px}.image-tools-check-item svg{fill:none;stroke:currentColor;stroke-width:2.5;height:14px;width:14px}.image-tools-scenario-link{align-items:center;color:var(--bl-primary-dark);display:inline-flex;font-size:.92rem;font-weight:750;gap:4px;text-decoration:none;margin-top:auto}.image-tools-scenario-link:hover{text-decoration:underline}.image-tools-card--scenario-product .image-tools-icon-wrapper{background:var(--bl-primary-soft);color:var(--bl-primary-dark)}.image-tools-card--scenario-product .image-tools-check-item svg{color:var(--bl-primary-dark)}.image-tools-card--scenario-website .image-tools-icon-wrapper{background:var(--bl-accent-soft);color:var(--bl-accent)}.image-tools-card--scenario-website .image-tools-check-item svg{color:var(--bl-accent)}.image-tools-card--scenario-utilities .image-tools-icon-wrapper{background:var(--bl-warning-bg);color:var(--bl-warning-text)}.image-tools-card--scenario-utilities .image-tools-check-item svg{color:var(--bl-warning-text)}.image-tools-trust-bar{border-top:1px solid var(--bl-line-soft);display:grid;gap:24px;grid-template-columns:repeat(4,1fr);padding-top:32px;margin-top:24px}@media(max-width:980px){.image-tools-trust-bar{grid-template-columns:repeat(2,1fr)}}@media(max-width:520px){.image-tools-trust-bar{grid-template-columns:1fr;gap:16px}}.image-tools-trust-item{align-items:flex-start;display:flex;gap:12px}.image-tools-trust-icon{border-radius:var(--bl-radius-control);display:flex;align-items:center;justify-content:center;height:40px;width:40px;flex-shrink:0}.image-tools-trust-icon svg{height:20px;width:20px;fill:none;stroke:currentColor;stroke-width:2}.image-tools-trust-icon--0{background:var(--bl-accent-soft);color:var(--bl-accent)}.image-tools-trust-icon--1{background:var(--bl-primary-soft);color:var(--bl-primary-dark)}.image-tools-trust-icon--2{background:var(--bl-accent-soft);color:var(--bl-accent)}.image-tools-trust-icon--3{background:var(--bl-primary-soft);color:var(--bl-primary-dark)}.image-tools-trust-content{display:flex;flex-direction:column;gap:4px}.image-tools-trust-title{color:var(--bl-text);font-size:.95rem;font-weight:750}.image-tools-trust-desc{color:var(--bl-muted);font-size:.84rem;line-height:1.4}.title-sparkle{display:inline-block;margin-left:2px;width:22px;height:22px;align-self:flex-start;margin-top:-6px}.title-sparkle svg{width:100%;height:100%;stroke:var(--bl-primary);stroke-width:3.5;stroke-linecap:round}@media(max-width:640px){.page-hero__title{font-size:2.4rem}.title-sparkle{width:18px;height:18px;margin-top:-4px}}.image-landing-btn-arrow{margin-left:6px;display:inline-block;transition:transform .16s ease}.image-landing-btn-arrow--primary{color:var(--bl-primary)}.bl-button:hover .image-landing-btn-arrow{transform:translate(3px)}.image-landing-section{margin-bottom:var(--bl-section-gap)}.image-landing-section__header{margin-bottom:24px}.image-landing-section__eyebrow{color:var(--bl-primary-dark);font-size:.85rem;font-weight:800;text-transform:uppercase;letter-spacing:0;margin:0 0 6px}.image-landing-section__title{font-family:var(--bl-font-display);font-size:2rem;font-weight:400;color:var(--bl-text);margin:0 0 8px}.image-landing-section__subtitle{color:var(--bl-muted);font-size:1rem;margin:0}.image-workflows-grid{display:grid;grid-template-columns:repeat(3,1fr);gap:24px}@media(max-width:960px){.image-workflows-grid{grid-template-columns:1fr;gap:20px}}.image-workflow-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-card);display:flex;flex-direction:column;gap:20px;padding:24px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease;position:relative}.image-workflow-card:hover{border-color:var(--bl-primary-border);box-shadow:var(--bl-shadow-card);transform:translateY(-2px)}.image-workflow-card__top{display:flex;flex-direction:column;gap:12px;flex-grow:1}.image-workflow-card__body{display:flex;flex-direction:column;min-width:0;flex-grow:1;justify-content:space-between}.image-workflow-card__icon-tile{width:46px;height:46px;border-radius:12px;display:flex;align-items:center;justify-content:center;margin-bottom:4px}.image-workflow-card__icon-tile svg{width:26px;height:26px;fill:none;stroke:currentColor;stroke-width:2}.image-workflow-card--product .image-workflow-card__icon-tile{background:var(--bl-primary-soft);color:var(--bl-primary-dark)}.image-workflow-card--website .image-workflow-card__icon-tile{background:var(--bl-accent-soft);color:var(--bl-accent)}.image-workflow-card--transparent .image-workflow-card__icon-tile{background:var(--bl-warning-bg);color:var(--bl-warning-text)}.image-workflow-card__title{font-family:var(--bl-font-display);font-size:1.32rem;font-weight:400;color:var(--bl-text);margin:0}.image-workflow-card__desc{color:var(--bl-muted);font-size:.92rem;line-height:1.55;margin:0}.image-workflow-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin:12px 0 16px}.image-workflow-card__tag{background:var(--bl-surface-soft);border-radius:var(--bl-radius-pill);color:var(--bl-body);font-size:.78rem;font-weight:750;padding:2px 8px}.image-workflow-card__cta{color:var(--bl-primary-dark);font-size:.92rem;font-weight:750;display:inline-flex;align-items:center;gap:4px;margin-top:auto}.image-workflow-card__preview{align-self:stretch;background:transparent;border:0;border-radius:var(--bl-radius-control);display:flex;overflow:hidden;padding:0;aspect-ratio:3 / 2}.image-workflow-card__preview img{border-radius:var(--bl-radius-control);height:100%;object-fit:contain;width:100%}.image-tools-grid-5{display:grid;gap:14px;grid-template-columns:repeat(5,minmax(0,1fr))}.image-tools-grid-5__row-2{display:contents}@media(max-width:1180px){.image-tools-grid-5{grid-template-columns:repeat(3,minmax(0,1fr))}}@media(max-width:760px){.image-tools-grid-5{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.image-tools-grid-5{grid-template-columns:1fr}}.image-tool-compact-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-card);display:flex;flex-direction:column;min-height:300px;padding:16px;text-decoration:none;transition:border-color .16s ease,box-shadow .16s ease,transform .16s ease}.image-tool-compact-card:hover{border-color:var(--bl-primary-border);box-shadow:var(--bl-shadow-card);transform:translateY(-1px)}.image-tool-compact-card__header{display:flex;align-items:center;gap:10px;margin-bottom:10px}.image-tool-compact-card__icon{width:36px;height:36px;border-radius:8px;background:var(--bl-surface-soft);color:var(--bl-primary-dark);display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-tool-compact-card__icon svg{width:18px;height:18px;fill:none;stroke:currentColor;stroke-width:2}.image-tool-compact-card__title{font-family:var(--bl-font-body);font-size:1rem;font-weight:800;color:var(--bl-text);margin:0}.image-tool-compact-card__desc{color:var(--bl-muted);font-size:.86rem;line-height:1.5;margin:0 0 12px}.image-tool-compact-card__preview{aspect-ratio:4 / 3;background:var(--bl-surface-soft);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);margin-bottom:12px;overflow:hidden}.image-tool-compact-card__preview img{height:100%;object-fit:cover;width:100%}.image-tool-compact-card__tags{display:flex;flex-wrap:wrap;gap:6px;margin-top:auto;margin-bottom:14px}.image-tool-compact-card__tag{background:var(--bl-surface-soft);border-radius:var(--bl-radius-pill);color:var(--bl-muted);font-size:.74rem;font-weight:700;padding:1px 6px}.image-tool-compact-card__cta{color:var(--bl-primary-dark);font-size:.86rem;font-weight:750;display:inline-flex;align-items:center;gap:3px;margin-top:auto}.image-why-grid{display:grid;grid-template-columns:repeat(4,1fr);gap:24px;padding:12px 0}@media(max-width:960px){.image-why-grid{grid-template-columns:repeat(2,1fr);gap:32px 24px}}@media(max-width:600px){.image-why-grid{grid-template-columns:1fr;gap:24px}}.image-why-item{display:flex;align-items:flex-start;gap:16px}.image-why-item__icon-wrapper{width:48px;height:48px;border-radius:50%;display:flex;align-items:center;justify-content:center;flex-shrink:0}.image-why-item__icon-wrapper svg{width:22px;height:22px;fill:none;stroke:currentColor;stroke-width:2}.image-why-item--0 .image-why-item__icon-wrapper{background:#22c55e1a;color:#22c55e}.image-why-item--1 .image-why-item__icon-wrapper{background:#f973161a;color:#f97316}.image-why-item--2 .image-why-item__icon-wrapper{background:#8b5cf61a;color:#8b5cf6}.image-why-item--3 .image-why-item__icon-wrapper{background:#f43f5e1a;color:#f43f5e}.image-why-item__text{min-width:0}.image-why-item__title{font-size:1.05rem;font-weight:750;color:var(--bl-text);margin:0 0 6px;line-height:1.3}.image-why-item__desc{color:var(--bl-muted);font-size:.88rem;line-height:1.5;margin:0}.footer-cta{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-card);padding:32px 40px;display:flex;align-items:center;justify-content:space-between;gap:32px;margin-top:56px}.footer-cta__body{display:flex;align-items:center;gap:24px;flex-grow:1;min-width:0}.footer-cta__image{width:120px;height:auto;object-fit:contain;flex-shrink:0}.footer-cta__text{display:flex;flex-direction:column;gap:6px;min-width:0;text-align:left}.footer-cta__title{font-family:var(--bl-font-display);font-size:1.62rem;font-weight:400;color:var(--bl-text);margin:0;text-align:left}.footer-cta__desc{color:var(--bl-muted);font-size:.95rem;margin:0;line-height:1.5;text-align:left}.footer-cta__buttons{display:flex;align-items:center;gap:12px;flex-shrink:0}@media(max-width:960px){.footer-cta{flex-direction:column;align-items:center;text-align:center;padding:32px 24px;gap:24px}.footer-cta__body{flex-direction:column;align-items:center;text-align:center;gap:16px}.footer-cta__text{text-align:center;align-items:center}.footer-cta__title,.footer-cta__desc{text-align:center}.footer-cta__buttons{width:100%;justify-content:center}}.tool-card__icon,.workflow-card__visual,.image-workflow-card__preview,.image-tool-compact-card__preview,.image-tools-main-preview{position:relative}:root[data-theme=dark] .tool-card__icon img,:root[data-theme=dark] .workflow-card__visual img,:root[data-theme=dark] .image-workflow-card__preview img,:root[data-theme=dark] .image-tool-compact-card__preview img,:root[data-theme=dark] .image-tools-main-preview img{filter:var(--bl-dark-image-filter);transition:filter .3s ease}:root[data-theme=dark] .tool-card:hover .tool-card__icon img,:root[data-theme=dark] .workflow-card:hover .workflow-card__visual img,:root[data-theme=dark] .image-workflow-card:hover .image-workflow-card__preview img,:root[data-theme=dark] .image-tool-compact-card:hover .image-tool-compact-card__preview img,:root[data-theme=dark] .image-tools-card--main:hover .image-tools-main-preview img{filter:var(--bl-dark-image-filter-hover)}:root[data-theme=dark] .tool-card__icon:after,:root[data-theme=dark] .workflow-card__visual:after,:root[data-theme=dark] .image-workflow-card__preview:after,:root[data-theme=dark] .image-tool-compact-card__preview:after,:root[data-theme=dark] .image-tools-main-preview:after{content:"";position:absolute;inset:0;background-color:var(--bl-dark-image-overlay);mix-blend-mode:multiply;pointer-events:none;border-radius:inherit;transition:background-color .3s ease}:root[data-theme=dark] .tool-card:hover .tool-card__icon:after,:root[data-theme=dark] .workflow-card:hover .workflow-card__visual:after,:root[data-theme=dark] .image-workflow-card:hover .image-workflow-card__preview:after,:root[data-theme=dark] .image-tool-compact-card:hover .image-tool-compact-card__preview:after,:root[data-theme=dark] .image-tools-card--main:hover .image-tools-main-preview:after{background-color:var(--bl-dark-image-overlay-hover)}:root[data-theme=dark] .home-hero__visual img,:root[data-theme=dark] .page-hero__visual img{filter:var(--bl-dark-hero-image-filter)}.tool-hero__tags{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;margin-top:22px}.tool-hero-tag{align-items:center;background:color-mix(in srgb,var(--bl-surface-raised) 82%,transparent);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-pill);color:var(--bl-body);display:inline-flex;font-size:.86rem;font-weight:720;gap:8px;min-height:32px;padding:6px 11px}.tool-hero-tag:before{background:var(--bl-primary-dark);content:"";display:inline-block;height:15px;-webkit-mask:var(--tool-hero-tag-icon) center / contain no-repeat;mask:var(--tool-hero-tag-icon) center / contain no-repeat;width:15px}.tool-hero-tag[data-icon=check]{--tool-hero-tag-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.5' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M20 6 9 17l-5-5'/%3E%3C/svg%3E")}.tool-hero-tag[data-icon=browser]{--tool-hero-tag-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Cpath d='M3 9h18M7 7h.01M10 7h.01'/%3E%3C/svg%3E")}.tool-hero-tag[data-icon=image]{--tool-hero-tag-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Crect x='3' y='4' width='18' height='16' rx='2'/%3E%3Ccircle cx='8.5' cy='9' r='1.5'/%3E%3Cpath d='m21 15-4.5-4.5a2 2 0 0 0-2.8 0L6 18'/%3E%3C/svg%3E")}.tool-hero-tag[data-icon=compress]{--tool-hero-tag-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M8 3v5H3'/%3E%3Cpath d='M16 21v-5h5'/%3E%3Cpath d='M3 8l5-5'/%3E%3Cpath d='m16 16 5 5'/%3E%3Cpath d='M21 8h-5V3'/%3E%3Cpath d='M3 16h5v5'/%3E%3Cpath d='m16 8 5-5'/%3E%3Cpath d='m3 21 5-5'/%3E%3C/svg%3E")}.tool-hero-tag[data-icon=shield]{--tool-hero-tag-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 22s8-4 8-10V5l-8-3-8 3v7c0 6 8 10 8 10z'/%3E%3Cpath d='m9 12 2 2 4-5'/%3E%3C/svg%3E")}.tool-hero-tag[data-icon=webp]{--tool-hero-tag-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M7 3h7l5 5v13H7z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9 14h6'/%3E%3Cpath d='M9 18h4'/%3E%3C/svg%3E")}.tool-hero-tag[data-icon=sparkles]{--tool-hero-tag-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 14 8l5 2-5 2-2 5-2-5-5-2 5-2z'/%3E%3Cpath d='M19 16v4'/%3E%3Cpath d='M17 18h4'/%3E%3C/svg%3E")}.tool-hero-tag[data-icon=code]{--tool-hero-tag-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.3' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='m8 9-4 3 4 3'/%3E%3Cpath d='m16 9 4 3-4 3'/%3E%3Cpath d='m14 4-4 16'/%3E%3C/svg%3E")}.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)}.tool-preview-empty--center{align-items:center;display:flex;flex-direction:column;height:100%;justify-content:center;width:100%}.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}.resized-preview-img{max-width:100%;max-height:100%;object-fit:contain}.spinner{width:28px;height:28px;border:3px solid var(--bl-line-soft);border-top-color:var(--bl-primary);border-radius:50%;animation:spin 1s linear infinite;margin-bottom:12px}@keyframes spin{to{transform:rotate(360deg)}}.tool-image-preview.is-empty{background:var(--bl-surface-raised);border:1px dashed var(--bl-line-soft);min-height:clamp(300px,28vw,420px)}.bl-compressor-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before{background:radial-gradient(circle at 25% 30%,var(--bl-primary-highlight) 0 5px,transparent 6px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-accent-soft) 76%,transparent) 58% 100%) left 13% top 50% / 104px 74px no-repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) left 13% top 50% / 104px 74px no-repeat,radial-gradient(circle at 76% 31%,var(--bl-accent) 0 4px,transparent 5px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-primary-soft) 50%,transparent) 58% 100%) right 12% top 50% / 78px 58px no-repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) right 12% top 50% / 78px 58px no-repeat}.bl-compressor-settings .bl-image-settings-panel__body{gap:16px}.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-empty-visual{align-items:center;display:inline-grid;gap:12px;grid-template-columns:104px auto 78px;justify-content:center;margin:0 auto 14px}.bl-compressor-empty-visual__frame{background:radial-gradient(circle at 72% 28%,var(--bl-primary-highlight) 0 6px,transparent 7px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-accent-soft) 76%,transparent) 58% 100%),var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);box-shadow:0 12px 22px color-mix(in srgb,var(--bl-primary) 7%,transparent);display:block;position:relative}.bl-compressor-empty-visual__frame:after{background:var(--bl-warning-bg);border:1px solid color-mix(in srgb,var(--bl-warning-text) 22%,var(--bl-line-soft));border-radius:var(--bl-radius-pill);color:var(--bl-warning-text);content:"2.4 MB";font-family:var(--bl-font-mono);font-size:.64rem;font-weight:800;padding:3px 6px;position:absolute;right:-8px;top:-10px}.bl-compressor-empty-visual__frame--before{height:74px;width:104px}.bl-compressor-empty-visual__frame--after{height:58px;width:78px}.bl-compressor-empty-visual__frame--after:after{background:var(--bl-success-bg);color:var(--bl-success-text);content:"680 KB"}.bl-compressor-empty-visual__arrow{color:var(--bl-primary);font-size:1.7rem;font-weight:900}.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: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") 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.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") center / contain no-repeat;width:18px}.bl-compressor-secure-note--warning{background:color-mix(in srgb,var(--bl-warning-bg) 72%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-warning-text) 26%,var(--bl-line-soft));color:var(--bl-warning-text)}.bl-webp-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before{background:linear-gradient(180deg,color-mix(in srgb,var(--bl-primary-soft) 42%,var(--bl-surface-card)) 0 26%,transparent 26%) left 13% top 50% / 108px 78px no-repeat,radial-gradient(circle at 26% 36%,var(--bl-warning-text) 0 6px,transparent 7px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-accent-soft) 78%,transparent) 58% 100%) left 13% top 50% / 108px 78px no-repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) left 13% top 50% / 108px 78px no-repeat,linear-gradient(135deg,color-mix(in srgb,var(--bl-accent-soft) 74%,var(--bl-surface-card)) 0 72%,transparent 72%) right 13% top 50% / 88px 78px no-repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) right 13% top 50% / 88px 78px no-repeat}.bl-webp-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):after{height:28px;top:58px;width:28px}.bl-webp-settings .bl-image-settings-panel__body{gap:16px}.bl-webp-check-list{display:grid;gap:8px}.bl-image-check.is-disabled{color:var(--bl-muted);opacity:.76}.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: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") 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.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") 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-empty-visual{align-items:center;display:inline-grid;gap:14px;grid-template-columns:112px auto 88px;justify-content:center;margin:0 auto 14px}.bl-webp-empty-visual__frame{background:radial-gradient(circle at 28% 38%,var(--bl-warning-text) 0 6px,transparent 7px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-accent-soft) 72%,transparent) 58% 100%),var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);box-shadow:0 12px 22px color-mix(in srgb,var(--bl-primary) 7%,transparent);display:block;position:relative}.bl-webp-empty-visual__frame:before{background:color-mix(in srgb,var(--bl-primary-soft) 62%,var(--bl-surface-card));border-radius:var(--bl-radius-control) var(--bl-radius-control) 0 0;color:var(--bl-primary-dark);content:"PNG / JPG";font-family:var(--bl-font-mono);font-size:.62rem;font-weight:850;left:0;padding:4px 7px;position:absolute;right:0;top:0}.bl-webp-empty-visual__frame:after{background:var(--bl-warning-bg);border:1px solid color-mix(in srgb,var(--bl-warning-text) 22%,var(--bl-line-soft));border-radius:var(--bl-radius-pill);color:var(--bl-warning-text);content:"2.4 MB";font-family:var(--bl-font-mono);font-size:.64rem;font-weight:850;padding:3px 6px;position:absolute;bottom:-10px;left:50%;transform:translate(-50%);white-space:nowrap}.bl-webp-empty-visual__frame--before{height:82px;width:112px}.bl-webp-empty-visual__frame--after{background:linear-gradient(135deg,color-mix(in srgb,var(--bl-accent-soft) 76%,var(--bl-surface-card)) 0 72%,transparent 72%),var(--bl-surface-card);height:82px;width:88px}.bl-webp-empty-visual__frame--after:before{background:color-mix(in srgb,var(--bl-accent-soft) 74%,var(--bl-surface-card));color:var(--bl-success-text);content:"WEBP"}.bl-webp-empty-visual__frame--after:after{background:var(--bl-success-bg);color:var(--bl-success-text);content:"680 KB"}.bl-webp-empty-visual__arrow{color:var(--bl-primary);font-size:1.8rem;font-weight:900}.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-website-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before{aspect-ratio:16 / 9;background:url(/assets/image-toolkit/tool-website-optimizer-upload-illustration.webp) center / contain no-repeat;border:0;box-shadow:none;height:auto;width:min(344px,92%)}.bl-website-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):after{display:none}.bl-website-settings .bl-image-settings-panel__body{gap:16px}.bl-website-target-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.bl-website-target-card{align-items:start;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:9px 10px;grid-template-columns:34px minmax(0,1fr);min-height:108px;padding:13px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-website-target-card:hover:not(:disabled),.bl-website-target-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-website-target-card:disabled{cursor:not-allowed;opacity:.7}.bl-website-target-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:11px;color:var(--bl-primary-dark);display:inline-flex;height:34px;justify-content:center;width:34px}.bl-website-target-card:nth-child(2) .bl-website-target-card__icon{background:color-mix(in srgb,#7c6ee6 10%,var(--bl-surface-card));border-color:color-mix(in srgb,#7c6ee6 18%,var(--bl-line-soft));color:#5b54ba}.bl-website-target-card:nth-child(3) .bl-website-target-card__icon{background:color-mix(in srgb,#5f8df5 10%,var(--bl-surface-card));border-color:color-mix(in srgb,#5f8df5 18%,var(--bl-line-soft));color:#3f70d6}.bl-website-target-card:nth-child(4) .bl-website-target-card__icon{background:color-mix(in srgb,#f0a03c 12%,var(--bl-surface-card));border-color:color-mix(in srgb,#f0a03c 18%,var(--bl-line-soft));color:#b8691f}.bl-website-target-card:nth-child(5) .bl-website-target-card__icon{background:color-mix(in srgb,var(--bl-accent) 12%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-accent) 18%,var(--bl-line-soft));color:var(--bl-accent-active)}.bl-website-target-card__icon:before{background:currentColor;content:"";height:17px;-webkit-mask:var(--bl-website-target-icon) center / contain no-repeat;mask:var(--bl-website-target-icon) center / contain no-repeat;width:17px}.bl-website-target-card[data-icon=target]{--bl-website-target-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='12' cy='12' r='8'/%3E%3Ccircle cx='12' cy='12' r='3'/%3E%3Cpath d='M12 2v3M12 19v3M2 12h3M19 12h3'/%3E%3C/svg%3E")}.bl-website-target-card[data-icon=share]{--bl-website-target-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='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-website-target-card[data-icon=phone]{--bl-website-target-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%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}.bl-website-target-card[data-icon=shopping]{--bl-website-target-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 8h12l-1 12H7z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3Cpath d='M9 13h6'/%3E%3C/svg%3E")}.bl-website-target-card[data-icon=custom]{--bl-website-target-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='M4 7h16'/%3E%3Cpath d='M4 17h16'/%3E%3Ccircle cx='9' cy='7' r='2'/%3E%3Ccircle cx='15' cy='17' r='2'/%3E%3C/svg%3E")}.bl-website-target-card__body{display:grid;gap:4px;min-width:0}.bl-website-target-card__body strong{color:var(--bl-text);font-size:.9rem;line-height:1.3}.bl-website-target-card__body small{color:var(--bl-muted);display:-webkit-box;font-size:.74rem;line-height:1.42;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bl-website-format-picker{display:grid;gap:10px}.bl-website-format-picker>strong{color:var(--bl-text);font-size:.94rem}.bl-website-format-grid{display:grid;gap:9px;grid-template-columns:repeat(4,minmax(0,1fr))}.bl-website-format-grid button{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;justify-items:center;min-height:58px;padding:9px 8px;text-align:center}.bl-website-format-grid button:hover:not(:disabled),.bl-website-format-grid 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-website-format-grid button:disabled{cursor:not-allowed;opacity:.7}.bl-website-format-grid span{color:var(--bl-primary-dark);font-size:.88rem;font-weight:820}.bl-website-format-grid small{color:var(--bl-muted);display:none;font-size:.7rem;line-height:1.35}.bl-website-generate-button,.bl-website-actions .bl-button{align-items:center;display:inline-flex;gap:8px;justify-content:center}.bl-website-generate-button{min-height:56px}.bl-website-preview-panel{align-self:start;grid-template-rows:auto auto}.bl-website-preview-header .bl-badge{white-space:nowrap}.bl-website-preview-card{gap:18px;height:auto;min-height:0}.bl-website-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-website-stat-card{display:grid;gap:5px;min-width:0;padding:16px}.bl-website-stat-card+.bl-website-stat-card{border-left:1px solid var(--bl-line-soft)}.bl-website-stat-card span,.bl-website-stat-card small{color:var(--bl-muted);font-size:.78rem;line-height:1.38}.bl-website-stat-card strong{color:var(--bl-text);font-family:var(--bl-font-display);font-size:1.55rem;font-weight:700;line-height:1.1}.bl-website-stat-card--savings strong{color:var(--bl-success-text)}.bl-website-preview-tabs{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px}.bl-website-preview-tabs button{background:transparent;border:1px solid transparent;border-radius:calc(var(--bl-radius-control) - 2px);color:var(--bl-body);cursor:pointer;font:inherit;font-size:.9rem;font-weight:760;min-height:40px}.bl-website-preview-tabs button:hover,.bl-website-preview-tabs button.is-selected{background:var(--bl-surface-card);border-color:var(--bl-primary-border);color:var(--bl-text)}.bl-website-preview-stage{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:clamp(320px,32vw,430px);overflow:hidden;padding:24px;position:relative}.bl-website-preview-stage__badge{background:var(--bl-success-bg);border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-control);color:var(--bl-success-text);font-size:.78rem;font-weight:820;padding:7px 10px;position:absolute;right:16px;top:16px;z-index:2}.bl-website-preview-art{align-items:center;display:flex;height:100%;justify-content:center;width:100%}.bl-website-preview-art img{border-radius:calc(var(--bl-radius-card) - 4px);max-height:370px;object-fit:contain;width:100%}.bl-website-optimization-info{display:grid;gap:8px;margin:0}.bl-website-optimization-info div{display:grid;gap:10px;grid-template-columns:minmax(96px,.8fr) minmax(0,1.6fr)}.bl-website-optimization-info dt,.bl-website-optimization-info dd{font-size:.88rem;line-height:1.4;margin:0}.bl-website-optimization-info dt{color:var(--bl-muted)}.bl-website-optimization-info dd{align-items:center;color:var(--bl-text);display:inline-flex;flex-wrap:wrap;font-family:var(--bl-font-mono);font-weight:800;gap:8px}.bl-website-optimization-info dd span{color:var(--bl-muted);font-family:var(--bl-font-body)}.bl-website-actions .bl-button{min-height:54px}.bl-website-secure-note{justify-content:flex-start}@media(max-width:980px){.bl-website-target-grid{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:720px){.bl-website-target-grid,.bl-website-result-summary{grid-template-columns:1fr}.bl-website-stat-card+.bl-website-stat-card{border-left:0;border-top:1px solid var(--bl-line-soft)}.bl-website-format-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-website-preview-stage{min-height:280px;padding:22px 16px}.bl-website-preview-stage__badge{font-size:.7rem;left:14px;right:14px;text-align:center}.bl-website-optimization-info div{grid-template-columns:1fr}}.bl-transparent-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before{aspect-ratio:16 / 9;background:url(/assets/image-toolkit/tool-transparent-png-upload-illustration.webp) center / contain no-repeat;border:0;box-shadow:none;height:auto;width:min(344px,92%)}.bl-transparent-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):after{display:none}.bl-transparent-settings .bl-image-settings-panel__body{gap:16px}.bl-transparent-settings-tabs{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px}.bl-transparent-settings-tabs button{background:transparent;border:1px solid transparent;border-radius:calc(var(--bl-radius-control) - 2px);color:var(--bl-body);cursor:pointer;font:inherit;font-size:.88rem;font-weight:760;min-height:40px}.bl-transparent-settings-tabs button:hover:not(:disabled):not(.is-selected){background:var(--bl-surface-card);border-color:var(--bl-primary-border);color:var(--bl-text)}.bl-transparent-settings-tabs button.is-selected{background:var(--bl-surface-card);border-color:var(--bl-primary);box-shadow:0 0 0 2px var(--bl-primary-focus);color:var(--bl-text)}.bl-transparent-format-picker{display:grid;gap:10px}.bl-transparent-format-picker>strong{color:var(--bl-text);font-size:.94rem;line-height:1.35}.bl-transparent-format-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.bl-transparent-format-grid button{background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-body);cursor:pointer;display:grid;font:inherit;gap:2px;min-height:66px;padding:10px;text-align:left}.bl-transparent-format-grid button:hover:not(:disabled):not(.is-selected){border-color:var(--bl-primary-border);color:var(--bl-text)}.bl-transparent-format-grid button.is-selected{background:color-mix(in srgb,var(--bl-primary) 8%,var(--bl-surface-card));border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus);color:var(--bl-text)}.bl-transparent-format-grid button:disabled,.bl-transparent-target-card:disabled{cursor:not-allowed;opacity:.68}.bl-transparent-format-grid span{color:var(--bl-text);font-size:.92rem;font-weight:800}.bl-transparent-format-grid small{color:var(--bl-muted);font-size:.74rem;line-height:1.4}.bl-transparent-target-grid{display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr))}.bl-transparent-target-card{align-items:start;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 10px;grid-template-columns:34px minmax(0,1fr);min-height:92px;padding:13px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-transparent-target-card:hover:not(:disabled):not(.is-selected){background:var(--bl-surface-card);border-color:var(--bl-primary-border)}.bl-transparent-target-card.is-selected{background:color-mix(in srgb,var(--bl-primary) 8%,var(--bl-surface-card));border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-transparent-target-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:11px;color:var(--bl-primary-dark);display:inline-flex;height:34px;justify-content:center;width:34px}.bl-transparent-target-card:nth-child(2) .bl-transparent-target-card__icon{background:color-mix(in srgb,var(--bl-warning-bg) 72%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-warning-text) 18%,var(--bl-line-soft));color:var(--bl-warning-text)}.bl-transparent-target-card:nth-child(3) .bl-transparent-target-card__icon{background:color-mix(in srgb,var(--bl-accent-soft) 74%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-success-text) 18%,var(--bl-line-soft));color:var(--bl-success-text)}.bl-transparent-target-card:nth-child(4) .bl-transparent-target-card__icon{background:color-mix(in srgb,var(--bl-primary-soft) 40%,var(--bl-surface-card));border-color:color-mix(in srgb,var(--bl-primary) 18%,var(--bl-line-soft));color:var(--bl-primary-dark)}.bl-transparent-target-card__icon:before{background:currentColor;content:"";height:17px;-webkit-mask:var(--bl-transparent-target-icon) center / contain no-repeat;mask:var(--bl-transparent-target-icon) center / contain no-repeat;width:17px}.bl-transparent-target-card[data-icon=document]{--bl-transparent-target-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 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9.5 13h5'/%3E%3Cpath d='M9.5 17h4'/%3E%3C/svg%3E")}.bl-transparent-target-card[data-icon=share]{--bl-transparent-target-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='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-transparent-target-card[data-icon=phone]{--bl-transparent-target-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%3Crect x='7' y='2' width='10' height='20' rx='2'/%3E%3Cpath d='M11 18h2'/%3E%3C/svg%3E")}.bl-transparent-target-card[data-icon=shopping]{--bl-transparent-target-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 8h12l-1 12H7z'/%3E%3Cpath d='M9 8a3 3 0 0 1 6 0'/%3E%3Cpath d='M9 13h6'/%3E%3C/svg%3E")}.bl-transparent-target-card__body{display:grid;gap:4px;min-width:0}.bl-transparent-target-card__body strong{color:var(--bl-text);font-size:.92rem;line-height:1.32}.bl-transparent-target-card__body small{color:var(--bl-muted);display:-webkit-box;font-size:.74rem;line-height:1.42;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bl-transparent-generate-button{align-items:center;display:inline-flex;gap:8px;justify-content:center;min-height:56px}.bl-transparent-preview-panel{align-self:start;grid-template-rows:auto auto}.bl-transparent-preview-header .bl-badge{white-space:nowrap}.bl-transparent-preview-card{gap:18px;height:auto;min-height:0}.bl-transparent-preview-status{align-items:center;background:color-mix(in srgb,var(--bl-success-bg) 50%,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;gap:10px;justify-content:space-between;padding:10px 12px}.bl-transparent-preview-status span{background:color-mix(in srgb,var(--bl-surface-card) 70%,transparent);border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-pill);font-size:.76rem;font-weight:820;padding:4px 8px;white-space:nowrap}.bl-transparent-preview-status strong{font-size:.88rem;line-height:1.35;text-align:right}.bl-transparent-result-summary{background:var(--bl-surface-raised);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-transparent-stat-card{display:grid;gap:4px;min-width:0;padding:14px}.bl-transparent-stat-card+.bl-transparent-stat-card{border-left:1px solid var(--bl-line-soft)}.bl-transparent-stat-card span,.bl-transparent-stat-card small{color:var(--bl-muted);font-size:.74rem;line-height:1.35}.bl-transparent-stat-card strong{color:var(--bl-text);font-family:var(--bl-font-mono);font-size:1.05rem;font-weight:840;line-height:1.2}.bl-transparent-stat-card--savings strong{color:var(--bl-success-text)}.bl-transparent-preview-tabs{border-bottom:1px solid var(--bl-line-soft);display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr))}.bl-transparent-preview-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--bl-body);cursor:pointer;font:inherit;font-size:.9rem;font-weight:760;min-height:44px;padding:8px 6px 12px}.bl-transparent-preview-tabs button:hover:not(.is-selected){border-bottom-color:var(--bl-primary-border);color:var(--bl-text)}.bl-transparent-preview-tabs button.is-selected{border-bottom-color:var(--bl-primary);color:var(--bl-text);font-weight:800}.bl-transparent-preview-stage{align-items:center;background-color:var(--bl-surface-card);background-image:linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px;border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:flex;justify-content:center;min-height:clamp(340px,36vw,470px);overflow:hidden;padding:26px;position:relative}.bl-transparent-preview-stage__badge{background:var(--bl-success-bg);border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-control);color:var(--bl-success-text);font-size:.78rem;font-weight:820;padding:7px 10px;position:absolute;right:16px;top:16px;z-index:2}.bl-transparent-preview-art{align-items:center;display:flex;justify-content:center;min-height:240px;width:min(78%,420px)}.bl-transparent-preview-art img{max-height:360px;object-fit:contain;width:100%}.bl-transparent-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}.bl-transparent-optimization-info{display:grid;gap:8px;margin:0}.bl-transparent-optimization-info div{display:grid;gap:10px;grid-template-columns:minmax(96px,.8fr) minmax(0,1.6fr)}.bl-transparent-optimization-info dt,.bl-transparent-optimization-info dd{font-size:.88rem;line-height:1.4;margin:0}.bl-transparent-optimization-info dt{color:var(--bl-muted)}.bl-transparent-optimization-info dd{align-items:center;color:var(--bl-text);display:inline-flex;flex-wrap:wrap;font-family:var(--bl-font-mono);font-weight:800;gap:8px}.bl-transparent-optimization-info dd span{color:var(--bl-muted);font-family:var(--bl-font-body)}.bl-transparent-actions .bl-button{align-items:center;display:inline-flex;gap:8px;justify-content:center;min-height:54px}.bl-transparent-secure-note{justify-content:flex-start}@media(max-width:980px){.bl-transparent-target-grid,.bl-transparent-format-grid{grid-template-columns:1fr}}@media(max-width:720px){.bl-transparent-result-summary{grid-template-columns:1fr}.bl-transparent-stat-card+.bl-transparent-stat-card{border-left:0;border-top:1px solid var(--bl-line-soft)}.bl-transparent-preview-stage{min-height:300px;padding:22px 16px}.bl-transparent-preview-stage__badge{font-size:.7rem;left:14px;right:14px;text-align:center}.bl-transparent-preview-art{width:min(86%,340px)}.bl-transparent-optimization-info div{grid-template-columns:1fr}}.bl-remove-bg-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before{background:linear-gradient(180deg,color-mix(in srgb,var(--bl-primary-soft) 46%,var(--bl-surface-card)) 0 100%) left 14% top 50% / 96px 82px no-repeat,radial-gradient(circle at 24% 39%,var(--bl-primary-highlight) 0 7px,transparent 8px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-accent-soft) 72%,transparent) 58% 100%) left 14% top 50% / 96px 82px no-repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) left 14% top 50% / 96px 82px no-repeat,linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 74%,transparent) 25%,transparent 25%) right 12% top 50% / 18px 18px repeat,linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 74%,transparent) 25%,transparent 25%) right 12% top calc(50% + 9px) / 18px 18px repeat,linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 74%,transparent) 75%) right calc(12% - 9px) top calc(50% - 9px) / 18px 18px repeat,linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 74%,transparent) 75%) right calc(12% + 9px) top 50% / 18px 18px repeat,linear-gradient(var(--bl-surface-card),var(--bl-surface-card)) right 12% top 50% / 96px 82px no-repeat}.bl-remove-bg-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):after{height:26px;top:62px;width:26px}.bl-remove-bg-settings .bl-image-settings-panel__body{gap:16px}.bl-remove-bg-mode-grid{display:grid;gap:10px}.bl-remove-bg-mode-card{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-text);cursor:pointer;display:grid;font:inherit;gap:12px;grid-template-columns:38px minmax(0,1fr) auto;min-height:86px;padding:14px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-remove-bg-mode-card:hover:not(:disabled),.bl-remove-bg-mode-card.is-selected{background:var(--bl-surface-card);border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-remove-bg-mode-card:disabled{cursor:not-allowed;opacity:.68}.bl-remove-bg-mode-card__icon{align-items:center;background:color-mix(in srgb,var(--bl-primary) 11%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 18%,var(--bl-line-soft));border-radius:var(--bl-radius-circle);color:var(--bl-primary-dark);display:inline-flex;height:38px;justify-content:center;width:38px}.bl-remove-bg-mode-card__icon:before{background:currentColor;content:"";height:19px;-webkit-mask:var(--bl-remove-bg-mode-icon) center / contain no-repeat;mask:var(--bl-remove-bg-mode-icon) center / contain no-repeat;width:19px}.bl-remove-bg-mode-card[data-icon=scissors]{--bl-remove-bg-mode-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Ccircle cx='6' cy='6' r='3'/%3E%3Ccircle cx='6' cy='18' r='3'/%3E%3Cpath d='M20 4 8.1 15.9'/%3E%3Cpath d='M14.5 14.5 20 20'/%3E%3Cpath d='M8.1 8.1 12 12'/%3E%3C/svg%3E")}.bl-remove-bg-mode-card[data-icon=sparkles]{--bl-remove-bg-mode-icon: url("data:image/svg+xml,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='black' stroke-width='2.2' stroke-linecap='round' stroke-linejoin='round'%3E%3Cpath d='M12 3 14 8l5 2-5 2-2 5-2-5-5-2 5-2z'/%3E%3Cpath d='M19 16v4'/%3E%3Cpath d='M17 18h4'/%3E%3C/svg%3E")}.bl-remove-bg-mode-card__body{display:grid;gap:4px;min-width:0}.bl-remove-bg-mode-card__body strong{color:var(--bl-text);font-size:.96rem;line-height:1.3}.bl-remove-bg-mode-card__body small{color:var(--bl-muted);font-size:.8rem;line-height:1.45}.bl-remove-bg-mode-card__badge{background:color-mix(in srgb,var(--bl-primary-soft) 48%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 20%,var(--bl-line-soft));border-radius:var(--bl-radius-pill);color:var(--bl-primary-dark);font-size:.72rem;font-weight:820;padding:5px 8px;white-space:nowrap}.bl-remove-bg-output-card{align-items:center;background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:flex;gap:14px;justify-content:space-between;min-height:52px;padding:12px 14px}.bl-remove-bg-output-card span{color:var(--bl-muted);font-size:.9rem}.bl-remove-bg-output-card strong{color:var(--bl-text);font-size:.95rem}.bl-remove-bg-process-button{align-items:center;display:inline-flex;gap:8px;min-height:54px;justify-content:center}.bl-remove-bg-result-card{gap:18px}.bl-remove-bg-result-summary .bl-compressor-stat-card strong{font-size:1.34rem}.bl-remove-bg-format-stat strong{color:var(--bl-primary-dark)}.bl-remove-bg-compare,.bl-remove-bg-before-after{min-height:clamp(320px,32vw,430px)}.bl-remove-bg-before-after__pane{align-items:center;background:var(--bl-surface-card);display:flex;justify-content:center}.bl-remove-bg-before-after__pane img{height:calc(100% - 54px);max-height:88%;object-fit:contain;padding:18px;width:calc(100% - 24px)}.bl-remove-bg-preview-background--checker .bl-remove-bg-before-after__pane--transparent{background-color:var(--bl-surface-card);background-image:linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 70%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 70%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 70%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 70%,transparent) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.bl-remove-bg-preview-background--white .bl-remove-bg-before-after__pane--transparent{background:#fff}.bl-remove-bg-preview-background--light .bl-remove-bg-before-after__pane--transparent{background:var(--bl-surface-raised)}.bl-remove-bg-preview-background--dark .bl-remove-bg-before-after__pane--transparent{background:var(--bl-surface-dark)}.bl-remove-bg-empty-visual{align-items:center;display:inline-grid;gap:14px;grid-template-columns:112px auto 112px;justify-content:center;margin:0 auto 14px}.bl-remove-bg-empty-visual__frame{border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);box-shadow:0 12px 22px color-mix(in srgb,var(--bl-primary) 7%,transparent);display:block;height:88px;overflow:hidden;position:relative;width:112px}.bl-remove-bg-empty-visual__frame--before{background:radial-gradient(circle at 25% 32%,var(--bl-primary-highlight) 0 7px,transparent 8px),linear-gradient(135deg,transparent 0 58%,color-mix(in srgb,var(--bl-accent-soft) 72%,transparent) 58% 100%),var(--bl-surface-card)}.bl-remove-bg-empty-visual__frame--after{background-color:var(--bl-surface-card);background-image:linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%);background-position:0 0,0 9px,9px -9px,-9px 0;background-size:18px 18px}.bl-remove-bg-empty-visual__frame:before{background:color-mix(in srgb,var(--bl-primary) 18%,var(--bl-surface-card));border:2px solid color-mix(in srgb,var(--bl-primary) 44%,var(--bl-line-soft));border-radius:10px 10px 8px 8px;bottom:18px;content:"";height:34px;left:50%;position:absolute;transform:translate(-50%);width:42px}.bl-remove-bg-empty-visual__frame:after{border:2px solid color-mix(in srgb,var(--bl-primary) 44%,var(--bl-line-soft));border-bottom:0;border-radius:12px 12px 0 0;bottom:52px;content:"";height:14px;left:50%;position:absolute;transform:translate(-50%);width:24px}.bl-remove-bg-empty-visual__arrow{color:var(--bl-primary);font-size:1.8rem;font-weight:900}.bl-remove-bg-size-bars{margin-top:-2px}.bl-remove-bg-actions .bl-button{min-height:60px;white-space:normal}.bl-remove-bg-actions .bl-remove-bg-download-button{border-radius:var(--bl-radius-control);min-height:68px}.bl-remove-bg-actions:not(:has(.bl-image-download-actions__secondary)) .bl-remove-bg-download-button{min-height:72px}.bl-remove-bg-secure-note{margin-top:-2px}.tool-workspace.bl-product-workspace{grid-template-columns:minmax(0,560px) minmax(420px,1fr);max-width:min(1180px,calc(100vw - var(--bl-page-pad) * 2))}.bl-product-workspace .tool-panel__header p,.bl-product-workspace .tool-helper-text{font-size:.9rem;line-height:1.55}.bl-product-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before{aspect-ratio:16 / 9;background:url(/assets/image-toolkit/tool-product-photo-upload-illustration.webp) center / contain no-repeat;border:0;box-shadow:none;height:auto;width:min(344px,92%)}.bl-product-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):after{display:none}.bl-product-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)) .tool-upload-zone__placeholder{margin-top:2px}.bl-product-settings .bl-image-settings-panel__body{gap:16px}.bl-product-output-grid{display:grid;gap:10px;grid-template-columns:repeat(3,minmax(0,1fr))}.bl-product-output-card{align-items:start;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:9px 10px;grid-template-columns:34px minmax(0,1fr);min-height:132px;padding:13px;position:relative;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-product-output-card:hover:not(:disabled):not(.is-selected){background:var(--bl-surface-card);border-color:var(--bl-primary-border)}.bl-product-output-card.is-selected{background:color-mix(in srgb,var(--bl-primary) 8%,var(--bl-surface-card));border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-product-output-card:disabled{cursor:not-allowed;opacity:.7}.bl-product-output-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:11px;color:var(--bl-primary-dark);display:inline-flex;height:34px;justify-content:center;width:34px}.bl-product-output-card__icon:before{background:currentColor;content:"";height:17px;-webkit-mask:var(--bl-product-output-icon) center / contain no-repeat;mask:var(--bl-product-output-icon) center / contain no-repeat;width:17px}.bl-product-output-card[data-icon=image]{--bl-product-output-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%3Crect x='3' y='5' width='18' height='14' rx='2'/%3E%3Ccircle cx='8' cy='10' r='1.6'/%3E%3Cpath d='m21 15-5-5L5 19'/%3E%3C/svg%3E")}.bl-product-output-card[data-icon=square]{--bl-product-output-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%3Crect x='5' y='5' width='14' height='14' rx='2'/%3E%3C/svg%3E")}.bl-product-output-card[data-icon=panel]{--bl-product-output-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%3Crect x='4' y='5' width='16' height='14' rx='2'/%3E%3Cpath d='M4 10h16'/%3E%3Cpath d='M9 14h6'/%3E%3C/svg%3E")}.bl-product-output-card[data-icon=poster]{--bl-product-output-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 3h7l4 4v14H7z'/%3E%3Cpath d='M14 3v5h5'/%3E%3Cpath d='M9.5 13h5'/%3E%3Cpath d='M9.5 17h4'/%3E%3C/svg%3E")}.bl-product-output-card[data-icon=transparent]{--bl-product-output-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='M4 4h6v6H4z'/%3E%3Cpath d='M14 4h6v6h-6z'/%3E%3Cpath d='M4 14h6v6H4z'/%3E%3Cpath d='M14 14h6v6h-6z'/%3E%3C/svg%3E")}.bl-product-output-card__body{display:grid;gap:4px;min-width:0}.bl-product-output-card__body strong{color:var(--bl-text);font-size:.92rem;line-height:1.3}.bl-product-output-card__body small{color:var(--bl-muted);display:-webkit-box;font-size:.74rem;line-height:1.42;overflow:hidden;-webkit-box-orient:vertical;-webkit-line-clamp:2}.bl-product-output-card__rules{display:grid;gap:3px;margin-top:3px}.bl-product-output-card__rules span{color:var(--bl-body);font-size:.73rem;line-height:1.35;padding-left:14px;position:relative}.bl-product-output-card__rules span:before{color:var(--bl-success-text);content:"✓";font-weight:850;left:0;position:absolute;top:0}.bl-product-output-card__badge{background:color-mix(in srgb,var(--bl-warning-bg) 74%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-warning-text) 20%,var(--bl-line-soft));border-radius:var(--bl-radius-pill);color:var(--bl-warning-text);font-size:.68rem;font-weight:820;padding:3px 6px;grid-column:2;justify-self:start;position:static}.bl-product-settings-tabs{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);display:grid;gap:6px;grid-template-columns:repeat(2,minmax(0,1fr));padding:5px}.bl-product-settings-tabs button{background:transparent;border:1px solid transparent;border-radius:calc(var(--bl-radius-control) - 2px);color:var(--bl-body);cursor:pointer;font:inherit;font-size:.88rem;font-weight:760;min-height:40px}.bl-product-settings-tabs button:hover:not(:disabled):not(.is-selected){background:var(--bl-surface-card);border-color:var(--bl-primary-border);color:var(--bl-text)}.bl-product-settings-tabs button.is-selected{background:var(--bl-surface-card);border-color:var(--bl-primary);box-shadow:0 0 0 2px var(--bl-primary-focus);color:var(--bl-text)}.bl-product-shadow-picker{display:grid;gap:10px}.bl-product-shadow-picker>strong{color:var(--bl-text);font-size:.94rem}.bl-product-background-picker{display:grid;gap:10px}.bl-product-background-picker>strong{color:var(--bl-text);font-size:.94rem}.bl-product-background-options{display:grid;gap:10px;grid-template-columns:repeat(4,minmax(0,1fr))}.bl-product-background-options button{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:.84rem;font-weight:760;gap:8px;justify-content:center;min-height:48px;padding:8px 10px}.bl-product-background-options button:hover:not(:disabled):not(.is-selected){border-color:var(--bl-primary-border);color:var(--bl-text)}.bl-product-background-options button.is-selected{background:color-mix(in srgb,var(--bl-primary) 8%,var(--bl-surface-card));border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus);color:var(--bl-text)}.bl-product-background-options button:disabled{cursor:not-allowed;opacity:.68}.bl-product-background-options span{border:1px solid var(--bl-line-soft);border-radius:6px;height:28px;width:36px}.bl-product-background-options [data-background=white] span{background:#fff}.bl-product-background-options [data-background=transparent] 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 7px,7px -7px,-7px 0;background-size:14px 14px}.bl-product-background-options [data-background=light-gray] span{background:color-mix(in srgb,var(--bl-surface-muted) 68%,#fff)}.bl-product-background-options [data-background=custom] span{background:linear-gradient(135deg,transparent 0 48%,var(--bl-primary) 48% 54%,transparent 54%),var(--bl-surface-raised)}.bl-product-subject-scale{background:color-mix(in srgb,var(--bl-primary-soft) 28%,var(--bl-surface-raised));border:1px solid color-mix(in srgb,var(--bl-primary) 18%,var(--bl-line-soft));border-radius:var(--bl-radius-control);padding:12px}.bl-product-advanced-controls{display:grid;gap:10px}.bl-product-advanced-toggle{background:transparent;border:0;color:var(--bl-primary);cursor:pointer;font:inherit;font-size:.88rem;font-weight:780;justify-self:start;padding:0}.bl-product-advanced-toggle:hover{color:var(--bl-primary-dark)}.bl-product-generate-button{align-items:center;display:inline-flex;gap:8px;justify-content:center;min-height:56px}.bl-product-generate-area{display:grid;gap:10px}.bl-product-generate-area .bl-product-generate-button{width:100%}.bl-product-preview-panel{align-self:start;grid-template-rows:auto auto;position:sticky;top:88px}.bl-product-preview-header .bl-badge{white-space:nowrap}.bl-product-preview-card{gap:18px;height:auto;min-height:0}.bl-product-preview-status{align-items:center;background:color-mix(in srgb,var(--bl-success-bg) 52%,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;gap:10px;justify-content:space-between;padding:10px 12px}.bl-product-preview-status span{background:color-mix(in srgb,var(--bl-surface-card) 70%,transparent);border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-pill);font-size:.76rem;font-weight:820;padding:4px 8px}.bl-product-preview-status strong{font-size:.88rem;line-height:1.35}.bl-product-preview-current{align-items:center;background:color-mix(in srgb,var(--bl-surface-raised) 76%,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:12px}.bl-product-preview-current div{min-width:0}.bl-product-preview-current span:not(.bl-badge){color:var(--bl-muted);display:block;font-size:.74rem;font-weight:820;text-transform:uppercase}.bl-product-preview-current h3{color:var(--bl-text);font-size:1rem;line-height:1.32;margin:4px 0}.bl-product-preview-current p{color:var(--bl-body);font-size:.86rem;line-height:1.45;margin:0}.bl-product-preview-tabs{border-bottom:1px solid var(--bl-line-soft);display:grid;gap:6px;grid-template-columns:repeat(5,minmax(0,1fr))}.bl-product-preview-tabs button{background:transparent;border:0;border-bottom:2px solid transparent;color:var(--bl-body);cursor:pointer;font:inherit;font-size:.9rem;font-weight:760;min-height:44px;padding:8px 6px 12px}.bl-product-preview-tabs button:hover:not(:disabled),.bl-product-preview-tabs button.is-selected{border-bottom-color:var(--bl-primary);color:var(--bl-text)}.bl-product-preview-tabs button:disabled{cursor:not-allowed}.bl-product-preview-stage{align-items:center;background:#fff;border:1px solid var(--bl-line);border-radius:var(--bl-radius-card);display:flex;justify-content:center;min-height:clamp(340px,36vw,470px);overflow:hidden;padding:26px;position:relative}.bl-product-preview-stage--checker{background-color:var(--bl-surface-card);background-image:linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%);background-position:0 0,0 12px,12px -12px,-12px 0;background-size:24px 24px}.bl-product-preview-stage--scene{background:linear-gradient(180deg,#fff 0 66%,color-mix(in srgb,var(--bl-accent-soft) 72%,#fff) 66% 100%)}.bl-product-preview-stage--poster{background:linear-gradient(180deg,color-mix(in srgb,var(--bl-warning-bg) 74%,#fff) 0 30%,#fff 30% 100%)}.bl-product-preview-stage--transparent{background:var(--bl-surface-card)}.bl-product-preview-stage__badge{background:var(--bl-success-bg);border:1px solid var(--bl-success-border-soft);border-radius:var(--bl-radius-control);color:var(--bl-success-text);font-size:.78rem;font-weight:820;padding:7px 10px;position:absolute;right:16px;top:16px;z-index:2}.bl-product-preview-art{align-items:center;display:flex;justify-content:center;min-height:240px;width:min(78%,420px)}.bl-product-preview-art img{max-height:360px;object-fit:contain;width:100%}.bl-product-preview-art:has(.bl-product-preview-sample),.bl-transparent-preview-art:has(.bl-transparent-preview-sample){width:min(88%,520px)}.bl-product-preview-sample,.bl-transparent-preview-sample,.bl-website-preview-sample{border-radius:calc(var(--bl-radius-card) - 4px)}.bl-product-preview-sample--thumb{border-radius:calc(var(--bl-radius-control) - 2px)}.bl-website-preview-sample{height:100%;max-height:none;object-fit:cover}:root[data-theme=dark] .bl-product-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before,:root[data-theme=dark] .bl-transparent-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before,:root[data-theme=dark] .bl-website-upload .tool-upload-zone:not(:has(.tool-upload-zone__preview)):before,:root[data-theme=dark] .bl-product-preview-sample,:root[data-theme=dark] .bl-transparent-preview-sample,:root[data-theme=dark] .bl-website-preview-sample{filter:var(--bl-dark-image-filter)}.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}.bl-product-result-strip{display:grid;gap:12px}.bl-product-result-strip__heading{align-items:end;display:flex;gap:12px;justify-content:space-between}.bl-product-result-strip__heading strong{color:var(--bl-text);font-size:.98rem}.bl-product-result-strip__heading span{color:var(--bl-muted);font-size:.82rem}.bl-product-result-thumbs{display:grid;gap:10px;grid-template-columns:repeat(5,minmax(0,1fr))}.bl-product-result-thumbs button{align-items:center;aspect-ratio:1 / 1;background:var(--bl-surface-card);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-muted);display:flex;justify-content:center;overflow:hidden;padding:8px;position:relative}.bl-product-result-thumbs button.is-selected{border-color:var(--bl-primary-border);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-product-result-thumbs img{height:100%;object-fit:contain;width:100%}.bl-product-result-thumb-label{background:color-mix(in srgb,var(--bl-surface-card) 82%,transparent);border-radius:var(--bl-radius-pill);bottom:6px;color:var(--bl-body);font-size:.66rem;font-weight:800;left:50%;padding:3px 6px;position:absolute;transform:translate(-50%)}.bl-product-workspace-notice{background:var(--bl-warning-bg);border:1px solid color-mix(in srgb,var(--bl-warning-text) 18%,var(--bl-line-soft));border-radius:var(--bl-radius-control);color:var(--bl-warning-text);padding:10px 12px}.bl-product-task-grid,.bl-product-preset-grid{display:grid;gap:10px}.bl-product-task-grid{grid-template-columns:repeat(3,minmax(0,1fr))}.bl-product-task-grid button{background:var(--bl-surface-raised);border:1px solid var(--bl-line);border-radius:var(--bl-radius-control);color:var(--bl-body);cursor:pointer;display:grid;font:inherit;gap:5px;min-height:86px;padding:13px;text-align:left}.bl-product-task-grid button:hover:not(.is-selected){background:var(--bl-surface-card);border-color:var(--bl-primary-border);color:var(--bl-text)}.bl-product-task-grid button.is-selected{background:color-mix(in srgb,var(--bl-primary) 8%,var(--bl-surface-card));border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus);color:var(--bl-text)}.bl-product-task-grid strong{color:var(--bl-text);font-size:.92rem}.bl-product-task-grid span{color:var(--bl-muted);font-size:.78rem;line-height:1.45}.bl-product-preset-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-product-result-filter-tabs{border-bottom:1px solid var(--bl-line-soft);display:flex;gap:6px;overflow-x:auto;scrollbar-width:none;-ms-overflow-style:none}.bl-product-result-filter-tabs::-webkit-scrollbar{display:none}.bl-product-result-filter-tabs button{align-items:center;background:transparent;border:0;border-bottom:2px solid transparent;color:var(--bl-body);cursor:pointer;display:inline-flex;flex:1;font:inherit;font-size:.82rem;font-weight:760;gap:5px;justify-content:center;min-height:44px;min-width:max-content;padding:8px 4px 12px;white-space:nowrap}.bl-product-result-filter-tabs button:hover,.bl-product-result-filter-tabs button.is-selected{border-bottom-color:var(--bl-primary);color:var(--bl-text)}.bl-product-result-filter-tabs span{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-pill);color:var(--bl-muted);font-size:.68rem;min-width:20px;padding:2px 5px}.bl-product-result-list button{cursor:pointer}.bl-product-result-list button.is-failed{background:var(--bl-error-bg);color:var(--bl-error-text)}.bl-product-result-failed-mark{color:var(--bl-error-text);font-size:.74rem;font-weight:800;line-height:1.3;text-align:center}.bl-product-result-alert-count{align-items:center;background:var(--bl-warning-bg);border:1px solid color-mix(in srgb,var(--bl-warning-text) 18%,var(--bl-line-soft));border-radius:var(--bl-radius-circle);color:var(--bl-warning-text);display:inline-flex;font-size:.68rem;font-weight:820;height:22px;justify-content:center;position:absolute;right:6px;top:6px;width:22px}.bl-product-result-list{display:grid;gap:10px}.bl-product-result-row{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:grid;font:inherit;gap:12px;grid-template-columns:58px minmax(0,1fr) auto;min-height:78px;padding:10px;text-align:left;transition:background .16s ease,border-color .16s ease,box-shadow .16s ease}.bl-product-result-row:hover:not(.is-selected){border-color:var(--bl-primary-border)}.bl-product-result-row.is-selected{background:color-mix(in srgb,var(--bl-primary) 7%,var(--bl-surface-card));border-color:var(--bl-primary);box-shadow:0 0 0 3px var(--bl-primary-focus)}.bl-product-result-row.is-failed{background:var(--bl-error-bg);color:var(--bl-error-text)}.bl-product-result-row__thumb{align-items:center;aspect-ratio:1 / 1;background:#fff;border:1px solid var(--bl-line-soft);border-radius:calc(var(--bl-radius-control) - 2px);display:flex;justify-content:center;overflow:hidden;padding:5px}.bl-product-result-row__thumb.is-transparent{background-color:var(--bl-surface-card);background-image:linear-gradient(45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(-45deg,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 25%,transparent 25%),linear-gradient(45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%),linear-gradient(-45deg,transparent 75%,color-mix(in srgb,var(--bl-line-soft) 72%,transparent) 75%);background-position:0 0,0 7px,7px -7px,-7px 0;background-size:14px 14px}.bl-product-result-row__thumb img{height:100%;object-fit:contain;width:100%}.bl-product-result-row__body{display:grid;gap:3px;min-width:0}.bl-product-result-row__body strong{color:var(--bl-text);font-size:.9rem;line-height:1.3}.bl-product-result-row__body small{color:var(--bl-muted);font-size:.78rem;line-height:1.35;overflow-wrap:anywhere}.bl-product-result-row__status{border-radius:var(--bl-radius-pill);font-size:.72rem;font-weight:820;padding:4px 8px;white-space:nowrap}.bl-product-result-row__status[data-status=pass]{background:var(--bl-success-bg);color:var(--bl-success-text)}.bl-product-result-row__status[data-status=warning]{background:var(--bl-warning-bg);color:var(--bl-warning-text)}.bl-product-result-row__status[data-status=error]{background:var(--bl-error-bg);color:var(--bl-error-text)}.bl-product-result-meta dd{overflow-wrap:anywhere}.bl-product-compliance{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:grid;gap:8px;padding:12px}.bl-product-compliance__header{align-items:center;display:flex;gap:10px;justify-content:space-between}.bl-product-compliance__header strong{color:var(--bl-text);font-size:.9rem}.bl-product-compliance__header span{border-radius:var(--bl-radius-pill);font-size:.72rem;font-weight:820;padding:4px 8px}.bl-product-compliance__header span[data-status=pass]{background:var(--bl-success-bg);color:var(--bl-success-text)}.bl-product-compliance__header span[data-status=warning]{background:var(--bl-warning-bg);color:var(--bl-warning-text)}.bl-product-compliance__header span[data-status=fail]{background:var(--bl-error-bg);color:var(--bl-error-text)}.bl-product-compliance p,.bl-product-compliance ul{color:var(--bl-muted);font-size:.82rem;line-height:1.5;margin:0}.bl-product-compliance ul{display:grid;gap:6px;list-style:none;padding:0}.bl-product-compliance li{border-left:3px solid var(--bl-line);padding-left:8px}.bl-product-compliance li[data-tone=error]{border-left-color:var(--bl-error-text);color:var(--bl-error-text)}.bl-product-compliance li[data-tone=warning]{border-left-color:var(--bl-warning-text);color:var(--bl-warning-text)}.bl-product-compliance__rows{display:grid;gap:8px}.bl-product-compliance__row{align-items:center;border-bottom:1px solid var(--bl-line-soft);display:grid;gap:8px;grid-template-columns:52px minmax(0,.86fr) minmax(0,1.24fr);padding:0 0 8px}.bl-product-compliance__row:last-child{border-bottom:0;padding-bottom:0}.bl-product-compliance__row>span{border-radius:var(--bl-radius-pill);font-size:.7rem;font-weight:820;padding:3px 7px;text-align:center}.bl-product-compliance__row[data-status=pass]>span{background:var(--bl-success-bg);color:var(--bl-success-text)}.bl-product-compliance__row[data-status=warning]>span,.bl-product-compliance__row[data-status=manual]>span{background:var(--bl-warning-bg);color:var(--bl-warning-text)}.bl-product-compliance__row[data-status=error]>span{background:var(--bl-error-bg);color:var(--bl-error-text)}.bl-product-compliance__row strong{color:var(--bl-text);font-size:.82rem}.bl-product-compliance__row small{color:var(--bl-muted);font-size:.78rem;line-height:1.35}.bl-product-actions .bl-button{align-items:center;display:inline-flex;gap:8px;justify-content:center;min-height:54px}.bl-product-secure-note{justify-content:flex-start}.bl-product-task-defaults{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:grid;gap:9px;padding:12px}.bl-product-task-defaults strong{color:var(--bl-text);font-size:.86rem}.bl-product-task-defaults div{display:flex;flex-wrap:wrap;gap:8px}.bl-product-task-defaults span{background:var(--bl-surface-card);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-pill);color:var(--bl-body);font-size:.78rem;font-weight:760;padding:5px 9px}.bl-product-platform-rules{background:var(--bl-surface-card);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-panel);padding:20px}.bl-product-platform-rules__header p{color:var(--bl-muted);font-size:.94rem;line-height:1.6;margin:8px 0 0}.bl-product-platform-rules__grid{display:grid;gap:12px;grid-template-columns:repeat(3,minmax(0,1fr))}.bl-product-platform-rule-card{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);display:grid;gap:9px;padding:14px}.bl-product-platform-rule-card__header{align-items:center;display:flex;gap:10px}.bl-product-platform-rule-card__header span{align-items:center;background:color-mix(in srgb,var(--bl-primary-soft) 58%,var(--bl-surface-card));border:1px solid color-mix(in srgb,var(--bl-primary) 18%,var(--bl-line-soft));border-radius:var(--bl-radius-control);color:var(--bl-primary-dark);display:inline-flex;font-size:1rem;font-weight:850;height:34px;justify-content:center;width:34px}.bl-product-platform-rule-card h3{color:var(--bl-text);font-size:.94rem;line-height:1.3;margin:0}.bl-product-platform-rule-card p{color:var(--bl-muted);font-size:.82rem;line-height:1.5;margin:0}.bl-product-platform-rule-card ul{display:grid;gap:5px;list-style:none;margin:0;padding:0}.bl-product-platform-rule-card li{color:var(--bl-body);font-size:.8rem;line-height:1.4;padding-left:16px;position:relative}.bl-product-platform-rule-card li:before{color:var(--bl-success-text);content:"✓";font-weight:850;left:0;position:absolute}.bl-product-platform-rule-card__detail{color:var(--bl-primary);font-size:.78rem;font-weight:800}.bl-product-platform-rules__disclaimer{background:var(--bl-surface-raised);border:1px solid var(--bl-line-soft);border-radius:var(--bl-radius-control);color:var(--bl-muted);font-size:.84rem;line-height:1.55;margin:0;padding:12px}@media(max-width:980px){.tool-workspace.bl-product-workspace{grid-template-columns:1fr}.bl-product-preview-panel{position:static}.bl-image-result-panel .tool-image-preview{min-height:320px}.bl-compressor-result-summary,.bl-compressor-mode-grid,.bl-product-output-grid,.bl-product-task-grid,.bl-product-preset-grid,.bl-product-platform-rules__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){.tool-hero__tags{gap:8px}.bl-image-fit-grid,.bl-compressor-before-after{grid-template-columns:1fr}.bl-compressor-before-after__divider{display:none}.bl-compressor-size-row{grid-template-columns:1fr;gap:7px}.bl-compressor-size-row strong{text-align:left}.bl-webp-background-options{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-product-result-filter-tabs{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.bl-product-preview-stage{min-height:280px;padding:24px 18px}.bl-product-preview-stage__badge{font-size:.7rem;left:14px;right:14px;text-align:center}.bl-product-preview-art{min-height:180px;width:min(78%,260px)}.bl-product-result-strip__heading{align-items:start;flex-direction:column;gap:4px}.bl-product-result-thumbs{grid-template-columns:repeat(3,minmax(0,1fr))}.bl-product-background-options{grid-template-columns:repeat(2,minmax(0,1fr))}.bl-product-result-row{grid-template-columns:52px minmax(0,1fr)}.bl-product-result-row__status{grid-column:2;justify-self:start}.bl-product-compliance__row{grid-template-columns:52px minmax(0,1fr)}.bl-product-compliance__row small{grid-column:2}.bl-remove-bg-empty-visual{gap:8px;grid-template-columns:82px auto 82px}.bl-remove-bg-empty-visual__frame{height:66px;width:82px}.bl-remove-bg-empty-visual__frame:before{bottom:13px;height:27px;width:34px}.bl-remove-bg-empty-visual__frame:after{bottom:40px;height:11px;width:20px}.bl-remove-bg-empty-visual__arrow{font-size:1.3rem;white-space:nowrap}.bl-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)}}