.thanks{text-align:center;line-height:auto;background-color:#34312b}.thanks h1{color:#e2a024}.thanks h4{color:#69696966;font-size:16px}.thanks .name-list{background-color:#474747}.thanks span{color:#afafaf;white-space:pre-wrap;line-height:2.2em;text-align:left}#footer-span{color:#c78c1e}.update-page{text-align:center;line-height:auto;background-color:#34312b}.update-page h1{color:#e2a024}.update-list{background-color:#474747}.update-span{color:#afafaf;white-space:pre-wrap}.update-footer-span{color:#c78c1e}.update-page hr{border:1px solid rgba(175,175,175,.3);width:150px}: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}body{background-color:#555;position:relative;justify-content:center}a{text-decoration:none;color:#2f2f2f}ul,ol{list-style:none;margin:0;padding:0}input{border:none;outline:none}body{background-color:#34312b}.page{width:1226px;margin:30px auto;background-color:#2d2a2a66}.page .noise-list{width:1100px;height:auto;margin:0 auto}.page .noise-list ul{display:flex;flex-direction:row;justify-content:flex-start;flex-wrap:wrap}.page .noise-list ul li{width:200px;height:210px;background-color:#87878733;text-align:center;margin:10px}.page .noise-list ul li:hover{cursor:pointer}.page .noise-list ul li img{width:160px;height:160px;margin:8px auto}.page .noise-list ul li img:hover{cursor:pointer}.page .noise-list ul li span{display:block;color:#dedcdc}.params-container{background-color:#1d1f20;border-radius:4px;padding:8px 10px;max-width:500px;margin:5px 40px}.inValue{font-family:Arial,sans-serif;background-color:#dee4ea;border-radius:4px;padding:4px;box-shadow:0 2px 4px #0000001a;display:flex;align-items:center;justify-content:space-between;max-width:500px;margin:5px auto}.inValue span{font-size:14px;font-weight:600;color:#2c3e50}.right{display:flex;align-items:center;gap:8px}.right span{color:#3498db;font-weight:700;font-size:12px}#input-label{border:2px solid #3498db;border-radius:4px;padding:6px 10px;font-size:14px;color:#bdc3c7;outline:none;transition:all .3s ease;width:80px}#input-label:focus{border-color:#2980b9;box-shadow:0 0 0 2px #3498db33}#input-label::placeholder{color:#34495e}#input-color{border:none;padding:0;background:none}#input-color::-webkit-color-swatch-wrapper{padding:0}#input-color::-webkit-color-swatch{border:none}#slider-bounder{border:2px solid #3498db;border-radius:2px;padding:2px 4px;font-size:14px;color:#bdc3c7;outline:none;transition:all .3s ease;width:20px}#slider-bounder:focus{border-color:#2980b9;box-shadow:0 0 0 2px #3498db33}#slider-bounder::placeholder{color:#34495e}button{background-color:#2ecc71;color:#fff;border:none;border-radius:4px;padding:6px 12px;font-size:12px;cursor:pointer;transition:background-color .3s ease}button:hover{background-color:#27ae60}button:active{transform:translateY(1px)}@media (max-width: 420px){.inValue{flex-direction:column;align-items:flex-start}.right{margin-top:8px;width:100%;justify-content:space-between}#input-label{flex-grow:1}}.sponsor .sponsor-text{white-space:pre-line;margin-left:30px}.sponsor .sponsor-text span{color:#bbbbbb80}#brush-b-infor{color:#ffffff4d;font-size:14px}#sponsor-img{margin-left:368px;margin-top:-120px}#main-canvas{position:absolute;left:580px;top:0}
