:root{font-family:system-ui,Avenir,Helvetica,Arial,sans-serif;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}h1{font-size:3.2em;line-height:1.1}#root{width:100%;text-align:center;min-height:100dvh;display:flex;flex-direction:column}@media (prefers-reduced-motion: no-preference){a:nth-of-type(2) .logo{animation:logo-spin infinite 20s linear}}.palette-wrapper{width:100%;display:flex;flex-direction:row;justify-content:space-between;flex:1 1 auto;min-height:0}.utility-wrapper{width:100%;display:flex}.color-entry{width:100%;display:flex;flex-direction:column}.color-code{margin-top:auto;margin-bottom:8px;width:100%;text-align:center}.color-code:hover{background-color:#0000004d}.color-button{background:none;border:none}.color-buttons{margin-bottom:8px}.color-edit{display:flex;flex-direction:column;gap:4px;margin-bottom:4px;margin-top:auto}.color-input{padding:4px 8px;margin:0 4px;border:1px solid rgba(0,0,0,.3);border-radius:4px;background:#0009}.color-error{color:#b00020;font-size:12px}.utility-footer{margin-top:8px;margin-bottom:8px}.utility-button{border:none;background:none;padding:12px}.utility-button:hover{border:1px solid rgba(255,255,255,.3);border-radius:8px}