.base-tabs__nav[data-v-5a0c58a3]{border-bottom:1px solid #e4e7ed;display:flex;flex-wrap:wrap;gap:6px;margin-bottom:16px}.base-tabs__tab[data-v-5a0c58a3]{background:transparent;border:0;color:#606266;cursor:pointer;font:inherit;padding:10px 14px;position:relative;transition:color .2s ease}.base-tabs__tab[data-v-5a0c58a3]:after{background:transparent;bottom:-1px;content:"";height:2px;left:12px;position:absolute;right:12px;transition:background-color .2s ease}.base-tabs__tab.is-active[data-v-5a0c58a3],.base-tabs__tab[data-v-5a0c58a3]:hover{color:#8dc63f}.base-tabs__tab.is-active[data-v-5a0c58a3]:after{background:#8dc63f}.base-tabs__content[data-v-5a0c58a3]{min-height:80px}.image-upload-usage[data-v-b989985a]{background:rgba(248,250,252,.86);background:var(--theme-surface-soft,rgba(248,250,252,.86));border:1px solid #d9e2ec;border:1px solid var(--theme-border,#d9e2ec);border-radius:10px;color:#25364a;color:var(--theme-text,#25364a);margin:10px 0 16px;padding:10px 12px}.image-upload-usage__summary[data-v-b989985a]{align-items:center;display:flex;font-size:.82rem;gap:12px;justify-content:space-between;margin-bottom:7px}.image-upload-usage__track[data-v-b989985a]{background:rgba(148,163,184,.24);border-radius:999px;height:6px;overflow:hidden}.image-upload-usage__bar[data-v-b989985a]{background:#65a30d;border-radius:inherit;display:block;height:100%;min-width:0;transition:width .18s ease}.image-upload-usage--limit .image-upload-usage__bar[data-v-b989985a],.image-upload-usage--warning .image-upload-usage__bar[data-v-b989985a]{background:#d97706}.image-upload-usage--error[data-v-b989985a]{border-color:rgba(220,38,38,.4)}.image-upload-usage--error .image-upload-usage__bar[data-v-b989985a]{background:#dc2626}.image-upload-usage__message[data-v-b989985a]{color:#b45309;display:block;margin-top:7px}.image-upload-usage--error .image-upload-usage__message[data-v-b989985a]{color:#dc2626}@media (max-width:640px){.image-upload-usage__summary[data-v-b989985a]{align-items:flex-start;flex-direction:column;gap:3px}}.conversion-result-card[data-v-4a079e36]{background:#fff;background:var(--theme-surface,#fff);border:1px solid rgba(145,158,171,.28);border:1px solid var(--theme-border,rgba(145,158,171,.28));border-radius:18px;box-shadow:0 18px 45px rgba(15,23,42,.08);color:#111827;color:var(--text-color,#111827);margin:28px 0;padding:22px}.conversion-result-card__header[data-v-4a079e36]{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.conversion-result-card__eyebrow[data-v-4a079e36]{color:#8bc53f;font-size:13px;font-weight:800;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.conversion-result-card h2[data-v-4a079e36]{color:#111827;color:var(--text-color,#111827);font-size:24px;line-height:1.2;margin:0}.conversion-result-card__clear[data-v-4a079e36]{align-items:center;background:transparent;border:1px solid rgba(145,158,171,.28);border:1px solid var(--theme-border,rgba(145,158,171,.28));border-radius:999px;color:#111827;color:var(--text-color,#111827);cursor:pointer;display:inline-flex;font-size:28px;height:38px;justify-content:center;line-height:1;opacity:.72;transition:.18s ease;width:38px}.conversion-result-card__clear[data-v-4a079e36]:hover{border-color:#8bc53f;color:#8bc53f;opacity:1}.conversion-result-card__flow[data-v-4a079e36]{grid-gap:18px;align-items:stretch;display:grid;gap:18px;grid-template-columns:minmax(0,1fr) auto minmax(0,1fr)}.conversion-result-card__panel[data-v-4a079e36]{background:rgba(148,163,184,.08);background:var(--theme-bg,rgba(148,163,184,.08));border:1px solid rgba(145,158,171,.22);border:1px solid var(--theme-soft-border,rgba(145,158,171,.22));border-radius:14px;min-width:0;overflow:hidden}.conversion-result-card__panel--overflow-visible[data-v-4a079e36]{overflow:visible;position:relative;z-index:2}.conversion-result-card__panel-header[data-v-4a079e36]{align-items:center;border-bottom:1px solid rgba(145,158,171,.22);border-bottom:1px solid var(--theme-soft-border,rgba(145,158,171,.22));color:rgba(17,24,39,.68);color:var(--theme-muted-text,rgba(17,24,39,.68));display:flex;font-size:13px;font-weight:800;justify-content:space-between;letter-spacing:.04em;padding:10px 14px;text-transform:uppercase}.conversion-result-card__preview[data-v-4a079e36]{align-items:center;display:grid;justify-items:center;min-height:190px;padding:16px;place-items:center}.conversion-result-card__preview img[data-v-4a079e36]{max-height:260px;max-width:100%;-o-object-fit:contain;object-fit:contain}.conversion-result-card__placeholder[data-v-4a079e36]{align-items:center;border:1px dashed rgba(145,158,171,.28);border:1px dashed var(--theme-soft-border,rgba(145,158,171,.28));border-radius:12px;color:rgba(17,24,39,.68);color:var(--theme-muted-text,rgba(17,24,39,.68));display:grid;justify-items:center;min-height:140px;place-items:center;text-align:center;width:100%}.conversion-result-card__arrow[data-v-4a079e36]{align-items:center;align-self:center;background:rgba(139,197,63,.14);border-radius:999px;color:#8bc53f;display:grid;font-size:26px;font-weight:900;height:44px;justify-items:center;place-items:center;width:44px}.conversion-result-card__chips[data-v-4a079e36]{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.conversion-result-card__chip[data-v-4a079e36]{align-items:center;background:rgba(139,197,63,.12);border:1px solid rgba(139,197,63,.34);border-radius:999px;color:#111827;color:var(--text-color,#111827);display:inline-flex;font-size:13px;font-weight:800;min-height:32px;padding:6px 12px}.conversion-result-card__actions[data-v-4a079e36]{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}[data-v-4a079e36] .conversion-result-card__code{background:rgba(15,23,42,.08);border-radius:12px;color:#111827;color:var(--text-color,#111827);font-size:13px;line-height:1.55;margin:0;max-height:220px;overflow:auto;padding:14px;white-space:pre-wrap;width:100%;word-break:break-all}[data-v-4a079e36] .conversion-result-card__list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}[data-v-4a079e36] .conversion-result-card__list-item{background:#fff;background:var(--theme-surface,#fff);border:1px solid rgba(145,158,171,.22);border:1px solid var(--theme-soft-border,rgba(145,158,171,.22));border-radius:12px;padding:10px;text-align:center}[data-v-4a079e36] .conversion-result-card__list-item img{background:rgba(0,0,0,.04);border-radius:8px;height:140px;-o-object-fit:contain;object-fit:contain;width:100%}[data-v-4a079e36] .conversion-result-card__list-item strong{color:#111827;color:var(--text-color,#111827);display:block;margin-top:8px}[data-v-4a079e36] .conversion-result-card__list-item a{color:#8bc53f;display:inline-flex;font-weight:800;margin-top:8px;-webkit-text-decoration:none;text-decoration:none}@media(max-width:760px){.conversion-result-card[data-v-4a079e36]{border-radius:14px;padding:16px}.conversion-result-card__flow[data-v-4a079e36]{grid-template-columns:1fr}.conversion-result-card__arrow[data-v-4a079e36]{justify-self:center;transform:rotate(90deg)}.conversion-result-card h2[data-v-4a079e36]{font-size:20px}.conversion-result-card__preview[data-v-4a079e36]{min-height:150px}}.seo-content,.seo-faq{border-radius:var(--ui-radius-lg);margin-left:auto;margin-right:auto}.seo-content{border-top:1px solid var(--theme-soft-border);color:var(--theme-text);margin-top:calc(var(--ui-space-7) + var(--ui-space-1));padding:calc(var(--ui-space-6) + var(--ui-space-1)) max(20px,min(3vw,32px)) max(20px,min(3vw,32px))}.seo-content h2,.seo-faq h2{font-family:var(--ui-font-heading);font-size:max(1.5rem,min(3vw,2rem));letter-spacing:-.015em;line-height:1.25}.seo-content h3{line-height:1.35;margin-bottom:var(--ui-space-2);margin-top:var(--ui-space-6)}.seo-content li,.seo-content p,.seo-faq p{color:var(--theme-muted-text);line-height:1.72}.seo-content li,.seo-content p{font-size:15px}.seo-content p+p{margin-top:var(--ui-space-3)}.seo-content ol,.seo-content ul{padding-left:1.35rem}.seo-content__grid{grid-gap:var(--ui-space-6);display:grid;gap:var(--ui-space-6);grid-template-columns:repeat(2,minmax(0,1fr));margin-top:calc(var(--ui-space-4) + 2px)}.seo-faq{padding:max(20px,min(3vw,32px))}.seo-faq details{border-radius:var(--ui-radius-md);transition:border-color var(--ui-transition),background-color var(--ui-transition),box-shadow var(--ui-transition)}.seo-faq details+details{margin-top:var(--ui-space-3)}.seo-faq summary{font-weight:700;line-height:1.45}html.dark-theme .seo-content,html.dark-theme .seo-content h1,html.dark-theme .seo-content h2,html.dark-theme .seo-content h3,html.dark-theme .seo-content h4,html.dark-theme .seo-faq,html.dark-theme .seo-faq h2,html.dark-theme .seo-faq h3,html.dark-theme .seo-faq summary{color:var(--theme-text)!important}html.dark-theme .seo-content li,html.dark-theme .seo-content p,html.dark-theme .seo-faq p{color:var(--theme-muted-text)!important}@media(max-width:768px){.seo-content,.seo-faq{border-radius:var(--ui-radius-md)}.seo-content__grid{grid-template-columns:1fr}}main{position:relative}.image-upload{display:none}.encoded-data{padding-top:30px;position:relative}.encoded-data__btn_upload{margin-top:10px;width:100%}.encoded-data__btn_clear{padding:6px 8px;position:absolute;right:9px;top:35px}.image-encode-drop-zone{align-items:center;background:radial-gradient(circle at 20% 15%,rgba(139,197,63,.16),transparent 34%),linear-gradient(135deg,rgba(139,197,63,.1),rgba(53,184,111,.08));border:2px dashed rgba(139,197,63,.34);border-radius:18px;box-shadow:0 18px 44px rgba(15,23,42,.08);cursor:pointer;display:grid;justify-items:center;margin:24px 0 14px;min-height:190px;padding:24px;place-items:center;text-align:center;transition:border-color .2s ease,background .2s ease,box-shadow .2s ease,transform .2s ease}.image-encode-drop-zone.encoded-data--dragging,.image-encode-drop-zone:hover{background:radial-gradient(circle at 20% 15%,rgba(139,197,63,.24),transparent 34%),linear-gradient(135deg,rgba(139,197,63,.16),rgba(53,184,111,.12));border-color:#8bc53f;box-shadow:0 22px 54px rgba(53,184,111,.14);transform:translateY(-1px)}.image-encode-drop-zone__content{align-items:center;color:var(--text-color);display:flex;flex-direction:column;gap:10px;max-width:560px}.image-encode-drop-zone__content strong{font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700}.image-encode-drop-zone__content span{color:rgba(70,79,96,.78);color:var(--theme-muted-text,rgba(70,79,96,.78));font-size:14px;line-height:1.5}.image-encode-drop-zone__icon{align-items:center;background:linear-gradient(135deg,#8bc53f,#35b86f);border-radius:20px;box-shadow:0 16px 34px rgba(53,184,111,.28);color:#fff;display:grid;height:64px;justify-items:center;place-items:center;width:64px}.image-encode-drop-zone__icon svg{fill:none;stroke:currentColor;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;height:34px;width:34px}.image-encode-primary-btn{background:linear-gradient(135deg,#8bc53f,#35b86f)!important;border:0!important;border-radius:12px!important;box-shadow:0 14px 30px rgba(53,184,111,.24);color:#fff!important;font-weight:800;margin-top:4px!important;min-width:170px;width:auto!important}.image-encode-helper-note{background:rgba(139,197,63,.08);border:1px solid rgba(139,197,63,.22);border-radius:14px;color:var(--text-color);display:flex;flex-direction:column;gap:6px;margin:0 0 22px;padding:14px 16px}.image-encode-helper-note strong{font-family:Nunito Sans,sans-serif;font-size:15px;font-weight:700}.image-encode-helper-note span{color:rgba(70,79,96,.78);color:var(--theme-muted-text,rgba(70,79,96,.78));font-size:14px;line-height:1.5}.social-icons-outer{left:0;position:absolute;width:100px;z-index:10}@media(max-width:768px){.social-icons-outer{left:11px;top:-45px;width:90px}}.main-content{margin-top:60px;padding-bottom:40px;position:relative}.main-content h1,.main-content__details{color:var(--text-color)}.main-content__details{padding-top:10px}.results-empty{align-items:center;background:rgba(229,232,239,.3);background:var(--theme-surface,rgba(229,232,239,.3));border:1px dashed rgba(139,197,63,.3);border-radius:16px;box-shadow:0 14px 34px rgba(15,23,42,.08);color:var(--text-color);display:flex;flex-direction:column;font-family:Nunito Sans,sans-serif;font-size:14px;font-weight:400;gap:6px;justify-content:center;margin-top:22px;min-height:118px;padding:18px;position:relative;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.results-empty strong{font-family:Nunito Sans,sans-serif;font-size:17px;font-weight:700}.results-empty span{color:rgba(70,79,96,.78);color:var(--theme-muted-text,rgba(70,79,96,.78));line-height:1.5}.results{background-color:#e5e8ef;border:1px solid #a5a5af;box-shadow:0 2px 12px 0 rgba(0,0,0,.1);display:flex;margin-top:30px;padding:10px}@media only screen and (max-width:768px){.results{flex-direction:column}}.results__preview{border:1px solid hsla(240,6%,67%,.5);height:100px;padding:10px}@media only screen and (max-width:768px){.results__preview{height:auto;margin-bottom:15px}}.results__base64{display:flex;flex-direction:column;font-size:14px;justify-content:space-between;padding-left:10px;position:relative;width:100%}@media only screen and (max-width:768px){.results__base64{padding-left:0}}.results__base64_content{height:100%;width:calc(100% - 10px)}.results__base64_content,.results__base64_variants{display:flex;flex-direction:column;justify-content:space-between}.results__base64_variants{align-items:flex-end}.results__base64_variants:hover{cursor:pointer}.results__base64_variants .results__close{align-items:center;background:transparent;border:0;color:#111;cursor:pointer;display:inline-flex;font-size:18px;height:28px;justify-content:center;width:28px}.results__actions{display:flex;flex-wrap:wrap;gap:8px;margin-top:12px}.recent-results{background:#fff;background:var(--card-background,#fff);border:1px solid hsla(240,6%,67%,.28);border-radius:18px;box-shadow:0 12px 32px rgba(15,23,42,.08);color:var(--text-color);margin-top:24px;padding:18px}.recent-results__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.recent-results__header h2{font-family:Nunito Sans,sans-serif;font-size:20px;font-weight:700;margin:0 0 4px}.recent-results__header p{color:rgba(70,79,96,.78);color:var(--text-color-secondary,rgba(70,79,96,.78));font-size:13px;line-height:1.5;margin:0}.recent-results__eyebrow{background:rgba(139,197,63,.12);border-radius:999px;color:#8dc63f;display:inline-flex;font-family:Nunito Sans,sans-serif;font-size:11px!important;font-weight:400;font-weight:700;letter-spacing:.04em;margin-bottom:6px!important;padding:4px 9px;text-transform:uppercase}.recent-results__list{grid-gap:10px;display:grid;gap:10px}.recent-results__item{grid-gap:10px 16px;align-items:center;background:rgba(229,232,239,.16);border:1px solid hsla(240,6%,67%,.24);border-radius:14px;display:grid;gap:10px 16px;grid-template-columns:minmax(0,1fr) auto;padding:12px}.recent-results__item-header{align-items:center;display:flex;gap:10px;justify-content:space-between;min-width:0}.recent-results__item-header strong{overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.recent-results__item-header span{color:rgba(70,79,96,.72);color:var(--text-color-secondary,rgba(70,79,96,.72));flex-shrink:0;font-size:12px}.recent-results__meta{display:flex;flex-wrap:wrap;gap:6px;grid-column:1/2}.recent-results__meta span{background:rgba(139,197,63,.1);border-radius:999px;color:var(--text-color);font-size:12px;padding:4px 8px}.recent-results__clear,.recent-results__copy{transition:background-color .18s ease,border-color .18s ease,color .18s ease,box-shadow .18s ease,transform .18s ease}.recent-results__clear:hover,.recent-results__copy:hover{transform:translateY(-1px)}.recent-results__clear{background:rgba(100,116,139,.06)!important;border-color:rgba(100,116,139,.24)!important;color:#475569!important}.recent-results__clear:hover{background:rgba(100,116,139,.1)!important;border-color:rgba(100,116,139,.38)!important;color:#334155!important}.recent-results__copy{background:rgba(37,99,235,.06)!important;border-color:rgba(37,99,235,.38)!important;box-shadow:0 8px 20px rgba(37,99,235,.08);color:#2563eb!important}.recent-results__copy:hover{background:rgba(37,99,235,.1)!important;border-color:rgba(37,99,235,.62)!important;box-shadow:0 12px 24px rgba(37,99,235,.14);color:#1d4ed8!important}@media(max-width:768px){.recent-results{padding:14px}.recent-results__header,.recent-results__item,.recent-results__item-header{align-items:stretch;display:flex;flex-direction:column}.recent-results__meta{grid-column:auto}}.image-preview{background:linear-gradient(45deg,rgba(139,197,63,.06) 25%,transparent 0),linear-gradient(-45deg,rgba(139,197,63,.06) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(139,197,63,.06) 0),linear-gradient(-45deg,transparent 75%,rgba(139,197,63,.06) 0);background-position:0 0,0 10px,10px -10px,-10px 0;background-size:20px 20px;border-radius:16px;box-shadow:0 10px 26px rgba(15,23,42,.08);display:block;max-height:360px;max-width:500px;-o-object-fit:contain;object-fit:contain;width:100%}@media(max-width:768px){.image-preview{height:auto;width:100%}}.algoritm{flex-grow:1;height:100%;margin:34px auto 100px;padding-left:0}.code-example{word-wrap:anywhere;background-color:rgba(252,201,47,.5);border:none;border-radius:4px;display:inline-block;max-height:220px;overflow-x:hidden;overflow-y:auto;padding:10px;width:calc(100% - 40px);word-break:break-all}.base64-url{min-height:140px}.snippet-result{margin-top:14px}.snippet-tabs{align-items:center;display:flex;flex-wrap:nowrap;gap:8px;margin-bottom:12px;position:relative;z-index:4}.snippet-tabs__button{background:rgba(139,197,63,.08);border:1px solid rgba(139,197,63,.28);border-radius:999px;color:var(--text-color);cursor:pointer;font-family:Nunito Sans,sans-serif;font-size:13px;font-weight:400;line-height:1;min-height:38px;padding:8px 12px;transition:background-color .2s ease,border-color .2s ease,color .2s ease,transform .2s ease}.snippet-tabs__button:hover{background:rgba(139,197,63,.14);border-color:rgba(139,197,63,.55);transform:translateY(-1px)}.snippet-tabs__button--active{background:#8dc63f;border-color:#8dc63f;color:#fff}.snippet-tabs__button--more{align-items:center;display:inline-flex;gap:6px}.snippet-tabs__chevron{font-size:10px;line-height:1}.snippet-tabs__more{position:relative}.snippet-tabs__more--open{z-index:80}.snippet-more-menu{background:#fff;background:var(--card-background,#fff);border:1px solid rgba(139,197,63,.28);border-radius:14px;box-shadow:0 16px 32px rgba(0,0,0,.16);min-width:180px;padding:8px;position:absolute;right:0;top:calc(100% + 8px);z-index:100}.snippet-more-menu__item{background:transparent;border:0;border-radius:10px;color:var(--text-color);cursor:pointer;display:block;font-family:Nunito Sans,sans-serif;font-size:13px;font-weight:400;padding:10px 12px;text-align:left;width:100%}.snippet-more-menu__item:hover{background:rgba(139,197,63,.12)}.snippet-output{background:rgba(229,232,239,.18);border:1px solid hsla(240,6%,67%,.35);border-radius:14px;overflow:hidden}.snippet-output__header{align-items:center;border-bottom:1px solid hsla(240,6%,67%,.28);color:var(--text-color);display:flex;gap:12px;justify-content:space-between;padding:12px 14px}.snippet-output__header strong{font-family:Nunito Sans,sans-serif;font-weight:700}.snippet-output__copy{flex-shrink:0}.snippet-output__code{word-wrap:anywhere;color:var(--text-color);font-family:Nunito Sans,sans-serif;font-size:13px;font-weight:400;line-height:1.55;margin:0;max-height:180px;min-height:160px;overflow:auto;padding:16px;white-space:pre-wrap;word-break:break-all}@media(max-width:768px){.snippet-tabs{gap:6px}.snippet-tabs__button{font-size:12px;min-height:36px;padding:8px 10px}.snippet-tabs__more{width:100%}.snippet-tabs__button--more{justify-content:center;width:100%}.snippet-more-menu{left:0;right:auto;width:100%}.snippet-output__header{align-items:stretch;flex-direction:column}}.ml1{margin-left:5px}.results__sign{display:inline-block;font-weight:500;width:45px}.seo-faq{background:var(--theme-surface);border:1px solid var(--theme-border);border-radius:16px;margin-top:28px;padding:24px}.seo-faq h2{margin:0 0 12px}.seo-faq details{border-bottom:1px solid var(--theme-border);padding:14px 0}.seo-faq summary{color:var(--theme-heading,var(--theme-text));cursor:pointer;font-weight:800}.seo-faq p{color:var(--theme-muted-text);line-height:1.6;margin:10px 0 0}.generated-empty-state{align-items:center;background-color:rgba(229,232,239,.18);border:1px dashed hsla(240,6%,67%,.5);border-radius:4px;display:flex;flex-direction:column;font-weight:400;justify-content:center;min-height:220px;padding:28px;text-align:center}.generated-empty-state,.generated-empty-state strong{color:var(--text-color);font-family:Nunito Sans,sans-serif}.generated-empty-state strong{display:block;font-size:18px;font-weight:700;margin-bottom:8px}.generated-empty-state p{color:var(--text-color);font-size:14px;line-height:1.5;margin:0;opacity:.8}.generated-empty-state--compact{min-height:150px}.generated-empty-state__icon{align-items:center;background-color:rgba(139,197,63,.08);border-radius:50%;display:flex;height:72px;justify-content:center;margin-bottom:16px;width:72px}.generated-empty-state__icon svg{fill:none;stroke:#8dc63f;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8;height:38px;width:38px}.snippet-result--inside-card{margin-top:0;position:relative;width:100%;z-index:3}.snippet-result--inside-card .snippet-output{background:rgba(229,232,239,.14)}.image-encode-action{border-radius:10px!important;font-weight:800;min-height:40px}.image-encode-action--download,.image-encode-action--primary{background:linear-gradient(135deg,#8bc53f,#35b86f)!important;border-color:transparent!important;box-shadow:0 10px 22px rgba(53,184,111,.2);color:#fff!important}.image-encode-action--download:hover:not(.is-disabled),.image-encode-action--primary:hover:not(.is-disabled){background:linear-gradient(135deg,#7bb832,#29a962)!important;box-shadow:0 12px 26px rgba(53,184,111,.26)}.image-encode-action--secondary,.snippet-output__copy{background:#fff!important;background:var(--theme-surface,#fff)!important;border-color:rgba(148,163,184,.3)!important;box-shadow:none!important;color:#111827!important;color:var(--text-color,#111827)!important}.image-encode-action--secondary:hover:not(.is-disabled),.snippet-output__copy:hover:not(.is-disabled){background:rgba(139,197,63,.06)!important;border-color:rgba(101,163,13,.45)!important;color:#4d7c0f!important}.image-encode-action--danger{background:rgba(239,68,68,.04)!important;border-color:rgba(239,68,68,.32)!important;box-shadow:none!important;color:#dc2626!important}.image-encode-action--danger:hover:not(.is-disabled){background:rgba(239,68,68,.09)!important;border-color:rgba(220,38,38,.58)!important;color:#b91c1c!important}@media(max-width:768px){.image-encode-drop-zone{min-height:170px;padding:20px 16px}.image-encode-drop-zone__content strong{font-size:18px}.image-encode-action,.image-encode-primary-btn{width:100%!important}}.image-encode-highlights{display:flex;flex-wrap:wrap;gap:8px;margin:14px 0 18px}.image-encode-highlights span{align-items:center;background:#fff;background:var(--theme-surface,#fff);border:1px solid rgba(148,163,184,.28);border:1px solid var(--theme-border,rgba(148,163,184,.28));border-radius:999px;color:#5f6878;color:var(--theme-text-secondary,#5f6878);display:inline-flex;font-size:12px;font-weight:700;min-height:30px;padding:5px 10px}.tool-benefits{grid-gap:var(--ui-space-6);border-top:1px solid var(--theme-soft-border);display:grid;gap:var(--ui-space-6);grid-template-columns:repeat(4,minmax(0,1fr));margin-top:calc(var(--ui-space-6) + var(--ui-space-1));padding:var(--ui-space-6) 0 0}.tool-benefits__item{grid-gap:14px;align-items:flex-start;display:grid;gap:14px;grid-template-columns:56px minmax(0,1fr);min-width:0}.tool-benefits__icon{align-items:center;background-color:rgba(141,198,63,.12);border-radius:16px;color:#8dc63f;display:inline-flex;height:56px;justify-content:center;width:56px}.tool-benefits__icon svg{fill:currentColor;display:block;height:28px;width:28px}.tool-benefits__item strong{color:var(--theme-text);display:block;font-family:Nunito Sans,sans-serif;font-size:15px;font-weight:700;line-height:1.25;margin:0 0 6px}.tool-benefits__item p{color:var(--theme-muted-text);font-size:14px;line-height:1.45;margin:0}@media(max-width:900px){.tool-benefits{grid-template-columns:repeat(2,minmax(0,1fr))}}@media(max-width:560px){.tool-benefits{grid-template-columns:1fr}}.image-encode-preview-unavailable{align-items:center;background:rgba(139,197,63,.06);border:1px dashed rgba(139,197,63,.42);border-radius:16px;display:grid;justify-items:center;min-height:220px;padding:28px 20px;place-items:center;text-align:center;width:100%}.image-encode-preview-unavailable>span{align-items:center;background:rgba(34,197,94,.14);border-radius:50%;color:#16a34a;display:grid;font-size:20px;font-weight:900;height:42px;justify-items:center;margin-bottom:10px;place-items:center;width:42px}.image-encode-preview-unavailable strong{color:var(--text-color);font-size:16px}.image-encode-mime-warning,.image-encode-preview-unavailable p{color:#64748b;color:var(--theme-muted-text,#64748b);font-size:13px;line-height:1.55;margin:7px 0 0}.image-encode-mime-warning{background:rgba(245,158,11,.07);border:1px solid rgba(245,158,11,.25);border-radius:10px;color:#92400e;padding:9px 11px;width:100%}.snippet-output__meta{border-top:1px solid hsla(240,6%,67%,.22);color:#64748b;color:var(--theme-muted-text,#64748b);font-size:12px;font-weight:700;padding:9px 14px 11px}.image-encode-drop-zone--error{border-color:rgba(220,38,38,.88)!important;box-shadow:0 0 0 4px rgba(239,68,68,.11)!important}