body{margin:0;font-family:Futura,Arial,Helvetica,sans-serif;display:flex;flex-direction:column;align-items:flex-start;justify-content:flex-start;min-width:320px;min-height:100vh;background-color:#2d2d2d;color:#fff;padding:20px}.app-container{width:100%}.phrase-input{margin-bottom:20px;width:100%;padding:10px;font-size:1em;border-radius:5px;border:1px solid #ddd;background-color:#333;color:#fff}.phrase-input:focus{outline:none;border-color:#4caf50}.label{font-size:1.2em;font-weight:700;margin-bottom:10px;color:#f5f5f5}.turtle-grid{display:flex;flex-wrap:wrap;gap:10px;justify-content:flex-start;width:100%;background-color:#fff;padding:10px;border-radius:10px;margin-top:10px;position:relative}.turtle-row{display:flex;gap:5px;width:100%}.turtle-image{max-width:75px;height:auto}.turtle-grid.two-columns .turtle-row{width:calc(50% - 5px)}@media (max-width: 600px){.turtle-image{max-width:35px}}.blank-square{max-width:125px;height:auto;background-color:#fff}button{margin-top:20px;margin-right:20px;padding:10px 20px;background-color:#4caf50;color:#fff;border:none;cursor:pointer;border-radius:5px}button:hover{background-color:#45a049}.output-section{margin-top:20px}.output-text{font-size:1.1em;margin-bottom:10px;line-height:1.6;color:#f5f5f5}canvas{display:none}.download-button{margin-top:20px;padding:10px 20px;background-color:#f1c40f;color:#fff;border:none;cursor:pointer;border-radius:5px}.download-button:hover{background-color:#e0b40f}