body{color:#e0e0e0;background-color:#1e1e1e;flex-direction:column;justify-content:center;align-items:center;min-height:100vh;margin:0;font-family:Segoe UI,Tahoma,Geneva,Verdana,sans-serif;display:flex}h1,h2,h3{margin:3px}h1{color:#fff}h2{color:#aaa}h3{color:red}b{font-weight:700}#sidebar{background-color:#2c2c2c;border-radius:8px;flex-direction:column;align-items:center;gap:10px;width:28%;height:100vh;padding-left:10px;padding-right:10px;display:flex;position:fixed;top:0;left:0;overflow-y:auto;box-shadow:0 4px 8px #0003}#settingsContainer{flex-direction:column;width:100%;display:flex}#previewCanvas{width:100%;height:100vh;position:fixed;top:0;right:0}#outputField{color:#e0e0e0;resize:none;opacity:.7;background-color:#2c2c2c;border-radius:8px;width:20%;height:150px;position:fixed;bottom:10px;right:10px}input[type=number]{width:100px}input[type=file]{display:none}input[type=checkbox]{accent-color:#007bff;align-self:center;width:20px;height:20px;transition:all .2s}input[type=checkbox]:hover{cursor:pointer;transition:all .2s;transform:scale(1.25)}a{color:#007bff;text-decoration:none}a:hover{text-decoration:underline}hr{border:1px solid #525252;width:95%}label{align-items:center;width:100%;height:20px;padding-top:5px;display:flex}#progressContainer{z-index:2000;background-color:#2c2c2c;border:1px solid #525252;border-radius:8px;width:300px;padding:15px;display:none;position:fixed;top:20px;left:50%;transform:translate(-50%);box-shadow:0 4px 12px #00000080}#progressLabel{text-align:center;margin-bottom:8px;font-size:14px}#progressBar{background-color:#007bff;border-radius:5px;width:0%;height:10px;transition:width .1s}