@font-face{font-family:balsamiq;font-style:normal;font-display:swap;font-weight:400;src:url(https://cdn.jsdelivr.net/fontsource/fonts/balsamiq-sans@latest/latin-400-normal.woff2) format("woff2");unicode-range:U+0000-00FF,U+0131,U+0152-0153,U+02BB-02BC,U+02C6,U+02DA,U+02DC,U+0304,U+0308,U+0329,U+2000-206F,U+20AC,U+2122,U+2191,U+2193,U+2212,U+2215,U+FEFF,U+FFFD}: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}*{box-sizing:border-box;font-family:balsamiq,sans-serif}body{margin:0;min-width:320px;min-height:100vh}#root{min-height:100vh}@media(prefers-color-scheme:light){:root{color:#213547;background-color:#fff}.color-preview{border-color:#0003}.conversion-value,.update-count,.debounce-label{color:#000000e6}.debounce-control{background:#0000000d}.debounce-slider{background:#0000001a}.debounce-slider::-webkit-slider-thumb{background:#000000b3}.debounce-slider::-moz-range-thumb{background:#000000b3}.palette-swatch,.variation-swatch{border-color:#0003}}.app{display:flex;flex-direction:column;justify-content:center;align-items:center;gap:1rem;min-height:100vh;padding:1rem;transition:background-color .1s ease}.debounce-control{display:flex;flex-direction:column;align-items:center;gap:.5rem;padding:.75rem 1rem;background:#ffffff1a;border-radius:14px;-webkit-backdrop-filter:blur(10px);backdrop-filter:blur(10px)}.debounce-label{font-size:.9rem;font-weight:500;color:#ffffffe6}.debounce-slider{width:250px;height:5px;border-radius:6px;background:#fff3;outline:none;cursor:pointer}.debounce-slider::-webkit-slider-thumb{appearance:none;width:14px;height:14px;border-radius:50%;background:#ffffffe6;cursor:pointer}.debounce-slider::-moz-range-thumb{width:14px;height:14px;border-radius:50%;background:#ffffffe6;cursor:pointer;border:none}.color-inputs-container{display:flex;justify-content:center;align-items:center;gap:2rem}.color-input-section{display:flex;flex-direction:column;align-items:center;gap:.75rem}.color-input-section h2{margin:0;font-size:1.1rem;font-weight:500}.color-input-wrapper{display:flex;flex-direction:column;align-items:center;gap:.5rem}.color-input{width:70px;height:70px;border:none;border-radius:6px;cursor:pointer}.color-preview{width:150px;height:60px;border-radius:16px;border:2px solid rgba(255,255,255,.2)}.color-value{font-family:monospace;font-size:1rem;font-weight:500}.color-conversions{display:flex;flex-direction:column;gap:.25rem;margin-top:.25rem}.conversion-item{display:flex;justify-content:center;align-items:center;gap:.5rem;font-family:monospace;font-size:.8rem}.conversion-label{font-weight:500;opacity:.8;min-width:70px;text-align:right}.conversion-value{color:#ffffffe6;min-width:180px;text-align:left}.color-palette{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;width:100%}.palette-row{display:flex;align-items:center;gap:.5rem}.palette-label{font-size:.75rem;font-weight:500;opacity:.8;min-width:80px;text-align:right}.palette-swatch{width:30px;height:22px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.color-variations{display:flex;flex-direction:column;gap:.4rem;margin-top:.5rem;width:100%}.variation-group{display:flex;flex-direction:column;gap:.3rem}.variation-label{font-size:.75rem;font-weight:500;opacity:.8}.variation-swatches{display:flex;gap:.4rem}.variation-swatch{width:28px;height:28px;border-radius:8px;border:1px solid rgba(255,255,255,.2)}.update-count{font-size:1.75rem;font-weight:700;color:#ffffffe6;margin:.25rem 0}@media(max-width:768px){.app{gap:1rem}.color-inputs-container{flex-direction:column;gap:1.5rem}.debounce-slider{width:200px}}