.base64-tool-card{--base64-surface:var(--root-bg-primary, #fff);--base64-ink:var(--root-text-primary, #1e293b);--base64-toolbar:#f6f8fc;--base64-border:#d9e2ef;--base64-hover:#eef3fa;--base64-muted:#52637b;--base64-accent:#2455bd;--base64-accent-hover:#1d469e;--base64-focus:#2b63d4;--base64-control-height:36px;border:1px solid var(--base64-border);border-radius:14px;background:var(--base64-surface);color:var(--base64-ink)}.base64-panel-footer,.base64-panel-heading,.base64-panel-toolbar,.base64-workspace-header{padding:8px calc(clamp(10px, 1.7vw, 20px))}.base64-workspace-header{padding-block:14px}.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-block:1px solid var(--base64-border)}.base64-mode-group{display:inline-flex;flex-wrap:nowrap;max-inline-size:100%;margin:0;border:1px solid var(--base64-border);border-radius:8px;background:var(--base64-surface)}.base64-mode-group .nav-item{min-inline-size:0}.base64-tool-card .base64-button,.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:7px;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}.base64-tool-card .base64-mode-group .nav-link{inline-size:100%;min-block-size:calc(-2px + var(--base64-control-height));border:0;border-radius:7px;padding-inline:calc(clamp(8px, 1.5vw, 16px))}.base64-mode-group .nav-item+.nav-item{border-inline-start:1px solid var(--base64-border)}.base64-tool-card .base64-mode-group .nav-link.active{color:var(--base64-accent);background:var(--base64-hover)}.base64-tool-card .base64-button:not(.base64-primary):hover,.base64-tool-card .base64-dialog-close:hover,.base64-tool-card .base64-mode-group .nav-link:hover{background:var(--base64-hover)}.base64-tool-card .base64-primary{border-color:var(--base64-accent);background:var(--base64-accent);color:#fff}.base64-tool-card .base64-primary:not(:disabled,[aria-disabled=true]):is(:hover,:active,:focus-visible){border-color:var(--base64-accent-hover);background:var(--base64-accent-hover);color:#fff}.base64-tool-card .base64-button[aria-disabled=true]{opacity:.55;cursor:default}.base64-button>span:last-child{display:inline-flex;align-items:center;gap:6px}.base64-choice-control:focus-visible+.base64-choice-card,.base64-tool-card :is(.base64-button,.nav-link,.base64-dialog-close,.select-input,.base64-format-toggle):focus-visible{outline:2px solid var(--base64-focus);outline-offset:2px;z-index:1}.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-panel-index{color:var(--base64-accent);font:600 .9rem/1.35 monospace}.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-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-converter-form>.tool-context-cta{margin:0;padding:8px calc(clamp(10px, 1.7vw, 20px));border-top:1px solid var(--base64-border)}.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{display:grid;grid-template-columns:auto minmax(0,1fr) auto;align-items:center;gap:12px;padding:calc(clamp(12px, 3vw, 20px));border-bottom:1px solid var(--base64-border);background:var(--base64-toolbar)}.base64-dialog-header .modal-title{font-size:1.125rem;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(152px,var(--base64-charset-list-height,152px))!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:.9rem;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{block-size:100%;display:grid;place-items:center;min-block-size:var(--base64-control-height);padding:5px 7px;border:1px solid var(--base64-border);border-radius:7px;font-size:.9rem;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-tool-card :is(.base64-option-switch,.base64-option-check) .form-check-input{flex:0 0 auto;float:none;margin-inline-start: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{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:767px){.base64-mode-group{display:grid;grid-template-columns:repeat(2,minmax(0,1fr))}.base64-mode-group .nav-item+.nav-item{border-inline-start:0}.base64-mode-group .nav-item:nth-child(2n){border-inline-start:1px solid var(--base64-border)}.base64-mode-group .nav-item:nth-child(n+3){border-block-start:1px solid var(--base64-border)}.base64-tool-card .base64-mode-group .nav-link{block-size:100%;justify-content:flex-start;text-align:start;padding-inline:8px;font-size:.9rem!important}}@media (max-width:575.98px){.base64-tool-card{--base64-control-height:44px}.base64-options-grid{grid-template-columns:minmax(0,1fr)}.base64-choice-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}}