.app-container{width:100%;height:100%;overflow:hidden}.app-container,.converter-content{display:flex;flex-direction:column}.converter-content{flex-grow:1}.upload-area{transition:all .2s ease;min-height:130px;background-color:rgba(255,255,255,.4);border-color:rgba(200,200,200,.3);box-shadow:none}[data-theme=dark] .upload-area{background-color:rgba(30,41,59,.4);border-color:rgba(55,65,81,.3)}.upload-area:hover{border-color:rgba(59,130,246,.6);background-color:rgba(59,130,246,.03);transform:none}.upload-area.dragging{border-color:#3b82f6;background-color:rgba(59,130,246,.05);transform:none}.preview-area{min-height:150px;max-height:350px;padding:.75rem;background-color:rgba(249,250,251,.5);border-radius:.25rem;transition:all .2s ease;border:1px solid rgba(229,231,235,.5)}[data-theme=dark] .preview-area{background-color:rgba(17,24,39,.5);border:1px solid rgba(55,65,81,.2)}.preview-area img{max-height:320px;border-radius:4px;box-shadow:none;transition:none}.preview-area img:hover{transform:none}.copy-notification{position:fixed;bottom:16px;right:16px;padding:8px 16px;background-color:rgba(0,0,0,.7);color:#fff;border-radius:4px;z-index:1000;animation:fade-in-out 1.5s ease-in-out;box-shadow:none;font-size:12px}@keyframes fade-in-out{0%{opacity:0;transform:translateY(4px)}20%{opacity:1;transform:translateY(0)}80%{opacity:1;transform:translateY(0)}to{opacity:0;transform:translateY(-4px)}}.converter-content::-webkit-scrollbar{width:6px;height:6px}.converter-content::-webkit-scrollbar-thumb{background:rgba(193,193,193,.4);border-radius:3px}.converter-content::-webkit-scrollbar-thumb:hover{background:rgba(168,168,168,.5)}[data-theme=dark] .converter-content::-webkit-scrollbar-thumb{background:rgba(74,74,74,.4)}[data-theme=dark] .converter-content::-webkit-scrollbar-thumb:hover{background:rgba(90,90,90,.5)}textarea{resize:vertical;min-height:80px;max-height:300px;font-size:12px!important;font-family:ui-monospace,SFMono-Regular,Menlo,Monaco,Consolas,Liberation Mono,Courier New,monospace;line-height:1.4;letter-spacing:-.1px;background-color:rgba(255,255,255,.5)!important;transition:all .2s ease;border-color:rgba(209,213,219,.3)!important}[data-theme=dark] textarea{background-color:rgba(30,41,59,.5)!important;border-color:rgba(55,65,81,.3)!important}textarea:focus{box-shadow:0 0 0 1px rgba(59,130,246,.2);border-color:rgba(59,130,246,.3)!important}textarea::-webkit-scrollbar{width:6px;height:6px}textarea::-webkit-scrollbar-thumb{background:rgba(193,193,193,.4);border-radius:3px}textarea::-webkit-scrollbar-thumb:hover{background:rgba(168,168,168,.5)}[data-theme=dark] textarea::-webkit-scrollbar-thumb{background:rgba(74,74,74,.4)}[data-theme=dark] textarea::-webkit-scrollbar-thumb:hover{background:rgba(90,90,90,.5)}button{transition:all .2s ease;box-shadow:none!important}button:not([disabled]):active{transform:none}.base64-container,.upload-container{background-color:rgba(255,255,255,.4);border-color:rgba(229,231,235,.3);box-shadow:none!important;transition:all .2s ease;padding:unset}[data-theme=dark] .base64-container,[data-theme=dark] .upload-container{background-color:rgba(30,41,59,.4);border-color:rgba(55,65,81,.3)}.base64-container:hover,.upload-container:hover{box-shadow:none!important}