:root{font-family:Inter,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}body{margin:0;overflow:hidden;font-family:Arial,sans-serif;background-color:#111;color:#fff}.controls{position:absolute;top:10px;left:10px;background:#000000b3;padding:15px;border-radius:10px;display:flex;flex-direction:column;gap:10px;-webkit-backdrop-filter:blur(5px);backdrop-filter:blur(5px)}.control-group{display:flex;align-items:center;gap:10px}label{font-size:14px;color:#fff;min-width:60px}input{padding:8px;border:1px solid rgba(255,255,255,.3);border-radius:5px;background-color:#ffffff1a;color:#fff;font-size:14px;outline:none;transition:border-color .3s ease,background-color .3s ease}input:focus{border-color:#5656ac;background-color:#fff3}input[type=number]{width:80px}input[type=color]{padding:3px;width:40px;height:30px;cursor:pointer}.github-icon{position:absolute;bottom:10px;right:20px;color:#fff;opacity:.7;transition:opacity .3s ease}.github-icon:hover{opacity:1}.github-icon svg{width:24px;height:24px}@media (prefers-color-scheme: light){:root{color:#213547;background-color:#fff}body{background-color:#f9f9f9;color:#213547}.controls{background:#ffffffb3}label{color:#213547}input{border-color:#0000004d;background-color:#0000001a;color:#213547}input:focus{border-color:#747bff;background-color:#0003}.github-icon{color:#213547}}@media (max-width: 600px){.controls{top:5px;left:5px;padding:10px;gap:8px}label{font-size:12px;min-width:50px}input{padding:6px;font-size:12px}input[type=number]{width:70px}input[type=color]{width:35px;height:25px}.github-icon{bottom:5px;right:10px}}