*,*:before,*:after{box-sizing:border-box;margin:0;font-weight:400}body{min-height:100vh;color:var(--color-text);background:var(--color-background);transition:color .5s,background-color .5s;line-height:1.6;font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Roboto,Oxygen,Ubuntu,Cantarell,Fira Sans,Droid Sans,Helvetica Neue,sans-serif;font-size:15px;text-rendering:optimizeLegibility;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale}#app{max-width:1280px;margin:0 auto;padding:2rem;font-weight:400}nav[data-v-ce0b7b0c]{position:absolute;top:0;right:0;display:flex;gap:1rem}.color-palette{width:5vw;min-width:100px;max-width:250px;height:150px}main[data-v-49a71d54]{display:flex;flex-direction:column;justify-content:center;align-items:center;height:90vh;background-color:#f0f0f0}input[data-v-49a71d54]{padding:.5rem;margin-top:.5rem;margin-left:1rem;border:1px solid #ccc;border-radius:.25rem}input[data-v-49a71d54]:read-only{background-color:#f0f0f0}