.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}}