:root{--bg: #f2f0ea;--card: #fbfaf6;--text: #141414;--muted: #77736c;--border: #d8d5ce;--surface2: #e9e6df;--blue: #2f5be7;--blue-soft: #dce4fc}*{box-sizing:border-box}body{margin:0;background:var(--bg);color:var(--text);font-family:Inter,-apple-system,BlinkMacSystemFont,Segoe UI,Helvetica,Arial,sans-serif;font-size:15px;line-height:1.6;-webkit-font-smoothing:antialiased}a{color:var(--text)}::selection{background:var(--blue-soft)}@keyframes om-spin{to{transform:rotate(360deg)}}@keyframes om-fadein{0%{opacity:0;transform:scale(.99)}to{opacity:1;transform:scale(1)}}@keyframes om-toast{0%{opacity:0;transform:translate(-50%,8px)}to{opacity:1;transform:translate(-50%)}}button{font-family:inherit}button:focus-visible,input:focus-visible,a:focus-visible{outline:2px solid var(--blue);outline-offset:2px}.side-btn:hover:not(.sel){background:#ded9d1!important;color:var(--text)!important}.pill-btn:hover:not(.sel){background:#ded9d1!important}.ghost-btn:hover{background:var(--surface2)!important}.swatch:hover{transform:scale(1.1)}.dl-btn:hover:not(:disabled):not(.saved){background:#2549c8!important}.reset-btn:hover{color:#fff!important}.copy-btn:hover{background:var(--surface2)!important}.seg-btn:not(.sel):hover{color:var(--text)!important}.chip:not(.sel):hover{background:#ded9d1!important;color:var(--text)!important}.footer-link:hover{color:var(--text)!important}.brand-link:hover{text-decoration:underline!important;text-underline-offset:3px}.hex-input:focus,.hsb-input:focus{outline:none;border-color:var(--blue)!important;box-shadow:0 0 0 3px #2f5be729}.hsb-input{width:100%;background:var(--card);border:1px solid var(--border);border-radius:10px;color:var(--text);font-family:inherit;font-size:13px;font-variant-numeric:tabular-nums;padding:7px 8px;outline:none;transition:border-color .15s,box-shadow .15s;-moz-appearance:textfield;-webkit-appearance:textfield;appearance:textfield}.hsb-input::-webkit-outer-spin-button,.hsb-input::-webkit-inner-spin-button{-webkit-appearance:none;margin:0}input[type=range].q{-webkit-appearance:none;-moz-appearance:none;appearance:none;width:100%;height:6px;border-radius:999px;outline:none;margin:14px 0 2px}input[type=range].q::-webkit-slider-thumb{-webkit-appearance:none;width:20px;height:20px;border-radius:50%;background:#fff;border:1.5px solid var(--text);cursor:pointer}input[type=range].q::-moz-range-thumb{width:20px;height:20px;border-radius:50%;background:#fff;border:1.5px solid var(--text);cursor:pointer}.color-pop .react-colorful{width:100%;height:172px}.color-pop .react-colorful__saturation{border-radius:12px;border-bottom:none;margin-bottom:12px}.color-pop .react-colorful__hue{height:14px;border-radius:999px}.color-pop .react-colorful__pointer{width:18px;height:18px;border:2px solid #ffffff;box-shadow:0 0 0 1px #14141440}@media(prefers-reduced-motion:reduce){*{animation-duration:0s!important;transition-duration:0s!important}}