h1,h2,h3,h4,p,div,input,label{font-weight:normal;font-style:normal;-o-transition:.5s;-ms-transition:.5s;-moz-transition:.5s;-webkit-transition:.5s;transition:.5s;color:var(--text)}label{font-weight:600}#content{margin:0 auto;width:auto;padding:20px 0;background:var(--bg)}#content .header{display:block;margin:10px 0;padding:0;width:auto}.header h1,.header p{color:var(--text);text-align:center!important}.header h1{font-size:2.5em!important;font-weight:700;margin:20px 0!important}.header p{margin:20px auto;padding:0;text-align:center;color:var(--text);font-size:16px;font-weight:600;clear:both;width:70%}#content .post{background:var(--bg)!important;color:var(--text);transition:background 0.3s ease,color 0.3s ease;width:auto;margin:0;padding:0}#content .post:before{border:none}#content .post h2{color:var(--text);font-weight:600}#content .post p{margin:0}#content .post .post_container{padding:0;margin:10px 0;display:block}#content .post .post_container p,.post_container span{background-color:var(--bg-muted)!important}#content .post .palette_container{margin:50px 0;padding:20px;width:auto;background:var(--bg-muted)!important}.quality-control{list-style:none;margin:10px auto;padding:20px;width:50%;border-radius:10px;background-color:var(--bg-muted);box-shadow:2px 2px 6px rgba(0,0,0,0.05);border:solid 1px var(--border);position:relative}.quality-item{display:flex;align-items:center;gap:10px;padding:8px 0;font-size:15px;font-weight:700;color:var(--text)}.quality-label{flex:1;font-weight:600}.quality-value{color:#1464f4;font-size:16px!important;font-weight:bold;text-align:center!important;position:absolute;top:2px;right:30px}.quality-slider{flex:5;margin:0 10px;appearance:none;height:10px;background:#d0d7de;border-radius:5px;outline:none}.quality-slider::-webkit-slider-thumb{appearance:none;width:30px;height:30px;background:#1464f4;border-radius:50%;cursor:pointer;transition:background 0.3s}.quality-slider::-webkit-slider-thumb:hover{background:#104fc6}.quality-presets{margin-top:8px;display:flex;gap:8px}.quality-presets button{padding:4px 10px;border:none;border-radius:4px;background-color:#1464f4;color:#fff;cursor:pointer;font-size:13px;transition:background 0.3s}.quality-presets button:hover{background-color:#104fc6}.random{display:flex;flex-wrap:wrap;flex-direction:row;justify-content:center;align-items:flex-start;width:auto;text-align:center;gap:10px;margin:10px 0}.random a{text-align:center;font-size:14px;border-bottom:solid 1px var(--border);border-radius:20px;padding:2px 10px}.palette_color-box{flex:0 0 calc((100% - 29px) / 5);height:100px;display:flex;flex-direction:column;flex-shrink:0;align-items:center;justify-content:flex-end;padding-bottom:5px;margin:40px 0;cursor:pointer;transition:transform 0.5s ease-in-out;transform-origin:center center;position:relative}#palette{display:flex;flex-wrap:wrap;gap:5px;width:auto;overflow:hidden;box-shadow:0 2px 6px rgba(0,0,0,0.1);background-color:var(--bg-muted);margin:0 auto;align-items:center;justify-content:center;padding-bottom:50px;clear:both;position:relative}.color-label,.color-rgb,.color-hsl{position:relative;top:75px;font-size:0.9rem;font-weight:600;letter-spacing:1px;color:var(--text-muted);word-break:break-word;cursor:copy;letter-spacing:1px;padding:2px 0}.options{margin:20px 0 0;display:flex;flex-direction:row;justify-content:center;gap:10px}.options button{font-size:15px;font-weight:600;color:var(--text)}.png-card,.css-card,.json-card,.visual-btn{border:solid 1px var(--border);border-radius:5px;padding:5px 10px;cursor:pointer;color:#ddd!important;background-color:#3288E6;font-size:12px!important}.png-card:hover{background:linear-gradient(135deg,#ffe600,#ff9900)}.css-card:hover{background:linear-gradient(135deg,#8e2de2,#4a00e0)}.json-card:hover{background:linear-gradient(135deg,#c3fae8,#96f2d7);color:#000}input[type="color"]{margin-top:1rem;border:none;cursor:pointer}.search_container,.side_ad{display:none}.theme-toggle{right:5%}@media screen and (max-width:1000px){#content{display:block}#content .header p,#content .header h1{display:block;text-align:center}#content .header p{width:auto;font-size:16px;margin:0 10px}#content .header h1{margin:20px 10px 10px}#content .post{float:none;width:auto;margin:0;padding:20px 0}#content .post .post_container{padding:0;margin:0;width:auto}#content .post .post_container{display:block}.theme-toggle{right:2%}#palette{display:grid}.quality-slider::-webkit-slider-thumb{width:20px;height:20px}.options{margin:30px 0;display:grid}.options button{font-size:15px;font-weight:600;color:var(--text)}}