[data-theme=light]{--shadow-color:rgba(0, 0, 0, 0.1);--border-color:var(--base1);--muted-text-color:var(--base0);--canvas-bg-color:#FFFFFF;--canvas-border-color:var(--base1);--input-bg-color:var(--base3);--slider-track-bg:var(--base1);--tooltip-bg-color:var(--base02);--tooltip-text-color:var(--base2)}[data-theme=dark]{--shadow-color:rgba(0, 0, 0, 0.2);--border-color:var(--base01);--muted-text-color:var(--base00);--canvas-bg-color:#000000;--canvas-border-color:var(--base01);--input-bg-color:var(--base03);--slider-track-bg:var(--base01);--tooltip-bg-color:var(--base2);--tooltip-text-color:var(--base02)}body,html{margin:0;padding:0;min-height:100%;font-family:-apple-system,BlinkMacSystemFont,'Segoe UI',Roboto,Helvetica,Arial,sans-serif;background-color:var(--bg-color);color:var(--text-color);transition:background-color .3s,color .3s}body{display:flex;flex-direction:column;align-items:center;padding:.5rem;box-sizing:border-box}.main-header{width:100%;max-width:800px;display:flex;justify-content:space-between;align-items:center;padding:0 1rem;box-sizing:border-box;position:relative;margin-bottom:.5rem}.main-header h1{font-size:1.8rem;color:var(--heading-color);margin:0;white-space:nowrap;flex-grow:1;text-align:center}.header-spacer{width:40px;height:40px}#theme-toggle{background-color:var(--violet);color:var(--card-bg-color);border:1px solid var(--accent-color);padding:.5rem;width:40px;height:40px;box-sizing:border-box;border-radius:50%;cursor:pointer;font-size:1.2rem;display:flex;justify-content:center;align-items:center;transition:background-color .2s,box-shadow .2s,color .2s}#theme-toggle:hover{box-shadow:0 0 5px var(--accent-color)}#theme-toggle i{margin:0}.container{width:100%;max-width:800px;background-color:var(--card-bg-color);padding:1rem;border-radius:10px;box-shadow:0 4px 8px var(--shadow-color);box-sizing:border-box;transition:background-color .3s}.download-section,.preview-section,.settings-section,.upload-section{position:relative;margin-bottom:.5rem}#finalPreviewCanvas,#previewCanvas{border:1px solid var(--canvas-border-color);background-color:var(--canvas-bg-color);width:100%;max-width:512px;aspect-ratio:2/1;display:block;margin:0 auto}#previewCanvas{cursor:move}#finalPreviewCanvas{image-rendering:pixelated;image-rendering:-moz-crisp-edges;image-rendering:crisp-edges}.button-like-input,a.button,button{display:block;width:100%;box-sizing:border-box;padding:.25rem 1.5rem;background-color:var(--blue);color:var(--button-text-color);text-decoration:none;border-radius:5px;font-weight:700;border:none;cursor:pointer;font-size:1rem;text-align:center;transition:background-color .2s}.button-like-input i,a.button i,button i{margin-right:.5em}.button-like-input:hover,a.button:hover,button:hover{opacity:.9}.button-like-input.disabled,a.button.disabled,button.disabled{opacity:.5;cursor:not-allowed}.button-like-input input[type=file]{display:none}.setting-row{display:flex;align-items:center;margin-bottom:.5rem;gap:1rem}.setting-row>label{flex:0 0 120px;margin-bottom:0;font-weight:700}.setting-row .value-input{width:60px;min-width:60px;box-sizing:border-box;text-align:right;background-color:var(--input-bg-color);color:var(--text-color);border:1px solid var(--border-color);border-radius:5px;padding:.3rem}.setting-row input[type=range]{flex-grow:1}.algorithm-row .radio-group{display:grid;grid-template-columns:repeat(3,1fr);gap:.5rem}.algorithm-row .radio-group label{flex:initial;font-weight:400}input[type=range]{-webkit-appearance:none;width:100%;background:0 0}input[type=range]::-webkit-slider-thumb{-webkit-appearance:none;border:1px solid var(--border-color);height:20px;width:20px;border-radius:50%;background:var(--blue);cursor:pointer;margin-top:-7px}input[type=range]::-moz-range-thumb{border:1px solid var(--border-color);height:20px;width:20px;border-radius:50%;background:var(--blue);cursor:pointer}input[type=range]::-webkit-slider-runnable-track{width:100%;height:6px;cursor:pointer;background:var(--slider-track-bg);border-radius:3px}input[type=range]:focus::-webkit-slider-runnable-track{background:var(--blue)}input[type=range]::-moz-range-track{width:100%;height:6px;cursor:pointer;background:var(--slider-track-bg);border-radius:3px}.preview-section{position:relative}#custom-tooltip{display:none;position:absolute;bottom:10px;left:50%;transform:translateX(-50%);background-color:rgba(0,0,0,.7);color:#fff;padding:8px 12px;border-radius:5px;font-size:.9rem;line-height:1.4;text-align:center;width:90%;max-width:500px;box-sizing:border-box;z-index:10;pointer-events:none}@media (max-width:600px){.main-header h1{font-size:1.2rem}.container{padding:1rem}.setting-row>label{flex:0 0 120px}.algorithm-row{flex-direction:column;align-items:flex-start;gap:.5rem}.algorithm-row>label{flex-basis:auto}.algorithm-row .radio-group{display:grid;grid-template-columns:1fr 1fr;gap:.25rem}}