.base-textarea__control[data-v-b8a58384]{background:#fff;border:1px solid #dcdfe6;border-radius:4px;color:#363839;display:block;font:inherit;line-height:1.45;margin-top:20px;min-height:170px;padding:12px 14px;resize:vertical;transition:border-color .2s ease,box-shadow .2s ease;width:97%}.base-textarea__control[data-v-b8a58384]::-moz-placeholder{color:#c0c4cc}.base-textarea__control[data-v-b8a58384]::placeholder{color:#c0c4cc}.base-textarea__control[data-v-b8a58384]:focus{border-color:#8dc63f;box-shadow:0 0 0 3px rgba(141,198,63,.12);outline:none}.base-textarea__control[data-v-b8a58384]:disabled{background:#f5f7fa;cursor:not-allowed}.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}.base64-ready-examples{--examples-purple:#7c3aed;--examples-blue:#3b82f6;--examples-green:#34d399;--examples-lime:#8dc63f;background:#fff;background:var(--theme-card,#fff);border:1px solid rgba(124,58,237,.13);border-radius:22px;box-shadow:0 16px 42px rgba(15,23,42,.08);margin-bottom:24px;overflow:hidden}.base64-ready-examples__header{align-items:flex-start;background:radial-gradient(circle at 88% 8%,rgba(52,211,153,.16),transparent 31%),radial-gradient(circle at 70% 0,rgba(59,130,246,.11),transparent 34%),linear-gradient(135deg,rgba(124,58,237,.065),rgba(59,130,246,.035) 54%,rgba(52,211,153,.055));border-bottom:1px solid rgba(124,58,237,.11);display:flex;gap:24px;justify-content:space-between;padding:24px 26px 20px}.base64-ready-examples__eyebrow{align-items:center;background:rgba(59,130,246,.08);border:1px solid rgba(59,130,246,.18);border-radius:999px;color:var(--examples-blue);display:inline-flex;font-size:11.5px;font-weight:800;letter-spacing:.08em;margin-bottom:8px;min-height:25px;padding:0 9px;text-transform:uppercase}.base64-ready-examples__header h2{color:#0f172a;color:var(--theme-text,#0f172a);font-size:max(22px,min(2.5vw,30px));letter-spacing:-.025em;line-height:1.2;margin:0 0 7px}.base64-ready-examples__header p{color:#64748b;color:var(--theme-muted-text,#64748b);font-size:14px;line-height:1.55;margin:0;max-width:650px}.base64-ready-examples__badge,.base64-ready-examples__file,.base64-ready-examples__status{align-items:center;background:rgba(52,211,153,.09);border:1px solid rgba(52,211,153,.28);border-radius:999px;color:#15803d;display:inline-flex;flex:0 0 auto;font-size:11.5px;font-weight:800;min-height:30px;padding:0 11px}.base64-ready-examples__tabs{padding:15px 26px 26px}.base64-ready-examples .base-tabs__nav{border-bottom-color:rgba(124,58,237,.12);gap:8px;margin-bottom:16px}.base64-ready-examples .base-tabs__tab{border-radius:10px 10px 0 0;color:#64748b;color:var(--theme-muted-text,#64748b);font-weight:700}.base64-ready-examples .base-tabs__tab:hover{background:rgba(59,130,246,.055);color:var(--examples-blue)!important}.base64-ready-examples .base-tabs__tab.is-active{background:linear-gradient(180deg,rgba(124,58,237,.08),rgba(124,58,237,0));color:var(--examples-purple)!important}.base64-ready-examples .base-tabs__tab.is-active:after{background:linear-gradient(90deg,var(--examples-purple),var(--examples-blue),var(--examples-green))!important;border-radius:999px;height:3px}.base64-ready-examples .base-tabs__tab:focus{outline:none}.base64-ready-examples .base-tabs__tab:focus-visible{box-shadow:0 0 0 3px rgba(124,58,237,.16)}.base64-ready-examples__panel{margin-top:18px}.base64-ready-examples__panel--visual{grid-gap:16px;display:grid;gap:16px;grid-template-columns:minmax(220px,.72fr) minmax(0,1.55fr)}.base64-ready-examples__code-card,.base64-ready-examples__panel--codepen,.base64-ready-examples__panel--snippet,.base64-ready-examples__preview-card{background:#fff;background:var(--theme-card,#fff);border:1px solid rgba(148,163,184,.28);border-radius:16px;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.7)}.base64-ready-examples__code-card,.base64-ready-examples__preview-card{padding:16px}.base64-ready-examples__preview-card{border-top-color:rgba(52,211,153,.45)}.base64-ready-examples__code-card,.base64-ready-examples__panel--snippet{border-top-color:rgba(124,58,237,.42)}.base64-ready-examples__label,.base64-ready-examples__snippet-header{align-items:center;color:#0f172a;color:var(--theme-text,#0f172a);display:flex;font-size:13px;font-weight:800;gap:14px;justify-content:space-between;margin-bottom:12px}.base64-ready-examples__canvas{align-items:center;background-color:rgba(248,250,252,.78);background-image:linear-gradient(45deg,rgba(124,58,237,.055) 25%,transparent 0),linear-gradient(-45deg,rgba(59,130,246,.055) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(52,211,153,.055) 0),linear-gradient(-45deg,transparent 75%,rgba(124,58,237,.055) 0);background-position:0 0,0 8px,8px -8px,-8px 0;background-size:16px 16px;border:1px dashed rgba(124,58,237,.2);border-radius:13px;display:grid;justify-items:center;min-height:190px;place-items:center}.base64-ready-examples__canvas img{height:128px;-o-object-fit:contain;object-fit:contain;width:128px}.base64-ready-examples__codepen-content p,.base64-ready-examples__note,.base64-ready-examples__preview-card p{color:#64748b;color:var(--theme-muted-text,#64748b);font-size:13px;line-height:1.5;margin:12px 0 0}.base64-ready-examples__copy{color:var(--examples-blue)!important;min-height:32px;padding:0 8px}.base64-ready-examples__copy:focus-visible,.base64-ready-examples__copy:hover{color:var(--examples-purple)!important}.base64-ready-examples__textarea{min-height:190px}.base64-ready-examples__textarea.base-textarea__control,textarea.base64-ready-examples__textarea{background:linear-gradient(145deg,rgba(59,130,246,.035),rgba(124,58,237,.025))!important;border-color:rgba(59,130,246,.19)!important;border-radius:12px;color:#0f172a!important;color:var(--theme-text,#0f172a)!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12px;line-height:1.55;margin-top:0;min-height:190px;width:100%}.base64-ready-examples__textarea.base-textarea__control:focus,textarea.base64-ready-examples__textarea:focus{border-color:rgba(124,58,237,.58)!important;box-shadow:0 0 0 3px rgba(124,58,237,.1)!important}.base64-ready-examples__hint{color:#64748b;color:var(--theme-muted-text,#64748b);display:block;font-size:11.5px;margin-top:9px}.base64-ready-examples__panel--snippet{padding:18px}.base64-ready-examples__snippet-header{align-items:flex-start}.base64-ready-examples__snippet-header>div{display:flex;flex-direction:column;gap:4px}.base64-ready-examples__label-text{color:var(--examples-purple);font-size:11.5px;font-weight:800;letter-spacing:.06em;text-transform:uppercase}.base64-ready-examples__file{background:rgba(59,130,246,.065);border-color:rgba(59,130,246,.18);color:#2563eb}.base64-ready-examples__code{background:radial-gradient(circle at 92% 5%,rgba(52,211,153,.15),transparent 28%),linear-gradient(145deg,#0f172a,#172554 62%,#1e1b4b);border:1px solid rgba(96,165,250,.22);border-radius:13px;box-shadow:inset 3px 0 0 var(--examples-purple);color:#e5edf8;display:block;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,monospace;font-size:12.5px;line-height:1.65;margin:0;overflow-x:auto;padding:17px 18px;white-space:pre;width:auto}.base64-ready-examples__panel--codepen{grid-gap:18px;align-items:center;background:radial-gradient(circle at 92% 12%,rgba(52,211,153,.09),transparent 34%),linear-gradient(135deg,rgba(124,58,237,.025),rgba(59,130,246,.025));border-top-color:rgba(59,130,246,.42);display:grid;gap:18px;grid-template-columns:auto minmax(0,1fr) auto;padding:22px}.base64-ready-examples__codepen-icon{align-items:center;background:linear-gradient(145deg,rgba(124,58,237,.12),rgba(59,130,246,.11));border:1px solid rgba(124,58,237,.14);border-radius:15px;color:var(--examples-purple);display:grid;font-family:ui-monospace,SFMono-Regular,Menlo,monospace;font-size:17px;font-weight:900;height:52px;justify-items:center;place-items:center;width:52px}.base64-ready-examples__codepen-content h3{color:#0f172a;color:var(--theme-text,#0f172a);font-size:18px;line-height:1.3;margin:4px 0 0}.base64-ready-examples__codepen-content p{margin-top:6px}.base64-ready-examples__link{align-items:center;background:linear-gradient(135deg,var(--examples-purple),var(--examples-blue) 58%,#0ea5a5);border:0;border-radius:11px;box-shadow:0 10px 22px rgba(59,130,246,.2);color:#fff!important;display:inline-flex;font-size:13px;font-weight:800;gap:8px;justify-content:center;min-height:42px;padding:0 16px;-webkit-text-decoration:none;text-decoration:none;transition:transform .18s ease,box-shadow .18s ease,filter .18s ease}.base64-ready-examples__link:hover{box-shadow:0 13px 28px rgba(124,58,237,.24);color:#fff!important;filter:saturate(1.08) brightness(1.03);transform:translateY(-1px)}.base64-ready-examples__link:focus-visible{outline:3px solid rgba(124,58,237,.2);outline-offset:3px}html.dark-theme .base64-ready-examples{background:linear-gradient(145deg,rgba(17,24,39,.98),rgba(11,18,32,.98));border-color:rgba(124,58,237,.3);box-shadow:0 18px 44px rgba(0,0,0,.28)}html.dark-theme .base64-ready-examples__header{background:radial-gradient(circle at 84% 10%,rgba(52,211,153,.14),transparent 31%),radial-gradient(circle at 69% 0,rgba(59,130,246,.16),transparent 35%),linear-gradient(135deg,rgba(76,29,149,.2),rgba(30,41,59,.96) 58%,rgba(6,78,59,.12));border-bottom-color:rgba(124,58,237,.24)}html.dark-theme .base64-ready-examples__eyebrow{background:rgba(59,130,246,.12);border-color:rgba(96,165,250,.28);color:#93c5fd}html.dark-theme .base64-ready-examples__codepen-content h3,html.dark-theme .base64-ready-examples__header h2,html.dark-theme .base64-ready-examples__label,html.dark-theme .base64-ready-examples__snippet-header,html.dark-theme .base64-ready-examples__snippet-header strong{color:#f8fafc}html.dark-theme .base64-ready-examples__codepen-content p,html.dark-theme .base64-ready-examples__header p,html.dark-theme .base64-ready-examples__hint,html.dark-theme .base64-ready-examples__note,html.dark-theme .base64-ready-examples__preview-card p{color:#aeb8c8!important}html.dark-theme .base64-ready-examples__badge,html.dark-theme .base64-ready-examples__status{background:rgba(52,211,153,.11);border-color:rgba(52,211,153,.34);color:#86efac}html.dark-theme .base64-ready-examples__file{background:rgba(59,130,246,.11);border-color:rgba(96,165,250,.25);color:#bfdbfe}html.dark-theme .base64-ready-examples .base-tabs__nav{border-bottom-color:rgba(124,58,237,.24)}html.dark-theme .base64-ready-examples .base-tabs__tab{color:#aeb8c8}html.dark-theme .base64-ready-examples .base-tabs__tab:hover{background:rgba(59,130,246,.08);color:#93c5fd!important}html.dark-theme .base64-ready-examples .base-tabs__tab.is-active{background:linear-gradient(180deg,rgba(124,58,237,.16),rgba(124,58,237,0));color:#c4b5fd!important}html.dark-theme .base64-ready-examples__code-card,html.dark-theme .base64-ready-examples__panel--codepen,html.dark-theme .base64-ready-examples__panel--snippet,html.dark-theme .base64-ready-examples__preview-card{background:rgba(17,24,39,.9);border-color:rgba(148,163,184,.18);box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025)}html.dark-theme .base64-ready-examples__canvas{background-color:#0d1626;background-image:linear-gradient(45deg,rgba(124,58,237,.1) 25%,transparent 0),linear-gradient(-45deg,rgba(59,130,246,.09) 25%,transparent 0),linear-gradient(45deg,transparent 75%,rgba(52,211,153,.08) 0),linear-gradient(-45deg,transparent 75%,rgba(124,58,237,.09) 0);border-color:rgba(124,58,237,.3)}html.dark-theme .base64-ready-examples__textarea.base-textarea__control,html.dark-theme textarea.base64-ready-examples__textarea{background:linear-gradient(145deg,rgba(15,23,42,.98),rgba(30,27,75,.72))!important;border-color:rgba(96,165,250,.24)!important;box-shadow:inset 0 1px 0 hsla(0,0%,100%,.025);color:#dbeafe!important}html.dark-theme .base64-ready-examples__textarea.base-textarea__control:focus,html.dark-theme textarea.base64-ready-examples__textarea:focus{border-color:rgba(167,139,250,.72)!important;box-shadow:0 0 0 3px rgba(124,58,237,.16)!important}html.dark-theme .base64-ready-examples__copy,html.dark-theme .base64-ready-examples__label-text{color:#a78bfa!important}html.dark-theme .base64-ready-examples__copy:focus-visible,html.dark-theme .base64-ready-examples__copy:hover{color:#6ee7b7!important}html.dark-theme .base64-ready-examples__codepen-icon{background:linear-gradient(145deg,rgba(124,58,237,.18),rgba(59,130,246,.15));border-color:rgba(167,139,250,.24);color:#c4b5fd}html.dark-theme .base64-ready-examples__code{background:radial-gradient(circle at 92% 5%,rgba(52,211,153,.12),transparent 28%),linear-gradient(145deg,#070d19,#111a36 62%,#1e1b4b);border-color:rgba(96,165,250,.22);color:#e5edf8}@media only screen and (max-width:768px){.base64-ready-examples{border-radius:18px}.base64-ready-examples__header{flex-direction:column;gap:13px;padding:19px 17px 16px}.base64-ready-examples__tabs{padding:0 14px 16px}.base64-ready-examples__panel--visual{grid-template-columns:1fr}.base64-ready-examples__canvas{min-height:170px}.base64-ready-examples__panel--codepen{gap:13px;grid-template-columns:auto 1fr;padding:17px}.base64-ready-examples__panel--codepen .base64-ready-examples__link{grid-column:1/-1;width:100%}.base64-ready-examples__snippet-header{gap:10px}}@media(prefers-reduced-motion:reduce){.base64-ready-examples__link{transition:none}}@media only screen and (max-width:768px){.base64-ready-examples{border-radius:17px;box-sizing:border-box;display:block;justify-self:stretch;margin:0 0 14px;max-width:100%!important;min-width:0;overflow:hidden;width:100%!important}.base64-ready-examples,.base64-ready-examples *,.base64-ready-examples :after,.base64-ready-examples :before{box-sizing:border-box}.base64-ready-examples__header{align-items:stretch;flex-direction:column;gap:11px;padding:17px 15px 15px}.base64-ready-examples .base-tabs,.base64-ready-examples .base-tabs__content,.base64-ready-examples__header>div,.base64-ready-examples__panel,.base64-ready-examples__tabs{max-width:100%;min-width:0;width:100%}.base64-ready-examples__header h2{word-wrap:anywhere;font-size:max(21px,min(7vw,25px));line-height:1.18}.base64-ready-examples__header p{font-size:13px;line-height:1.5}.base64-ready-examples__badge{align-self:flex-start;min-height:28px;padding:0 10px}.base64-ready-examples__tabs{padding:0 12px 14px}.base64-ready-examples .base-tabs__nav{grid-gap:5px;display:grid!important;gap:5px;grid-template-columns:repeat(2,minmax(0,1fr));margin-bottom:12px;min-width:0;padding-top:9px;width:100%}.base64-ready-examples .base-tabs__tab{word-wrap:anywhere;border-radius:9px 9px 0 0;font-size:12px;line-height:1.25;min-height:42px;min-width:0;padding:8px 5px;text-align:center;white-space:normal;width:100%}.base64-ready-examples .base-tabs__tab:after{left:7px;right:7px}.base64-ready-examples__panel{margin-top:10px}.base64-ready-examples__panel--visual{grid-gap:12px;display:grid;gap:12px;grid-template-columns:minmax(0,1fr)}.base64-ready-examples__code-card,.base64-ready-examples__panel--codepen,.base64-ready-examples__panel--snippet,.base64-ready-examples__preview-card{border-radius:14px;max-width:100%;min-width:0;width:100%}.base64-ready-examples__code-card,.base64-ready-examples__panel--snippet,.base64-ready-examples__preview-card{padding:14px}.base64-ready-examples__label{flex-wrap:wrap;gap:8px;margin-bottom:10px}.base64-ready-examples__canvas{min-height:150px}.base64-ready-examples__canvas img{height:min(112px,44vw);max-width:100%;width:min(112px,44vw)}.base64-ready-examples__codepen-content p,.base64-ready-examples__note,.base64-ready-examples__preview-card p{font-size:12.5px}.base64-ready-examples__textarea,.base64-ready-examples__textarea.base-textarea__control,textarea.base64-ready-examples__textarea{word-wrap:anywhere;display:block;font-size:11px;line-height:1.5;margin-top:0;max-width:100%;min-height:138px;min-width:0;overflow-x:hidden;width:100%!important;word-break:break-all}.base64-ready-examples__snippet-header{align-items:flex-start;flex-direction:column;gap:8px;margin-bottom:10px}.base64-ready-examples__code{word-wrap:anywhere;font-size:11px;line-height:1.55;max-width:100%;min-width:0;overflow-x:auto;padding:14px;white-space:pre-wrap;width:100%;word-break:break-word}.base64-ready-examples__panel--codepen{grid-gap:11px;display:grid;gap:11px;grid-template-columns:1fr;padding:15px}.base64-ready-examples__codepen-icon{height:46px;width:46px}.base64-ready-examples__codepen-content{min-width:0}.base64-ready-examples__codepen-content h3{word-wrap:anywhere;font-size:16px}.base64-ready-examples__panel--codepen .base64-ready-examples__link{grid-column:auto;max-width:100%;width:100%}}@media only screen and (max-width:420px){.base64-ready-examples__header{padding:15px 13px 14px}.base64-ready-examples__eyebrow{font-size:10.5px;letter-spacing:.065em;max-width:100%}.base64-ready-examples__tabs{padding-left:10px;padding-right:10px}.base64-ready-examples .base-tabs__tab{font-size:11.5px;min-height:40px}.base64-ready-examples__code-card,.base64-ready-examples__panel--snippet,.base64-ready-examples__preview-card{padding:12px}}main{position:relative}#uploadFrom{box-shadow:0 2px 12px 0 rgba(0,0,0,.1);height:300px;overflow-x:hidden}.encoded-data{padding-top:30px;position:relative}.encoded-data--dragging #uploadFrom{background:rgba(135,202,55,.08);border:2px dashed #8dc63f}.encoded-data__btn_upload{margin-top:10px;width:100%}.encoded-data__btn_clear{padding:6px 8px;position:absolute;right:9px;top:35px}#preview{height:300px;width:300px}#preview>img{height:auto;width:300px}.drag-drop-hint{color:rgba(53,61,76,.7);font-size:13px;margin-top:8px;text-align:center}.conversion-history{margin-top:24px}.conversion-history__header{align-items:center;display:flex;justify-content:space-between;margin-bottom:10px}.conversion-history h3{font-size:20px;margin:0}.conversion-history__clear{background:transparent;border:0;color:#8dc63f;cursor:pointer;font-weight:600}.conversion-history__list{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(auto-fit,minmax(130px,1fr))}.conversion-history__item{align-items:center;background:#fff;border:1px solid hsla(240,6%,67%,.5);border-radius:6px;cursor:pointer;display:flex;gap:10px;min-width:0;padding:8px;text-align:left}.conversion-history img{background:rgba(229,232,239,.3);border-radius:4px;height:42px;-o-object-fit:contain;object-fit:contain;width:42px}.conversion-history span{display:block;font-size:12px;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.conversion-history small{color:rgba(53,61,76,.65)}.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__details{color:hsla(0,0%,7%,.8);padding-top:10px}.main-content__title{margin-bottom:10px!important}.main-content aside.social{position:absolute}.image-preview{height:100%;max-width:500px}@media(max-width:768px){.image-preview{height:auto;width:100%}}.icon-loading{color:#fddd01}.drag-drop-zone{height:60px;width:100%}.btn{background:transparent;border:none;font-size:20px}.upload-wrapper input[type=file]{bottom:0;cursor:pointer;left:0;opacity:0;position:absolute;right:0;top:0;width:100%}.results-empty{align-items:center;background-color:rgba(229,232,239,.18);border:1px dashed hsla(240,6%,67%,.5);border-radius:4px;color:rgba(53,61,76,.8);display:flex;flex-direction:column;font-family:Poppins,sans-serif;font-weight:400;justify-content:center;margin-top:30px;min-height:220px;padding:28px;text-align:center;-webkit-user-select:none;-moz-user-select:none;user-select:none}.results-empty strong{color:#111;display:block;font-family:Nunito Sans,sans-serif;font-size:18px;font-weight:700;margin-bottom:8px}.results-empty p{color:hsla(0,0%,7%,.68);font-size:14px;line-height:1.5;margin:0}.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}.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_btn-download{width:130px}.results__base64_variants{align-items:flex-end;display:flex;flex-direction:column;justify-content:space-between}@media only screen and (max-width:768px){.results__base64_variants{margin-top:10px;width:100%}}.results__base64_variants:hover{cursor:pointer}.results__base64_variants>button{text-align:left}@media only screen and (max-width:768px){.results__base64_variants>button{width:100%}}.results__base64_content{display:flex;flex-direction:column;height:100%;justify-content:space-between;width:calc(100% - 10px)}@media only screen and (max-width:768px){.results__base64_content>div:first-child{display:none}.results__base64_content{width:100%}}.results__base64_link{color:#fff;-webkit-text-decoration:none;text-decoration:none}.os-title{align-items:center;display:flex;padding-left:8px}.os-icon{margin-right:15px;width:18px}.algoritm{flex-grow:1;height:100%;margin:40px auto 100px;padding-left:0}.algoritm__details{padding-left:33px;padding-top:10px}@media(max-width:768px){.algoritm__details{padding-left:0}}@media only screen and (max-width:768px){.algoritm{margin-bottom:50px}}.algoritm__base64{display:flex;justify-content:space-between}@media only screen and (max-width:768px){.algoritm__base64{flex-direction:column;justify-content:center}}.algoritm__base64 .pict{border:1px solid #dcdfe6;border-radius:4px;margin-right:15px}@media only screen and (max-width:768px){.algoritm__base64 .pict{margin-bottom:15px;margin-right:0;text-align:center}}.algoritm__base64 .pict img{padding-top:20px;width:auto}.algoritm__base64 .code{width:100%}.algoritm__base64 .code ::-moz-placeholder{color:#707781}.algoritm__base64 .code ::placeholder{color:#707781}.algoritm__base64 .code__subtitle{display:flex;justify-content:space-between}.algoritm>.text-description:not(:first-of-type){padding-top:15px}.algoritm__title{padding:0 0 10px}.algoritm__collapse{margin-bottom:6em}.algoritm__collapse .text-description{margin-bottom:8px;padding-left:35px}.algoritm .dots{margin-right:5px}.algoritm .paper-logo{margin-left:8px;margin-right:15px}span.code-example{margin-top:20px}.example-link{color:#40bbe1;font-family:Nunito Sans,sans-serif;font-weight:700;-webkit-text-decoration:none;text-decoration:none}.example-link:active{color:#fcc92f}.code-example{background-color:rgba(252,201,47,.5);border:none;border-radius:4px;display:inline-block;padding:10px;width:calc(100% - 40px)}.code-content{display:flex}.code-content__place{width:110px}.ml1{margin-left:5px}.base64-url{min-height:140px}.copy-link{cursor:pointer;opacity:1;padding:0 20px 0 0;transition:opacity .3s ease}.copy-link:hover{opacity:.5;transition:opacity .3s ease}.results__sign{display:inline-block;font-weight:500;width:35px}div[class*=privacypolicy-com---nb]{background-color:#fff!important;max-width:410px}div[class*=privacypolicy-com---nb] .cc-nb-main-container{padding:15px}div[class*=privacypolicy-com---nb] .cc-nb-title{color:#0f2542;font-size:17px;font-weight:500;margin-bottom:10px}div[class*=privacypolicy-com---nb] .cc-nb-text{color:rgba(53,61,76,.7);font-family:Nunito Sans,sans-serif;font-size:14px;font-weight:400}div[class*=privacypolicy-com---nb] .cc-nb-okagree,div[class*=privacypolicy-com---nb] .cc-nb-reject{background-color:#8dc63f;font-size:13px}div[class*=privacypolicy-com---nb] .cc-nb-changep{background-color:#e5e8ef;color:rgba(53,61,76,.7);font-size:13px}.recent-results-meta{background:var(--theme-card-bg);border:1px solid var(--theme-border);border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.08);margin:22px 0 24px;padding:18px}.recent-results-meta__header{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:14px}.recent-results-meta__eyebrow{align-items:center;background:rgba(139,197,63,.12);border-radius:999px;color:#6da82f;display:inline-flex;font-size:11px;font-weight:800;letter-spacing:.04em;min-height:22px;padding:0 9px;text-transform:uppercase}.recent-results-meta h3{color:var(--theme-heading);font-size:20px;line-height:1.25;margin:8px 0 5px}.recent-results-meta p{color:var(--theme-muted-text);font-size:14px;line-height:1.5;margin:0}.recent-results-meta__clear,.recent-results-meta__copy{-webkit-appearance:none;-moz-appearance:none;appearance:none;background:var(--theme-body-bg);border:1px solid var(--theme-border);border-radius:11px;color:var(--theme-muted-text);cursor:pointer;font-size:13px;font-weight:800;transition:border-color .18s ease,background .18s ease,color .18s ease,transform .18s ease}.recent-results-meta__clear{min-height:36px;padding:0 13px;white-space:nowrap}.recent-results-meta__copy{min-height:34px;padding:0 12px}.recent-results-meta__clear:focus-visible,.recent-results-meta__clear:hover,.recent-results-meta__copy:focus-visible,.recent-results-meta__copy:hover{background:rgba(139,197,63,.08);border-color:rgba(139,197,63,.38);color:#6da82f;outline:none;transform:translateY(-1px)}.recent-results-meta__list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(220px,1fr))}.recent-results-meta__item{background:var(--theme-body-bg);border:1px solid var(--theme-border);border-radius:15px;padding:14px}.recent-results-meta__item-header{align-items:center;display:flex;gap:10px;justify-content:space-between;margin-bottom:12px}.recent-results-meta__item-header strong{color:var(--theme-heading);font-size:16px}.recent-results-meta__item-header span{color:var(--theme-muted-text);font-size:12px;white-space:nowrap}.recent-results-meta__details{grid-gap:10px;display:grid;gap:10px;grid-template-columns:repeat(2,minmax(0,1fr));margin:0 0 13px}.recent-results-meta__details div{min-width:0}.recent-results-meta__details dt{color:var(--theme-muted-text);font-size:11px;font-weight:800;letter-spacing:.04em;margin:0 0 3px;text-transform:uppercase}.recent-results-meta__details dd{word-wrap:anywhere;color:var(--theme-text);font-size:13px;font-weight:700;margin:0}.recent-results-meta__empty{background:rgba(139,197,63,.06);border:1px dashed rgba(139,197,63,.38);border-radius:14px;padding:12px 14px}@media(max-width:640px){.recent-results-meta{padding:15px}.recent-results-meta__header{align-items:stretch;flex-direction:column}.recent-results-meta__clear{width:100%}.recent-results-meta__details{grid-template-columns:1fr}}@media only screen and (max-width:768px){.main-content.container{margin-left:auto;margin-right:auto;max-width:calc(100% - 20px)!important;overflow:visible;padding-bottom:calc(112px + env(safe-area-inset-bottom));padding-left:0;padding-right:0;width:calc(100% - 20px)!important}.main-content.container,.main-content.container .algoritm,.main-content.container .algoritm.container,.main-content.container .base64-ready-examples,.main-content.container .lazy-section,.main-content.container>*{box-sizing:border-box;min-width:0}.main-content.container .base64-ready-examples,.main-content.container .lazy-section,.main-content.container>*{max-width:100%;width:100%}.main-content.container .lazy-section{display:block;justify-self:stretch}.main-content.container .algoritm,.main-content.container .algoritm.container{display:block;margin:14px 0 20px!important;max-width:none!important;padding-left:0!important;padding-right:0!important;width:100%!important}.main-content.container .base64-ready-examples{justify-self:stretch;margin-left:0;margin-right:0}.base64-result-card,.code-snippets,.conversion-history,.encoded-data,.metadata-inspector,.popular-converters,.results-empty{box-sizing:border-box;max-width:100%;min-width:0;width:100%}.code-snippets textarea,.conversion-result-card__code,.encoded-data .base-textarea__control,.encoded-data textarea{word-wrap:anywhere;box-sizing:border-box;max-width:100%;min-width:0}.results-empty{min-height:150px;padding:18px 14px}.popular-converters{grid-gap:7px;display:grid;gap:7px;grid-template-columns:repeat(2,minmax(0,1fr));margin:12px 0 0}.popular-converters a{word-wrap:anywhere;border-radius:11px;font-size:12px;justify-content:center;line-height:1.3;min-height:42px;min-width:0;padding:8px;text-align:center;white-space:normal}}@media only screen and (max-width:600px){.popular-converters{grid-template-columns:1fr}}@media only screen and (max-width:420px){.main-content.container{max-width:calc(100% - 14px)!important;width:calc(100% - 14px)!important}.main-content.container .algoritm,.main-content.container .algoritm.container{margin-top:10px!important}}.conversion-result-card[data-v-5f214cba]{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-5f214cba]{align-items:flex-start;display:flex;gap:16px;justify-content:space-between;margin-bottom:18px}.conversion-result-card__eyebrow[data-v-5f214cba]{color:#8bc53f;font-size:13px;font-weight:800;letter-spacing:.08em;margin:0 0 4px;text-transform:uppercase}.conversion-result-card h2[data-v-5f214cba]{color:#111827;color:var(--text-color,#111827);font-size:24px;line-height:1.2;margin:0}.conversion-result-card__clear[data-v-5f214cba]{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-5f214cba]:hover{border-color:#8bc53f;color:#8bc53f;opacity:1}.conversion-result-card__flow[data-v-5f214cba]{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-5f214cba]{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-header[data-v-5f214cba]{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-5f214cba]{align-items:center;display:grid;justify-items:center;min-height:190px;padding:16px;place-items:center}.conversion-result-card__preview img[data-v-5f214cba]{max-height:260px;max-width:100%;-o-object-fit:contain;object-fit:contain}.conversion-result-card__placeholder[data-v-5f214cba]{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-5f214cba]{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-5f214cba]{display:flex;flex-wrap:wrap;gap:8px;margin-top:16px}.conversion-result-card__chip[data-v-5f214cba]{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-5f214cba]{align-items:center;display:flex;flex-wrap:wrap;gap:10px;margin-top:18px}[data-v-5f214cba] .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-5f214cba] .conversion-result-card__list{grid-gap:12px;display:grid;gap:12px;grid-template-columns:repeat(auto-fit,minmax(150px,1fr));width:100%}[data-v-5f214cba] .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-5f214cba] .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-5f214cba] .conversion-result-card__list-item strong{color:#111827;color:var(--text-color,#111827);display:block;margin-top:8px}[data-v-5f214cba] .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-5f214cba]{border-radius:14px;padding:16px}.conversion-result-card__flow[data-v-5f214cba]{grid-template-columns:1fr}.conversion-result-card__arrow[data-v-5f214cba]{justify-self:center;transform:rotate(90deg)}.conversion-result-card h2[data-v-5f214cba]{font-size:20px}.conversion-result-card__preview[data-v-5f214cba]{min-height:150px}}.bytes-to-image-link[data-v-be97d202]{align-items:center;background:radial-gradient(circle at 0 0,rgba(99,102,241,.1),transparent 38%),linear-gradient(135deg,rgba(238,242,255,.92),rgba(248,250,252,.96));border:1px solid rgba(79,70,229,.18);border-radius:18px;box-shadow:0 14px 34px rgba(15,23,42,.07);display:flex;gap:24px;justify-content:space-between;margin-bottom:60px;margin-top:28px;padding:22px 24px}.bytes-to-image-link__content[data-v-be97d202]{min-width:0}.bytes-to-image-link__eyebrow[data-v-be97d202]{color:#5b56a8;display:inline-flex;font-size:12px;font-weight:800;letter-spacing:.11em;margin-bottom:7px;text-transform:uppercase}.bytes-to-image-link h2[data-v-be97d202]{color:var(--theme-text);font-size:max(20px,min(2.4vw,27px));line-height:1.2;margin:0}.bytes-to-image-link p[data-v-be97d202]{color:var(--theme-muted-text);line-height:1.65;margin:9px 0 0;max-width:720px}.bytes-to-image-link__action[data-v-be97d202]{align-items:center;background:rgba(79,70,229,.1);border:1px solid rgba(79,70,229,.22);border-radius:12px;color:#4338ca;display:inline-flex;flex:0 0 auto;font-weight:800;gap:8px;justify-content:center;min-height:44px;padding:11px 16px;-webkit-text-decoration:none;text-decoration:none;transition:transform .18s ease,background .18s ease,border-color .18s ease}.bytes-to-image-link__action[data-v-be97d202]:hover{background:rgba(79,70,229,.14);border-color:rgba(79,70,229,.36);transform:translateY(-1px)}.bytes-to-image-link__action[data-v-be97d202]:focus-visible{outline:3px solid rgba(79,70,229,.18);outline-offset:3px}.dark-mode,.theme-dark,html.dark-theme{background:radial-gradient(circle at 0 0,rgba(99,102,241,.18),transparent 42%),linear-gradient(135deg,rgba(30,41,59,.96),rgba(15,23,42,.96));background:rgba(129,140,248,.14);border-color:rgba(165,180,252,.24);border-color:rgba(165,180,252,.28);box-shadow:0 16px 36px rgba(0,0,0,.2);color:#c7d2fe;color:#e0e7ff}@media(max-width:720px){.bytes-to-image-link[data-v-be97d202]{align-items:stretch;flex-direction:column;padding:20px}.bytes-to-image-link__action[data-v-be97d202]{width:100%}}