.base64-tool-card{overflow:hidden}.base64-tool-content,.base64-tool-nav{margin-left:auto;margin-right:auto;max-width:76rem;width:100%}.base64-tool-nav{background:#f5f7fa;border:1px solid #e1e6ee;border-radius:1rem;padding:.625rem .75rem}.base64-mode-group{box-sizing:border-box;display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr));margin:0;padding:.125rem;width:100%}.base64-mode-group .nav-item{min-width:0}.base64-mode-group .nav-link{align-items:center;background:transparent;border:1px solid transparent;border-radius:.75rem;color:#4b5563!important;display:flex;font-weight:600;justify-content:center;margin:0;overflow:hidden;position:relative;text-align:center;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:normal;width:100%}.base64-mode-group .nav-link i{flex:0 0 auto;margin-right:0!important;opacity:.72}.base64-mode-group .nav-link:hover{background:hsla(0,0%,100%,.78);border-color:rgba(59,113,202,.1);color:var(--mdb-primary,#3b71ca)}.base64-mode-group .nav-link.active{background:linear-gradient(180deg,#fff,#f8fbff);border-color:rgba(59,113,202,.3);box-shadow:0 .25rem .8rem rgba(27,52,90,.09);color:var(--mdb-primary,#3b71ca)!important}.base64-mode-group .nav-link.active:after{background:currentColor;border-radius:1rem 1rem 0 0;bottom:0;content:"";height:.2rem;left:1rem;position:absolute;right:1rem}.base64-mode-group .nav-link:focus-visible{outline:3px solid rgba(59,113,202,.2);outline-offset:2px}.base64-tool-content{margin-top:1rem}.base64-converter-form{display:flex;flex-direction:column;gap:1.25rem}.base64-textarea-field{margin-top:.25rem}.base64-workspace-textarea{font-family:SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;font-size:.9375rem;line-height:1.65;min-height:19rem;overflow:auto;overflow-wrap:anywhere;padding:1rem;resize:vertical;white-space:pre-wrap}.base64-workspace-textarea[readonly]{background-color:#fcfdff!important;border-color:#dce3ed}.base64-options-panel{background:#fff;border:1px solid #dfe5ee;border-radius:1rem;box-shadow:0 .2rem .75rem rgba(27,52,90,.045);overflow:hidden}.base64-options-header{background:#f8fafc;border-bottom:1px solid #e7ebf1;padding:0}.base64-options-header,.base64-options-toggle{align-items:center;display:flex;min-height:3.25rem}.base64-options-toggle{background:transparent;border:0;color:inherit;cursor:pointer;gap:1rem;justify-content:space-between;padding:.75rem 1.25rem;text-align:left;width:100%}.base64-options-toggle:focus-visible{outline:3px solid rgba(59,113,202,.2);outline-offset:-3px}.base64-options-title{color:#263244;font-weight:700}.base64-options-chevron{border-bottom:2px solid #6f7b8d;border-right:2px solid #6f7b8d;flex:0 0 auto;height:.6rem;transform:rotate(45deg);transition:transform .18s ease;width:.6rem}.base64-options-toggle[aria-expanded=true] .base64-options-chevron{transform:rotate(225deg)}.base64-options-collapse[hidden]{display:none}.base64-options-panel:not(.is-expanded) .base64-options-header{border-bottom-color:transparent}.base64-options-grid{display:grid;grid-template-columns:minmax(0,1.2fr) minmax(0,.9fr) minmax(0,1fr)}.base64-option-group{min-width:0;padding:1.25rem}.base64-option-group+.base64-option-group{border-left:1px solid #e7ebf1}.base64-option-group-title{color:#384457;font-size:.95rem;font-weight:600;letter-spacing:.025em;margin:0 0 .85rem}.base64-choice-grid{display:grid;gap:.5rem;grid-template-columns:repeat(3,minmax(0,1fr))}.base64-choice-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.base64-choice{min-width:0;position:relative}.base64-choice-control{height:1px;margin:0;opacity:0;pointer-events:none;position:absolute;width:1px}.base64-choice-card{align-items:center;background:#fff;border:1px solid #dfe4eb;border-radius:.625rem;color:#586274;cursor:pointer;display:flex;font-size:.88rem;font-weight:600;justify-content:center;line-height:1.25;min-height:3.5rem;padding:.55rem .65rem;transition:color .15s ease,background-color .15s ease,border-color .15s ease,box-shadow .15s ease;white-space:normal;word-break:keep-all}.base64-choice-card:hover{background:#f8fbff;border-color:rgba(59,113,202,.4);color:var(--mdb-primary,#3b71ca)}.base64-choice-control:checked+.base64-choice-card{background:rgba(59,113,202,.08);border-color:rgba(59,113,202,.58);box-shadow:inset 0 0 0 1px rgba(59,113,202,.08);color:var(--mdb-primary,#3b71ca)}.base64-choice-control:focus-visible+.base64-choice-card{outline:3px solid rgba(59,113,202,.2);outline-offset:2px}.base64-option-check,.base64-option-switch{margin:1rem 0 0}.base64-option-check-list{display:grid;gap:.7rem}.base64-option-check-list .base64-option-check,.base64-option-check-list .base64-option-switch{margin:0}.base64-option-check .form-check-label,.base64-option-switch .form-check-label{color:#4b5563}.base64-select-wrap{max-width:20rem;width:100%}.base64-option-help{color:#7a8494!important;font-size:.95rem;line-height:1.5;margin-top:.75rem}.base64-file-option-body{padding:1rem 1.25rem}.base64-file-option-body .base64-option-switch{margin:0}.base64-actions{display:flex;gap:.625rem;justify-content:center}.base64-actions .btn{min-width:9.5rem}.base64-file-result,.base64-result-panel{background:rgba(59,113,202,.025);border:1px solid rgba(59,113,202,.22);border-radius:1rem;box-shadow:0 .25rem 1rem rgba(27,52,90,.05);margin-top:.5rem;padding:1.25rem}.base64-result-header{align-items:center;display:flex;gap:1rem;justify-content:space-between;margin-bottom:1rem}.base64-result-header p{font-weight:700}.base64-result-meta{display:grid;gap:.5rem;grid-template-columns:repeat(4,minmax(0,1fr));margin-top:1rem}.base64-result-meta>span{align-items:center;background:#fff;border:1px solid #e2e7ef;border-radius:.6rem;color:#566173;display:flex;font-size:.95rem;gap:.75rem;justify-content:space-between;min-width:0;padding:.65rem .8rem}.base64-result-meta strong{color:#778193;font-weight:600}.base64-result-meta span span{color:#263244;font-weight:700;overflow:hidden;text-overflow:ellipsis;white-space:nowrap}.base64-file-dropzone{align-items:center;background:linear-gradient(180deg,#fff,#fafcff);border:2px dashed #b9c5d8;border-radius:1rem;display:flex;flex-direction:column;gap:.875rem;justify-content:center;min-height:16rem;padding:2rem;transition:border-color .2s ease,background-color .2s ease,box-shadow .2s ease}.base64-file-dropzone.is-dragover,.base64-file-dropzone:hover{background:#f6f9ff;border-color:var(--mdb-primary,#3b71ca);box-shadow:inset 0 0 0 1px rgba(59,113,202,.08)}.base64-file-dropzone-icon{background:rgba(59,113,202,.1);border-radius:50%;color:var(--mdb-primary,#3b71ca);display:grid;font-size:1.5rem;height:3.75rem;place-items:center;width:3.75rem}.base64-file-dropzone-icon:empty{display:none}.base64-file-input{margin:0 auto;max-width:42rem}.base64-file-input .form-control{background:#fff}.base64-file-result img{max-height:32rem;object-fit:contain}@media (max-width:991px){.base64-mode-group{grid-template-columns:repeat(2,minmax(0,1fr))}.base64-mode-group .nav-link{font-size:.9rem!important}.base64-options-grid{grid-template-columns:repeat(2,minmax(0,1fr))}.base64-option-group:nth-child(3){border-left:0;border-top:1px solid #e7ebf1;grid-column:1/-1}.base64-result-meta{grid-template-columns:repeat(2,minmax(0,1fr))}}@media (max-width:767px){.subpage-container .sub-card{border:0;box-shadow:none;padding:0}.subpage-container .sub-card:hover{box-shadow:none}.base64-tool-nav{border-radius:.875rem;padding:.45rem .55rem}.base64-mode-group{gap:.4rem;padding:.1rem}.base64-mode-group .nav-link{font-size:.8rem!important;justify-content:start;min-height:3.25rem;padding:.6rem .45rem}.base64-mode-group .nav-link i{display:none}.base64-converter-form{gap:1rem}.base64-workspace-textarea{font-size:.875rem;min-height:16rem;padding:.875rem}.base64-options-header{min-height:3rem}.base64-options-toggle{min-height:3rem;padding:.7rem 1rem}.base64-options-panel:not(.is-initialized) .base64-options-collapse{display:none}.base64-options-panel:not(.is-initialized) .base64-options-header{border-bottom-color:transparent}.base64-options-grid{grid-template-columns:minmax(0,1fr)}.base64-option-group{padding:1rem}.base64-option-group+.base64-option-group,.base64-option-group:nth-child(3){border-left:0;border-top:1px solid #e7ebf1;grid-column:auto}.base64-choice-grid{grid-template-columns:minmax(0,1fr)}.base64-choice-grid-four{grid-template-columns:repeat(2,minmax(0,1fr))}.base64-actions{display:grid;grid-template-columns:minmax(0,1fr) minmax(0,1fr)}.base64-actions .btn{margin:0;min-width:0;padding-left:.75rem!important;padding-right:.75rem!important;width:100%}.base64-file-result,.base64-result-panel{padding:1rem}.base64-result-header{align-items:stretch;flex-direction:column}.base64-result-header .btn{width:100%}.base64-result-meta{grid-template-columns:minmax(0,1fr)}.base64-file-dropzone{min-height:13rem;padding:1.25rem .875rem}.base64-choice-card{justify-content:start}}