.styles_codePlayground__L6nZm{background-color:#f8f9fa;border-radius:10px;padding:20px;margin:20px auto;max-width:1400px}.styles_downloadBtn__mNgiJ,.styles_fullScreenBtn__GsGZP{transition:all .3s ease}.styles_downloadBtn__mNgiJ:hover,.styles_fullScreenBtn__GsGZP:hover{transform:scale(1.02)}.styles_compilerContainer__z0xfP{min-height:600px}.styles_editorPanel__Wra4X{display:flex;flex-direction:column;gap:20px}.styles_editorCard__ufmwT{flex:1 1;min-height:150px;border:none;box-shadow:0 2px 10px rgba(0,0,0,.05);transition:transform .2s}.styles_editorCard__ufmwT:hover{transform:translateY(-2px)}.styles_codeEditor__1FR5e{font-family:Fira Code,Courier New,monospace;font-size:14px;line-height:1.5;height:200px;resize:none;background-color:#f8f9fa;border:1px solid #e9ecef!important;border-radius:0 0 5px 5px!important;padding:15px!important}.styles_codeEditor__1FR5e:focus{background-color:#fff;box-shadow:0 0 0 .25rem rgba(13,110,253,.1);outline:none}.styles_outputPanel__npQpL{height:100%;transition:all .3s ease}.styles_outputPanel__npQpL:-webkit-full-screen{width:100vw;height:100vh;background:white;padding:20px;z-index:9999}.styles_outputPanel__npQpL:fullscreen{width:100vw;height:100vh;background:white;padding:20px;z-index:9999}.styles_outputPanel__npQpL.styles_outputFullscreen__b5pBT{position:fixed;top:0;left:0;width:100vw;height:100vh;background:white;z-index:9999;padding:20px}.styles_outputPanel__npQpL.styles_outputFullscreen__b5pBT .styles_editorCard__ufmwT{height:100%;margin:0}.styles_outputPanel__npQpL.styles_outputFullscreen__b5pBT .styles_outputFrame__DPypA{height:calc(100vh - 100px)}.styles_outputFrame__DPypA{width:100%;height:calc(100% - 50px);border:none;background-color:white;border-radius:0 0 5px 5px}.styles_copy-btn__VE86j{transition:all .2s}.styles_copy-btn__VE86j:hover{background-color:#e9ecef!important}@media (max-width:768px){.styles_compilerContainer__z0xfP{flex-direction:column}.styles_editorPanel__Wra4X,.styles_outputPanel__npQpL{width:100%}.styles_codeEditor__1FR5e{height:150px}.styles_downloadBtn__mNgiJ{margin-bottom:10px}}@media (prefers-color-scheme:dark){.styles_codePlayground__L6nZm{background-color:#212529;color:#f8f9fa}.styles_codeEditor__1FR5e{background-color:#2b3035;color:#f8f9fa;border-color:#495057!important}.styles_editorCard__ufmwT{background-color:#2b3035;box-shadow:0 2px 10px rgba(0,0,0,.2)}.styles_outputFrame__DPypA{background-color:#343a40}.styles_copy-btn__VE86j:hover{background-color:#495057!important}.styles_outputPanel__npQpL:-webkit-full-screen{background:#212529}.styles_outputPanel__npQpL:fullscreen{background:#212529}.styles_outputPanel__npQpL.styles_outputFullscreen__b5pBT{background:#212529}}