.app-container[data-v-ad2d63e3]{display:flex;flex-direction:column;height:100vh;width:100vw}.row[data-v-ad2d63e3]{display:flex}.row[data-v-ad2d63e3]:first-child{height:35px}.row[data-v-ad2d63e3]:last-child{flex-grow:1}button[data-v-ad2d63e3]{width:auto;height:100%;margin-right:5px}button.active[data-v-ad2d63e3]{background-color:#646cff;color:#fff}input[data-v-ad2d63e3]{flex-grow:1;height:100%}.main-area[data-v-ad2d63e3]{width:100%;height:100%;border:none}body,html{margin:0;padding:0;height:100%;width:100%}#app{font-family:Arial,sans-serif;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;height:100%;width:100%}button{cursor:pointer;border:1px solid #ccc;background-color:#f0f0f0;padding:5px 10px}button:hover{background-color:#e0e0e0}input{padding:5px;border:1px solid #ccc}body.dark-mode{background-color:#1a1a1a;color:#fff}.dark-mode button{background-color:#333;color:#fff}.dark-mode button.active{background-color:#646cff;color:#fff}.dark-mode input{background-color:#333;color:#fff}body{background-color:#fff;color:#000}button{background-color:#f0f0f0;color:#000}button.active{background-color:#646cff;color:#fff}input{background-color:#fff;color:#000}