.base64-tool{*{transition-duration:.15s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mode-btn{transition-duration:.15s;transition-duration:.2s;transition-property:all;transition-timing-function:cubic-bezier(.4,0,.2,1)}.mode-btn:hover{--tw-scale-x:1.02;--tw-scale-y:1.02;transform:translate(var(--tw-translate-x),var(--tw-translate-y)) rotate(var(--tw-rotate)) skewX(var(--tw-skew-x)) skewY(var(--tw-skew-y)) scaleX(var(--tw-scale-x)) scaleY(var(--tw-scale-y));--tw-shadow:0 4px 6px -1px rgba(0,0,0,.1),0 2px 4px -2px rgba(0,0,0,.1);--tw-shadow-colored:0 4px 6px -1px var(--tw-shadow-color),0 2px 4px -2px var(--tw-shadow-color);box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}textarea:focus{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}textarea:focus:is(.dark *){--tw-ring-offset-color:#1f2937}input[type=file]::file-selector-button{margin-right:1rem}input[type=file]::file-selector-button{border-radius:.5rem}input[type=file]::file-selector-button{border-width:0}input[type=file]::file-selector-button{padding-bottom:.5rem;padding-top:.5rem}input[type=file]::file-selector-button{padding-left:1rem;padding-right:1rem}input[type=file]::file-selector-button{font-size:.875rem;line-height:1.25rem}input[type=file]::file-selector-button{font-weight:600}input[type=file]::file-selector-button{--tw-bg-opacity:1;background-color:rgb(239 246 255/var(--tw-bg-opacity,1))}input[type=file]::file-selector-button{--tw-text-opacity:1;color:rgb(29 78 216/var(--tw-text-opacity,1))}input[type=file]::file-selector-button:hover{--tw-bg-opacity:1;background-color:rgb(219 234 254/var(--tw-bg-opacity,1))}input[type=file]:is(.dark *)::file-selector-button{--tw-bg-opacity:1;background-color:rgb(30 58 138/var(--tw-bg-opacity,1))}input[type=file]:is(.dark *)::file-selector-button{--tw-text-opacity:1;color:rgb(191 219 254/var(--tw-text-opacity,1))}input[type=file]::file-selector-button{cursor:pointer}input[type=file]::file-selector-button{transition-duration:.15s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}input[type=file]::file-selector-button{transition-duration:.2s}input[type=checkbox]{cursor:pointer;transition-duration:.15s;transition-duration:.2s;transition-property:color,background-color,border-color,text-decoration-color,fill,stroke;transition-timing-function:cubic-bezier(.4,0,.2,1)}input[type=checkbox]:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}input[type=checkbox]:focus:is(.dark *){--tw-ring-offset-color:#1f2937}button:disabled{cursor:not-allowed;opacity:.5}button:disabled:hover{transform:none}textarea{scrollbar-color:#9ca3af transparent;scrollbar-width:thin}textarea::-webkit-scrollbar{height:8px;width:8px}textarea::-webkit-scrollbar-track{background-color:transparent}textarea::-webkit-scrollbar-thumb{border-radius:9999px;--tw-bg-opacity:1;background-color:rgb(156 163 175/var(--tw-bg-opacity,1))}textarea:is(.dark *)::-webkit-scrollbar-thumb{--tw-bg-opacity:1;background-color:rgb(75 85 99/var(--tw-bg-opacity,1))}textarea::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}textarea:is(.dark *)::-webkit-scrollbar-thumb:hover{--tw-bg-opacity:1;background-color:rgb(107 114 128/var(--tw-bg-opacity,1))}#image-preview{animation:fadeIn .3s ease-in-out}@keyframes fadeIn{0%{opacity:0;transform:translateY(-10px)}to{opacity:1;transform:translateY(0)}}#download-section{animation:slideIn .3s ease-out}@keyframes slideIn{0%{opacity:0;transform:translateY(20px)}to{opacity:1;transform:translateY(0)}}#auto-detect-badge{animation:bounceIn .5s ease-out}@keyframes bounceIn{0%{opacity:0;transform:scale(.3)}50%{transform:scale(1.05)}70%{transform:scale(.9)}to{opacity:1;transform:scale(1)}}@media (max-width:1024px){textarea{height:12rem}.grid.lg\\:grid-cols-2{grid-template-columns:repeat(1,minmax(0,1fr))}}@media (max-width:640px){.mode-btn{font-size:.875rem;line-height:1.25rem;padding-left:1rem;padding-right:1rem}.mode-btn svg{height:1rem;width:1rem}}@media print{.base64-tool{--tw-shadow:0 0 #0000;--tw-shadow-colored:0 0 #0000;box-shadow:var(--tw-ring-offset-shadow,0 0 #0000),var(--tw-ring-shadow,0 0 #0000),var(--tw-shadow)}#clear-input-btn,#swap-btn,button,input[type=file]{display:none}textarea{--tw-border-opacity:1;border-color:rgb(156 163 175/var(--tw-border-opacity,1))}}@media (prefers-contrast:high){.base64-tool{border-width:2px;--tw-border-opacity:1;border-color:rgb(17 24 39/var(--tw-border-opacity,1))}.base64-tool:is(.dark *){--tw-border-opacity:1;border-color:rgb(255 255 255/var(--tw-border-opacity,1))}button,textarea{border-width:2px}}@media (prefers-reduced-motion:reduce){*{animation:none!important;transition-property:none}}}.base64-tool button:focus-visible,.base64-tool input:focus-visible,.base64-tool select:focus-visible,.base64-tool textarea:focus-visible{outline:2px solid transparent;outline-offset:2px;--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.base64-tool button:focus-visible:is(.dark *),.base64-tool input:focus-visible:is(.dark *),.base64-tool select:focus-visible:is(.dark *),.base64-tool textarea:focus-visible:is(.dark *){--tw-ring-offset-color:#1f2937}.base64-tool select{background-image:url("data:image/svg+xml;charset=utf-8,%3Csvg xmlns='http://www.w3.org/2000/svg' fill='none' viewBox='0 0 20 20'%3E%3Cpath stroke='%236b7280' stroke-linecap='round' stroke-linejoin='round' stroke-width='1.5' d='m6 8 4 4 4-4'/%3E%3C/svg%3E");background-position:right .5rem center;background-repeat:no-repeat;background-size:1.5em 1.5em;cursor:pointer;padding-right:2.5rem}.base64-tool select:focus{--tw-ring-offset-shadow:var(--tw-ring-inset) 0 0 0 var(--tw-ring-offset-width) var(--tw-ring-offset-color);--tw-ring-shadow:var(--tw-ring-inset) 0 0 0 calc(2px + var(--tw-ring-offset-width)) var(--tw-ring-color);box-shadow:var(--tw-ring-offset-shadow),var(--tw-ring-shadow),var(--tw-shadow,0 0 #0000);--tw-ring-opacity:1;--tw-ring-color:rgb(59 130 246/var(--tw-ring-opacity,1));--tw-ring-offset-width:2px}.base64-tool select:focus:is(.dark *){--tw-ring-offset-color:#1f2937}.base64-tool .copied{--tw-bg-opacity:1;background-color:rgb(22 163 74/var(--tw-bg-opacity,1))}.base64-tool .copied:hover{--tw-bg-opacity:1;background-color:rgb(21 128 61/var(--tw-bg-opacity,1))}.base64-tool .font-mono{font-family:Menlo,Monaco,Courier New,monospace;letter-spacing:.05em}.base64-tool .error-text{--tw-text-opacity:1;color:rgb(220 38 38/var(--tw-text-opacity,1))}.base64-tool .error-text:is(.dark *){--tw-text-opacity:1;color:rgb(248 113 113/var(--tw-text-opacity,1))}