#text-input,.bt100,.delete-btn{font-size:16px}.container,body{max-width:1200px}:root{--primary-color:#4a6fa5;--secondary-color:#166088;--accent-color:#4fc3f7;--background-color:#f5f7fa;--text-color:#333;--border-color:#ddd;--error-color:#AD0000;--success-color:#2ecc71}.progress-container{width:100%;margin:15px 0}.progress-bar{height:20px;background-color:#4caf50;width:0%;transition:width .3s}#progress-text{text-align:center;margin-top:5px}#home_page,#site-title{font-size:24px;font-family:Arial,sans-serif;text-transform:uppercase;font-weight:700}.delete-btn{position:absolute;top:2px;right:2px;background:0 0;color:#fff;border:none;cursor:pointer;padding:0;line-height:1;text-shadow:1px 1px 2px #000}.desc_site,body{line-height:1.6}.dimension-controls{display:grid;grid-template-columns:1fr 1fr;gap:15px;margin-top:15px}.dimension-control{display:flex;flex-direction:column}.dimension-control label{margin-bottom:5px;font-weight:700}.dimension-control input{padding:8px;border:1px solid var(--border-color);border-radius:4px}.size-presets{display:flex;gap:10px;margin-top:10px}.size-preset-btn{padding:5px 10px;background:var(--background-color);border:1px solid var(--border-color);border-radius:4px;cursor:pointer;font-size:.8em}.bottom-bar,.top-bar{background-color:#AD0000;width:100%;box-sizing:border-box;color:#fff;padding:10px 20px;position:relative}.size-preset-btn:hover{background:var(--accent-color);color:#fff}.speed-control{margin-top:15px}.speed-control label{display:block;margin-bottom:5px;font-weight:700}*,.bottom-bar p{margin:0}.brush-size input,.speed-control input{width:100%}.speed-value{display:inline-block;margin-left:10px;min-width:40px;text-align:right}*{box-sizing:border-box;padding:0;font-family:'Segoe UI',Tahoma,Geneva,Verdana,sans-serif}body{background-color:var(--background-color);color:var(--text-color);padding:0 20px 20px;margin:0 auto;width:100%;box-sizing:border-box}.top-bar{text-align:left;display:flex;justify-content:space-between;align-items:center}.bottom-bar,.drop-zone,.output-section,.status{text-align:center}.top-bar h1{margin:0;font-size:1.2em;color:#fff;text-align:right;font-weight:700;flex-grow:1}.bottom-bar{margin-top:300px}.container{margin:0 auto;display:flex;flex-direction:column;gap:20px}#home_page{text-decoration:none;color:inherit}#home_page:hover,.bottom-bar a:hover{text-decoration:underline;color:#ff0}.bottom-bar a{color:#fff;text-decoration:none;margin:0 8px;font-weight:700}.desc_site{margin:.5em 0 0 .3em;color:#555;font-size:.9em}.drop-zone p,.tool-group{margin-bottom:10px}.upload-section{display:flex;flex-direction:column;gap:15px;background:#fff;padding:20px}.upload-options-wrapper{display:flex;justify-content:space-between;align-items:center;flex-wrap:wrap;padding:10px}.upload-options{display:flex;gap:10px;flex-wrap:wrap;justify-content:center;flex:1}.icon-button{background:0 0;border:none;font-size:1.5em;cursor:pointer}.bt_editor_config{display:flex;flex-wrap:wrap;gap:10px;justify-content:left}.bt100,canvas{display:block}.bt100,.btn_upload{border:none;align-items:center}.bt100{background-color:var(--success-color);color:#fff;padding:10px 20px;border-radius:5px;cursor:pointer;transition:background-color .3s;justify-content:center;width:100%;max-width:none}.btn,.btn_upload{background-color:var(--primary-color);padding:10px 20px;transition:background-color .3s;display:inline-flex;width:100%;color:#fff;font-size:16px;cursor:pointer}.bt100:hover,.btn-success:hover{background-color:#27ae60}.btn_upload{border-radius:5px;justify-content:center;min-width:400px;max-width:400px}.btn:hover,.btn_upload:hover{background-color:var(--secondary-color)}.btn{border:none;border-radius:5px;align-items:center;justify-content:center;min-width:150px;max-width:200px}.btn-secondary{background-color:#6c757d}.btn-secondary:hover{background-color:#5a6268}.btn-success{background-color:var(--success-color)}.btn-danger{background-color:var(--error-color)}.btn-danger:hover{background-color:#7A0000}.drop-zone{border:2px dashed var(--border-color);border-radius:5px;padding:30px;cursor:pointer;transition:.3s;min-height:150px;display:flex;flex-direction:column;align-items:center;justify-content:center}.drop-zone.highlight{border-color:var(--accent-color);background-color:rgba(79,195,247,.1)}.thumbnail-container{display:flex;flex-wrap:wrap;gap:15px;justify-content:center;padding:20px 0}.thumbnail{position:relative;width:150px;height:150px;border:2px solid var(--border-color);border-radius:5px;overflow:hidden;cursor:pointer;transition:transform .2s,box-shadow .2s;background-color:#fff}.drag-handle,.thumbnail-number{position:absolute;font-size:12px}.thumbnail:hover{transform:scale(1.05);box-shadow:0 5px 15px rgba(0,0,0,.1)}.thumbnail img{width:100%;height:100%;object-fit:contain}.thumbnail.active{border-color:var(--accent-color);box-shadow:0 0 0 3px rgba(79,195,247,.5)}.thumbnail-number{top:5px;left:5px;background-color:rgba(0,0,0,.7);color:#fff;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center}#editor-canvas,.text-tool input{border:1px solid var(--border-color)}.editor-section,.generate-section{display:none;background:#fff;padding:20px}.editor-container{display:flex;flex-direction:column;gap:20px}canvas{max-width:100%;height:auto}.canvas-wrapper{display:flex;justify-content:center}#editor-canvas{background-image:url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAQCAYAAAAf8/9hAAAAMUlEQVQ4T2NkYGAQYcQKx9WrVzOQqgFZPbEaUDXg1YwqgawZ2Q3EasCrGVUCVTOyBgB7EA0d9g3N7QAAAABJRU5ErkJggg==');cursor:default;max-width:100%;overflow:hidden;display:inline-block;position:relative;margin:0 auto;touch-action:none}#editor-canvas.drawing-mode{cursor:crosshair}#editor-canvas.text-mode{cursor:text}.tools-section{display:flex;flex-wrap:wrap;gap:15px;justify-content:center}.tool-group{display:flex;flex-direction:column;gap:10px;background:#fff;padding:15px;width:100%}.tool-group h3{font-size:16px;margin-bottom:5px;color:var(--secondary-color)}.color-options{display:flex;gap:5px;flex-wrap:wrap}.color-option,.text-color-option{width:30px;height:30px;border-radius:50%;cursor:pointer;border:2px solid transparent}.color-option.selected,.text-color-option.selected{border-color:var(--text-color)}.brush-size{display:flex;gap:10px;align-items:center}.text-tool input{width:100%;padding:8px;border-radius:4px;margin-top:10px;margin-bottom:10px}.text-color-options{display:flex;gap:5px}.output-section{display:none;background:#fff;padding:20px}#result-gif{image-rendering:-moz-crisp-edges;image-rendering:-webkit-optimize-contrast;image-rendering:crisp-edges;-ms-interpolation-mode:nearest-neighbor;max-width:100%;border:1px solid var(--border-color);margin:20px 0}.status{padding:10px;border-radius:5px;margin:10px 0}.status.error{background-color:rgba(231,76,60,.2);color:var(--error-color)}.status.success{background-color:rgba(46,204,113,.2);color:var(--success-color)}.status.info{background-color:rgba(52,152,219,.2);color:#3498db}.drag-handle{touch-action:none;user-select:none;bottom:5px;right:5px;background-color:rgba(0,0,0,.7);color:#fff;border-radius:50%;width:25px;height:25px;display:flex;align-items:center;justify-content:center;cursor:move}.mode-selector{display:flex;gap:10px;margin-bottom:15px;align-items:center}.mode-btn{padding:8px 15px;border:1px solid var(--border-color);border-radius:4px;background:#fff;cursor:pointer}.mode-btn.active{background:var(--accent-color);color:#fff;border-color:var(--accent-color)}.close_btn_editor{margin-left:auto;color:red;background:0 0;border:none;font-size:2em;line-height:1}.ads_responsive{width:100%;height:150px;margin:0 auto;display:block}@media (max-width:650px){.ads_responsive{width:300px;height:250px;margin:0 auto}}@media (max-width:768px){#drop-zone,.icon-button,.no768{display:none}.btn,.btn_upload{display:block;width:100%;max-width:none;min-width:120px;padding:8px 15px;font-size:14px}.top-bar{flex-direction:column;text-align:center}#home_page,#site-title{font-size:18px}.top-bar h1{font-size:1em}#editor-canvas{touch-action:none}}@media (max-width:480px){.thumbnail{width:150px;height:120px}.upload-options{flex-direction:column}}@media (max-width:360px){.thumbnail{width:180px;height:150px}.ads_responsive{width:250px;height:250px;margin:0 auto}}@media (max-width:300px){.ads_responsive{width:90%;height:250px;margin:0 auto}}