.tool-page .base64-tool-card{--base64-surface:#fff;--base64-ink:var(--tool-ink);--base64-toolbar:var(--tool-surface);--base64-border:var(--tool-line);--base64-hover:var(--tool-accent-soft);--base64-muted:var(--tool-text);--base64-accent:var(--tool-accent);--base64-accent-hover:var(--tool-accent-strong);--base64-focus:var(--tool-accent);--base64-control-height:38px;padding:0;border:1px solid var(--base64-border);border-radius:var(--tool-radius);background:var(--base64-surface);color:var(--base64-ink)}.base64-panel-footer,.base64-panel-heading,.base64-panel-toolbar{padding:8px calc(clamp(10px, 1.7vw, 20px))}.base64-options-modal .modal-footer,.base64-panel-toolbar,.base64-tool-nav{background:var(--base64-toolbar)}.base64-tool-nav{padding:8px calc(clamp(10px, 1.7vw, 20px));border-bottom:1px solid var(--base64-border);border-radius:calc(-1px + var(--tool-radius)) calc(-1px + var(--tool-radius)) 0 0}.base64-mode-group{--base64-tab-track:#e1e6ee;display:inline-flex;flex-wrap:nowrap;gap:3px;max-inline-size:100%;margin:0;padding:3px;border:0;border-radius:var(--tool-radius-sm);background:var(--base64-tab-track)}.base64-mode-group .nav-item{min-inline-size:0}.base64-tool-card .base64-mode-group .nav-link{display:inline-flex;align-items:center;justify-content:center;gap:6px;min-block-size:var(--base64-control-height);min-inline-size:0;padding:5px 9px;margin:0;border:1px solid var(--base64-border);border-radius:calc(-1px + var(--tool-radius-sm));background:var(--base64-surface);color:var(--base64-ink);box-shadow:none;font-size:.9rem;font-weight:600;line-height:1.25;text-align:center;text-transform:none;white-space:normal;overflow-wrap:anywhere;inline-size:100%;min-block-size:calc(-6px + var(--base64-control-height));border:1px solid transparent;border-radius:calc(-3px + var(--tool-radius-sm));padding-inline:calc(clamp(10px, 1.6vw, 18px));background:transparent;color:var(--tool-muted);transition:background-color .15s,color .15s,box-shadow .15s}main .tool-page .base64-tool-card .base64-mode-group .nav-item>.nav-link{align-items:center}.base64-tool-card .base64-mode-group .nav-link>:is(i,svg){flex:none;margin:0}.base64-tool-card .base64-mode-group .nav-link:not(.active):hover{background:hsla(0,0%,100%,.55);color:var(--base64-ink)}.base64-tool-card .base64-mode-group .nav-link.active{border-color:#d3dbe6;background:#fff;color:var(--base64-accent-hover);font-weight:700;box-shadow:0 1px 2px rgba(16,24,40,.12),0 2px 6px rgba(16,24,40,.08)}.base64-tool-card .base64-dialog-close:hover{background:var(--base64-hover)}.base64-tool-card .tool-btn{min-height:var(--base64-control-height)}.base64-tool-card a.tool-btn[aria-disabled=true]{pointer-events:none}.base64-tool-card .tool-btn>span:last-child:not(.visually-hidden){display:inline-grid;grid-auto-flow:column;align-items:center;column-gap:.5rem}.base64-tool-card .tool-btn>span:last-child>:is(i,svg){position:relative;top:.06em}.base64-choice-control:focus-visible+.base64-choice-card,.base64-tool-card :is(.nav-link,.base64-dialog-close,.select-input,.base64-format-toggle):focus-visible{outline:2px solid var(--base64-focus);outline-offset:2px;z-index:1;block-size:100%}.base64-panel{min-inline-size:0}.base64-result-panel{scroll-margin-block-start:5rem}.base64-panel-heading,.base64-panel-toolbar{display:flex;flex-wrap:wrap;align-items:center;gap:6px 8px;border-bottom:1px solid var(--base64-border)}.base64-editor{min-inline-size:0;padding:14px calc(clamp(10px, 1.7vw, 20px))}.base64-tool-card .base64-workspace-textarea{min-block-size:16rem;padding:.8rem .9rem;font:.9375rem/1.55 SFMono-Regular,Menlo,Monaco,Consolas,monospace;resize:vertical}.base64-tool-card .base64-workspace-textarea[readonly]{border:1px solid var(--base64-border);background:var(--base64-toolbar);color:var(--base64-ink)}.base64-textarea-field .form-helper{position:absolute;inset-block-start:100%;inset-inline:0}.base64-input-panel .base64-editor{padding-block-end:calc(14px + 1.4rem)}.base64-panel-footer{align-self:start;padding-block-start:0}.base64-format-options{padding-block-end:14px}.base64-format-toggle{display:none}.base64-result-meta{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:6px}.base64-result-meta[hidden]{display:none}.base64-result-meta>span{display:flex;flex-wrap:wrap;justify-content:space-between;align-items:baseline;gap:2px 6px;padding:5px 8px;border:1px solid var(--base64-border);border-radius:6px;color:var(--base64-ink);font-size:.9rem;overflow-wrap:anywhere}.base64-result-meta strong{color:var(--base64-muted);font-weight:600}.base64-options-modal .modal-dialog{max-inline-size:min(38rem,100% - 1.5rem);margin-inline:auto}.base64-options-modal .modal-content{border:1px solid var(--base64-border);border-radius:16px;background:var(--base64-surface);color:var(--base64-ink);box-shadow:0 16px 40px rgba(22,37,68,.19)}.base64-options-modal .base64-dialog-header{--base64-popup-row:var(--base64-control-height);--base64-popup-icon:32px;display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:start;gap:10px;padding:10px 12px 10px 16px;border-bottom:1px solid var(--base64-border);background:var(--base64-toolbar)}.base64-dialog-header>.base64-dialog-icon{inline-size:var(--base64-popup-icon);block-size:var(--base64-popup-icon);margin-top:calc(.5 * (var(--base64-popup-row) - var(--base64-popup-icon)));border-radius:8px}.base64-dialog-header>.modal-title{margin:0;padding-top:max(0px,.5 * (-1lh + var(--base64-popup-row)))}.base64-dialog-header .modal-title{font-size:1.1rem;font-weight:700;line-height:1.4;overflow-wrap:anywhere}.base64-dialog-close,.base64-dialog-icon{display:inline-grid;place-items:center;inline-size:40px;block-size:40px;border-radius:9px}.base64-dialog-icon{color:var(--base64-accent);background:var(--base64-hover)}.base64-dialog-close{inline-size:var(--base64-control-height);block-size:var(--base64-control-height);padding:0;border:0;color:var(--base64-muted);background:transparent}.base64-options-modal .modal-body{padding:calc(clamp(14px, 4vw, 24px))}.base64-options-modal .select-options-wrapper{max-height:min(var(--base64-charset-list-max,190px),var(--base64-charset-list-height,190px))!important}.base64-options-modal .modal-footer{padding:10px calc(clamp(14px, 4vw, 24px));border-top:1px solid var(--base64-border)}.base64-options-grid{display:grid;grid-template-columns:repeat(2,minmax(0,1fr));gap:10px}.base64-option-group{min-inline-size:0;padding:12px;border:1px solid var(--base64-border);border-radius:10px}.base64-option-group-title{margin:0 0 .7rem;font-size:.95rem;font-weight:700}.base64-choice-grid{display:grid;grid-template-columns:repeat(3,minmax(0,1fr));gap:6px}.base64-choice-grid-four{grid-template-columns:repeat(4,minmax(0,1fr))}.base64-choice{position:relative}.base64-choice-control{position:absolute;inline-size:1px;block-size:1px;margin:0;opacity:0}.base64-choice-card{display:grid;place-items:center;min-block-size:var(--base64-control-height);padding:5px 7px;border:1px solid var(--base64-border);border-radius:var(--tool-radius-sm);font-size:.95rem;font-weight:600;text-align:center;cursor:pointer;overflow-wrap:anywhere}.base64-choice-card:hover,.base64-choice-control:checked+.base64-choice-card{border-color:var(--base64-accent);background:var(--base64-hover);color:var(--base64-accent)}.base64-option-check,.base64-option-switch{display:flex;align-items:start;gap:8px;padding-inline-start:0;margin:0;font-size:.9rem}.base64-option-check{margin-block-start:10px}.base64-format-help{margin-block-start:8px;color:var(--base64-muted);overflow-wrap:anywhere}.base64-tool-card :is(.base64-option-switch,.base64-option-check) .form-check-input{flex:0 0 auto;float:none;margin-inline-start:0}main .tool-page .base64-tool-card :is(.base64-option-check,.base64-option-switch){align-items:flex-start}main .tool-page .base64-tool-card :is(.base64-option-check,.base64-option-switch)>.form-check-input{line-height:inherit;margin-top:calc(.5lh - .4375rem + .06em)}main .tool-page .base64-tool-card .base64-option-check:not(.form-switch)>.form-check-input{margin-top:calc(.5lh - .5625rem + .06em)}main .tool-page .base64-tool-card .base64-format-toggle{align-items:center}main .tool-page .base64-tool-card .base64-format-toggle>:is(i[class*=fa-],svg.svg-inline--fa){position:relative;top:.06em;flex:none;margin:0}.base64-option-check-list{display:grid;gap:10px}.base64-option-check-list .base64-option-check{margin-block-start:0}.base64-file-dropzone,.base64-file-output{min-block-size:12rem;border-radius:9px}.base64-file-dropzone{display:grid;align-content:center;justify-items:center;gap:12px;padding:calc(clamp(12px, 3vw, 24px));border:2px dashed #aebed6;background:var(--base64-toolbar)}.base64-file-dropzone:is(:hover,:focus-within,.is-dragover){border-color:var(--base64-accent);background:var(--base64-hover)}.base64-file-dropzone-icon{display:grid;place-items:center;inline-size:46px;block-size:46px;border-radius:10px;background:var(--base64-hover);color:var(--base64-accent);font-size:1.25rem}.base64-file-input .form-control{background:var(--base64-surface)}.base64-file-output{display:grid;align-content:center;padding:calc(clamp(12px, 3vw, 20px));border:1px solid var(--base64-border);background:var(--base64-toolbar)}.base64-file-output-icon{justify-self:center;color:var(--base64-muted);font-size:1.5rem}.base64-file-output:has(.base64-preview:not(.d-none)) .base64-file-output-icon,.base64-result-panel:has([aria-disabled=true]) .base64-file-output-icon>:last-child,.base64-result-panel:has(a[href]) .base64-file-output-icon>:first-child{display:none}.base64-result-panel:has(a[href]) .base64-file-output-icon{color:var(--base64-accent)}.base64-preview img{max-block-size:32rem;object-fit:contain}.base64-option-help{margin-block-start:.65rem}@media (min-width:992px){.base64-panels{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.base64-panel{display:grid;grid-row:span 4;grid-template-rows:subgrid}.base64-result-panel{border-inline-start:1px solid var(--base64-border)}}@media (max-width:991.98px){.base64-result-panel{border-top:1px solid var(--base64-border)}}@media (hover:none) and (pointer:coarse),(max-width:991.98px){.base64-format-title{display:none}.base64-format-toggle{margin-top:.75rem;display:flex;align-items:center;justify-content:space-between;gap:8px;inline-size:100%;min-block-size:44px;padding:6px 10px;border:1px solid var(--base64-border);border-radius:7px;background:var(--base64-surface);color:var(--base64-ink);font:inherit;text-align:start}.base64-format-toggle:hover,.base64-format-toggle[aria-expanded=true]{background:var(--base64-hover)}.base64-format-toggle[aria-expanded=true]>svg{transform:rotate(180deg)}.base64-format-options:has(.base64-format-toggle[aria-expanded=false]) .base64-format-body{display:none}}@media (max-width:575.98px){.tool-page .base64-tool-card{--base64-control-height:44px}.base64-mode-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.base64-tool-card .base64-mode-group .nav-link{block-size:100%;justify-content:center;padding-inline:4px;font-size:.95rem;text-align:center;white-space:nowrap}main .tool-page .base64-tool-card .base64-mode-group .nav-item>.nav-link{justify-content:center;text-align:center}.base64-tool-card .base64-mode-group .nav-link>:is(i,svg){display:none}.base64-options-grid{grid-template-columns:minmax(0,1fr)}.base64-choice-grid-four,.base64-choice-grid:not(.base64-choice-grid-four){grid-template-columns:repeat(2,minmax(0,1fr))}.base64-choice-grid:not(.base64-choice-grid-four)>.base64-choice:last-child{grid-column:1/-1}}.tool-page .base64-tool-card .base64-workspace-textarea[readonly]{background-color:var(--base64-toolbar)}@media (max-width:359.98px){.base64-mode-group{grid-template-columns:minmax(0,1fr)}}@media (max-width:767px){.tool-page .base64-tool-card .base64-mode-group a.nav-link{font-size:.95rem!important}}