.settings-form{display:flex;flex-direction:column;gap:.5rem;margin:1rem auto;padding:1rem 2rem;width:70vw;border:1px solid #ccc;border-radius:8px;background-color:#fafafa;justify-content:center;align-items:center}.settings-form .random-label,.settings-form legend{font-size:1.5rem;font-weight:700;text-align:center;display:block}.settings-form label{font-size:1.2rem;margin-left:1rem;margin-right:1rem}.settings-form fieldset{border:none;margin:0;padding:0;justify-content:center;align-items:center;display:flex}.settings-form select{font-size:1.2rem;padding:.5rem;border-radius:4px;border:1px solid #ccc;background-color:#fff}.settings-form input[type=number]{background-color:#fff;border:1px solid #ccc;border-radius:4px}.settings-form .span,.settings-form legend{font-size:1.5rem;font-weight:700;text-align:center;width:100%;display:block;margin-bottom:.5rem}.settings-form input[type=checkbox],.settings-form input[type=radio],.settings-form input[type=range]{transform:scale(1.2);margin-right:.5rem;margin-left:.5rem;cursor:pointer}.letters-input{width:30vw;min-height:5em;font-family:monospace;border:1px solid #ccc;border-radius:4px;padding:.5rem;background-color:#fff}.ratio-field{display:flex;align-items:center;gap:.5rem}.ratio-num{font-variant-numeric:tabular-nums;font-feature-settings:"tnum";width:4rem;text-align:right}.button-container{padding:1rem;display:flex;justify-content:center;align-items:center;gap:.5rem;width:100%}.copy-button,.generate-button,.upload-label{cursor:pointer;border-radius:6px;transition:background-color .2s;font-size:1.2rem;min-width:12rem;display:inline-flex;justify-content:center;align-items:center;flex-wrap:wrap;border:none;padding:.75rem 1.5rem;background-color:#4CAF50;color:white}.copy-button:hover,.generate-button:hover,.upload-label:hover{background-color:#45a049}.copy-button:disabled,.generate-button:disabled{background-color:#ccc;cursor:not-allowed}.file-input{display:none}.output-container{flex-direction:column;gap:1rem;padding:1rem;width:50vw;margin:auto}.canvas-wrapper,.output-container{display:flex;justify-content:center;align-items:center}.canvas-wrapper{padding:4px;background-color:#f9f9f9;border:1px solid #ccc;height:auto;max-width:30vw;overflow:hidden}.ascii-text{font-family:monospace;white-space:pre;overflow:auto;line-height:1em;border:1px solid #ccc;border-radius:4px;padding:.25rem;background:#fff}@media (max-width:640px){.settings-form{width:90vw;gap:.2rem}.settings-form .random-label,.settings-form legend{font-size:1.2rem}.settings-form select{font-size:.9rem;padding:.3rem}.settings-form legend{font-size:1.2rem;margin-bottom:.3rem}.settings-form fieldset{flex-direction:column}.letters-input{width:50vw}.button-container{flex-direction:column;gap:.5rem}.output-container{width:90vw}.canvas-wrapper{width:50vw}}