:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;line-height:1.5;font-weight:400;color-scheme:light dark;color:#ffffffde;background-color:#242424;font-synthesis:none;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#root{width:100%;height:100vh}a{font-weight:500;color:#646cff;text-decoration:inherit}a:hover{color:#535bf2}body{margin:0;display:flex;place-items:center;min-width:320px;min-height:100vh}h1{font-size:3.2em;line-height:1.1}button{border-radius:8px;border:1px solid transparent;padding:.6em 1.2em;font-size:1em;font-weight:500;font-family:inherit;background-color:#1a1a1a;cursor:pointer}button:hover{border-color:#646cff}button:focus,button:focus-visible{outline:4px auto -webkit-focus-ring-color}.mode-circle:hover:not(.active){border-color:#000!important}.mode-circle:focus,.mode-circle:focus-visible{outline:none!important}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}a:hover{color:#747bff}button{background-color:#f9f9f9}}@font-face{font-family:Gaya;src:url(/assets/Gaya-Italic-D-TMFW2I.woff2) format("woff2");font-weight:400;font-style:italic;font-display:swap}.app{max-width:600px;margin:0 auto;padding:1rem;text-align:center;height:100vh;display:flex;flex-direction:column;justify-content:center;align-items:center;box-sizing:border-box}@media screen and (max-width: 768px){.app{justify-content:flex-start}}.mode-selector{display:flex;gap:15px;margin-bottom:2rem;justify-content:center;flex-wrap:wrap}.mode-circle{width:40px;height:40px;border-radius:50%;border:2px solid #000000;cursor:pointer;transition:all .2s;padding:0;outline:none}.mode-circle:hover:not(.active){transform:scale(1.1)}.mode-circle:focus{outline:none}.mode-circle.active{border:2px solid #ffffff}.mode-1{background:#008c3a}.mode-2{background:#fc0}.mode-3{background:linear-gradient(90deg,#fc0 50%,#008c3a 50%);transform:rotate(45deg)}.mode-3:hover:not(.active){transform:rotate(45deg) scale(1.1)}.canvas-container{margin-bottom:2rem;display:flex;justify-content:center;flex-shrink:1;min-height:0}.canvas{border:2px solid;border-radius:4px;max-width:100%;max-height:100%;object-fit:contain}.controls{display:flex;flex-direction:column;gap:1rem;align-items:center;width:100%;flex-shrink:0}.text-input{width:100%;padding:.75rem;border:2px solid;border-radius:50px;font-size:1rem;box-sizing:border-box;background:transparent}.text-input:focus{outline:none}.save-button{padding:.75rem 1.5rem;background:transparent;border:2px solid;border-radius:50px;cursor:pointer;font-size:1rem}.save-button:disabled{opacity:.5;cursor:not-allowed}.copyright{font-size:10px;margin-top:1rem}@media (max-width: 768px){.app{padding:3rem .5rem .5rem}.mode-selector{flex-direction:row;gap:15px}.canvas,.controls{margin:0 10px}.text-input{max-width:calc(100vw - 40px)}}