.cmg-container{width:100%;height:100vh;display:flex;transition:background-color .2s ease;position:relative;overflow:hidden;font-family:system-ui,sans-serif}.cmg-bar{position:absolute;top:50%;left:50%;width:80%;height:30px;border-radius:15px;transform:translate(-50%,-50%);transform-origin:center;animation:shrinkBar 3s linear forwards;z-index:10;box-shadow:0 4px 12px #0000004d}@keyframes shrinkBar{0%{transform:translate(-50%,-50%) scaleX(1)}to{transform:translate(-50%,-50%) scaleX(0)}}.cmg-center{margin:auto;display:flex;flex-direction:column;align-items:center;gap:24px;z-index:5;padding:20px}.cmg-title,.cmg-text{text-align:center;margin:0;font-weight:700;text-shadow:0 1px 2px rgba(0,0,0,.1)}.cmg-title{font-size:2.5rem}.cmg-text{font-size:1.5rem}.cmg-picker-wrapper{background:#fff;padding:16px;border-radius:20px;box-shadow:0 8px 24px #0003;display:flex;align-items:center;justify-content:center}.cmg-picker{width:120px;height:120px;border:none;border-radius:50%;cursor:pointer;background:none;padding:0;transition:transform .2s}.cmg-picker::-webkit-color-swatch-wrapper{padding:0}.cmg-picker::-webkit-color-swatch{border:none;border-radius:50%}.cmg-picker::-moz-color-swatch{border:none;border-radius:50%}.cmg-picker:hover{transform:scale(1.05)}.cmg-btn{padding:14px 32px;font-size:1.2rem;cursor:pointer;background:transparent;border:3px solid;border-radius:12px;font-weight:700;transition:all .2s;-webkit-backdrop-filter:brightness(.9);backdrop-filter:brightness(.9)}.cmg-btn:hover{background:#ffffff26;transform:scale(1.02)}.cmg-btn-dark{color:#000;border-color:#000}.cmg-btn-dark:hover{background:#0000001a}.cmg-comparison{display:flex;gap:20px;margin:10px 0}.cmg-swatch{width:80px;height:80px;border-radius:12px;display:flex;align-items:center;justify-content:center;font-size:.9rem;font-weight:700;box-shadow:0 4px 8px #0003;border:2px solid rgba(255,255,255,.3)}