:root{--base-color:#f4efe6;--border-color:#ddd7cc;--font-color:#1a1a1a;--border-mod-color:#1a1a1a}.darkmode{--base-color:#0a0a0a;--border-color:#1d1d1d;--font-color:#0f8;--border-mod-color:#0f8}#theme-switch{background-color:var(--base-color);border:2px dashed var(--border-color);border-radius:10%;justify-content:center;align-items:center;width:50px;height:50px;padding:0;transition:all .2s;display:flex;position:fixed;top:20px;right:20px}#theme-switch:hover{border-color:var(--font-color)}#theme-switch svg{fill:var(--font-color)}#theme-switch svg:last-child,.darkmode #theme-switch svg:first-child{display:none}.darkmode #theme-switch svg:last-child{display:block}*{box-sizing:border-box}html{background-color:var(--base-color);max-width:100%;font-family:Courier Prime,monospace;font-size:16px;overflow-x:hidden}body{background-color:var(--base-color);width:100%;max-width:100%;margin:auto;padding:20px;overflow-x:hidden}#output-canvas{width:min(800px,100%);height:auto;margin:0 auto;display:block}#output-canvas.empty{width:0;height:0}.title{color:var(--font-color)}.drop-zone{aspect-ratio:1;background-color:var(--base-color);border:2px dashed var(--border-color);width:100%;max-width:500px;color:var(--font-color);cursor:pointer;text-align:center;border-radius:8px;flex-direction:column;justify-content:center;align-items:center;margin:40px auto;transition:all .2s;display:flex}.drop-zone.compact{aspect-ratio:auto;max-width:100%;padding:10px 20px}.control-panel{border-top:1px solid var(--border-color);width:100%;margin-top:50px;padding:20px 30px 30px;font-family:Courier Prime,monospace}button{cursor:pointer;font-family:Courier Prime,monospace}.drop-zone:hover{border-color:var(--font-color)}.drop-zone.compact pre{display:none}.drop-zone.compact h2{margin:4px 0;font-size:1rem}.drop-zone.compact p{margin:0;font-size:.8rem}.info-container{cursor:pointer;display:inline-block;position:relative}.info-container .info-text{visibility:hidden;background-color:var(--base-color);width:160px;color:var(--font-color);text-align:center;z-index:1;opacity:0;border-radius:6px;margin-left:-80px;padding:5px;transition:opacity .3s;position:absolute;bottom:125%;left:50%}.info-container:hover .info-text{visibility:visible;opacity:1}.slider-row{align-items:center;gap:20px;width:100%;display:flex}.slider{appearance:none;background:var(--border-color);outline:none;flex:1;width:100%;height:1px}.slider::-webkit-slider-thumb{appearance:none;background:var(--font-color);cursor:pointer;border-radius:0;width:7px;height:20px}.slider::-moz-range-thumb{background:var(--font-color);cursor:pointer;border:none;border-radius:0;width:7px;height:20px}.density,.fps{min-width:90px;color:var(--font-color);letter-spacing:2px;text-align:right;white-space:nowrap;font-size:11px}#value{color:var(--font-color);letter-spacing:1px}.control-row{justify-content:space-between;align-items:center;margin-top:24px;display:flex}.control-settings{align-items:center;gap:30px;display:flex}.color-control,.invert-control{cursor:pointer;letter-spacing:2px;color:var(--font-color);align-items:center;gap:8px;font-size:10px;display:flex}.control-actions{gap:12px;display:flex}.color-control input,.invert-control input{appearance:none;border:1px solid var(--font-color);background:var(--base-color);cursor:pointer;width:14px;height:14px;margin:0;position:relative}.invert-control input:checked,.color-control input:checked{background:var(--font-color)}.color-control input:checked:after,.invert-control input:checked:after{content:"✓";color:var(--base-color);font-size:10px;position:absolute;top:-1px;left:2px}.control-actions button{letter-spacing:2px;border-radius:0;height:32px;padding:0 14px;font-size:10px}.txt-button,#first-choice,#second-choice{background-color:var(--base-color);color:var(--font-color);border:1px solid var(--border-color)}.txt-button:hover,#first-choice:hover,#second-choice:hover{color:var(--font-color);border-color:var(--font-color)}.download-button{background-color:var(--font-color);color:var(--base-color);border:1px solid var(--border-color)}.download-button:hover{border-color:var(--font-color)}@media (width<=600px){.control-row{flex-direction:column;align-items:flex-start;gap:20px}.control-actions{width:100%}.control-actions button{flex:1}.density{min-width:auto}}#processing{background:var(--base-color);border:2px dashed var(--font-color);width:300px;color:var(--font-color);opacity:0;pointer-events:none;z-index:1000;border-radius:12px;padding:15px;transition:opacity .2s;position:fixed;top:20px;left:50%;transform:translate(-50%)}#processing.active{opacity:1}.progress-bar{background:var(--base-color);border-radius:10px;width:100%;height:8px;margin-top:10px;overflow:hidden}#progress{background:var(--font-color);width:0%;height:100%;transition:width .1s linear}#input-description{box-sizing:border-box;background-color:var(--base-color);width:100%;max-width:500px;height:auto;min-height:35px;color:var(--font-color);border:2px dashed var(--border-color);cursor:pointer;border-radius:8px;flex-direction:column;margin:40px auto;padding:5px;font-family:Courier Prime,monospace;transition:all .2s;display:flex;overflow:hidden}#input-description:hover{border-color:var(--font-color)}#input-description:focus{outline:none;font-family:Courier Prime,monospace}#input-description::placeholder{color:var(--font-color);font-family:Courier Prime,monospace}#input-description.compact{aspect-ratio:auto;max-width:100%;padding:10px 20px}textarea{resize:none;overflow:hidden}#processing.searching #progress{width:30%;animation:1s ease-in-out infinite alternate search-loading}#processing-texte{text-align:center;width:100%}@keyframes search-loading{0%{width:20%}to{width:80%}}#btn-ASCII{letter-spacing:2px;border-radius:0;height:32px;padding:0 14px;font-size:10px}#output-video{width:min(800px,100%);height:auto;margin:0 auto}#btn-save,#first-choice,#second-choice{width:130px;margin-top:2px}