.button-group{display:grid;grid-template-columns:repeat(2,1fr);margin-top:20px;gap:10px}button{padding:10px 20px;border:none;border-radius:5px;background-color:#333;color:#fff;cursor:pointer}.settings{display:flex;justify-content:center;align-items:center;flex-direction:column;margin-top:20px}.settings .row{display:flex;justify-content:center;align-items:center;margin-top:10px}.settings .row .label{margin-right:10px}.settings .row .input{padding:5px;border:1px solid darkgray;border-radius:5px}.input-area{display:flex;justify-content:center;margin-top:20px;width:100%}.tips{display:flex;justify-content:center;align-items:center;margin-top:20px;margin-bottom:20px;color:#fff;border:1px dashed darkgray;border-radius:5px;text-align:center}.page{width:100%;height:100%;max-width:400px}.page .page-title-bar{display:flex;justify-content:center;align-items:center;padding:10px;background-color:#333;color:#fff}.page .page-content{overflow-y:auto;height:100%;padding:20px;background-color:#222;color:#fff}:root{font-family:Inter,system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root,body{margin:0;display:flex;flex-direction:column;justify-content:flex-start;align-items:center;width:100%}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}}